使用Github Pages和Hexo构建你的个人博客

Use Github Pages and Hexo to build your personal blog system

作者 Haijian.Zeng 日期 2017-07-18
使用Github Pages和Hexo构建你的个人博客

安装Hexo

  • 使用npm安装hexo,其中${YOUR_GITHUB_ID}为你的github的用户Id,只要创建的repository的名字为${YOUR_GITHUB_ID}.github.io,该repository就是你的GitHub Pages:

$ npm install hexo-cli -g
$ hexo init ${YOUR_GITHUB_ID}.github.io
$ cd ${YOUR_GITHUB_ID}.github.io
$ npm install
$ hexo server
INFO Start processing
INFO Hexo is running at http://localhost:4000/. Press Ctrl+C to stop.

  • 浏览生成的blog页面:http://localhost:4000

让Hexo支持发布到Github

  • 安装 hexo-deployer-git 组件

$ npm install hexo-deployer-git --save

  • 修改项目根目录下_config.yml文件的deploy设置

$ vi _config.yml
deploy:
type: git
repo: https://github.com/${YOUR_GITHUB_ID}/${YOUR_GITHUB_ID}.github.io

在github上创建新的repository

  • repository的名字必须为:${YOUR_GITHUB_ID}.github.io

设置域名指向

  • 在source目录下新建CNAME文件,解决域名指向的问题,例如我使用的域名是:blog.cookeem.com

$ vi source/CNAME
blog.cookeem.com

在域名解析里边添加CNAME解析

  • 设置如下:

记录类型:CNAME

主机记录:blog.cookeem.com

记录值:cookeem.github.io

TTL:10分钟

新建页面

$ hexo new "My New Post"

发布更新到GitHub

  • 发布更新到GitHub

    $ hexo clean && hexo deploy -g

  • 访问你的域名进行验证:http://blog.cookeem.com