GitHub 部署 Hexo 博客

2016/01/01 Tool

采用 Hexo 生成静态博客页面,然后使用 GitHub 提供的静态页面服务进行部署。

准备

  1. 本地安装 Git
  2. 本地安装 Nodejs
  3. 创建一个特殊的仓库, 仓库名为GitHub账号名.github.io 并添加本机的ssh公钥到GitHub

安装 Hexo (参考)

在本地执行如下命令:

npm install hexo-cli -g
hexo init blog
cd blog
npm install
hexo server

就启动了本地的Hexo,在浏览器中可以打开http://localhost:4000

这里是Hexo 3.0,但是有很多Hexo插件不兼容,可以使用如下命令安装2.X版本

npm install hexo@2.8.3 -g
hexo init blog

更换主题

使用GitGitHub中下载公开的主题,如: light仓库地址: git@github.com:hexojs/hexo-theme-light.git yilia仓库地址: git@github.com:litten/hexo-theme-yilia.git 安装命令:

git clone https://github.com/litten/hexo-theme-yilia.git themes/yilia

生成静态页面

使用命令:

hexo generate

生成的静态页面都在public文件夹里,下边部署时发布的就是此文件夹里的内容

部署到GitHub(参考)

修改_config.yml:

# Deployment
## Docs: http://hexo.io/docs/deployment.html
deploy:
  type: git
  repository: git@github.com:albertchendao/albertchendao.github.io.git
  branch: master

先安装部署插件:

npm install hexo-deployer-git --save

然后使用命令:

hexo deploy

在浏览器中就可以看到了http://albertchendao.github.io/

使用

Hexo 创建分类页

添加一个 分类 页面,并在菜单中显示页面链接。

  1. 新建一个页面,命名为 categories 。命令如下:
    hexo new page categories
  1. 编辑刚新建的页面,将页面的类型设置为 categories ,主题将自动为这个页面显示所有分类。
    title: 分类
    date: 2014-12-22 12:39:04
    type: "categories"
    ---
  1. 在菜单中添加链接。编辑主题的 _config.yml ,将 menu 中的 categories: /categories 注释去掉,如下:
    menu:
      home: /
      categories: /categories
      archives: /archives
      tags: /tags

Search

    Table of Contents