使用hexo搭建github博客

编程
目录
  1. 使用Github建立属于自己的博客
  2. 使用hexo发布博文
    1. hexo环境搭建
    2. 使用hexo发布博客

使用Github建立属于自己的博客

Github提供了Github pages功能，建立个人博客需采用username.github.io作为仓库名，然后你可以使用usrname.github.io访问该博客。建立方式如下：

  1. 登陆Github，创建一个名为username.github.io的仓库
  2. 为github关联ssh key，具体见http://blog.csdn.net/codingcs/article/details/50532282中的“配置ssh访问github”

使用hexo发布博文

hexo环境搭建

  1. What’s hexo
    hexo是一个简单快速的静态博客框架，你可以使用Markdown语法进行博客写作，然后执行几个命令hexo就能生成指定主题的静态页面。
  2. 安装hexo
    安装hexo前需要先安装Node.js及git。
    安装Node.js及Git后执行后，执行 $ npm install -g hexo-cli 安装hexo即可
    具体步骤可以参考hexo官方文档说明：https://hexo.io/docs/
  3. hexo环境配置
    安装好hexo后，执行如下命令在目录中初始化
1
2
3
$ hexo init <folder>
$ cd <folder>
$ npm install

执行后hexo目录如下：

1
2
3
4
5
6
7
8
.
├── _config.yml
├── package.json
├── scaffolds
├── source
|   ├── _drafts
|   └── _posts
└── themes

其中_config.yml 是配置文件，其中各个配置项参见hexo官方文档说明。这边仅几个常用的项说明如下：source/_posts目录下是发布的文章目录，theme用于存放安装的主题。Deploy用于配置git repository，对于github pages而言，配置如下：

1
2
3
4
5
6
# Deployment
## Docs: https://hexo.io/docs/deployment.html
deploy:
  type: git
  repository: https://github.com/username/username.github.io
  branch: master

这样，就完成了hexo和github仓库的绑定，就可以使用命令来发布博文了。

使用hexo发布博客

安装完成后，便可以使用hexo命令来发布博客了。下面对hexo命令进行介绍：

  1. 新建文章

    $ hexo new [layout]

  2. 生成静态文件

    $ hexo generate

  3. 启动hexo server，这时可用用 http://localhost:4000 来预览博客

    $ hexo server

使用该命令之前需要先执行$ npm install hexo-server --save安装hexo server

  1. 上传资源到博客上，即部署

    $ hexo deploy

  2. 清除cache文件（db.json）并产生public文件

    $ hexo clean

常用组合命令如下：
发布博文：hexo clean && hexo g && hexo d
预览博文：hexo clean && hexo g && hexo s ， 然后使用 http://localhost:4000 打开

以上步骤完成了简单博客的搭建，后面会进行一些进阶的配置：包括如何进行博文分类，创建文章目录，设置头像，配置主题等，欢迎阅读。

本站总访问量次