CODERFE

搭建个人博客Hexo & Github Pages

工欲善其事,必先利其器。在开发过程中用到的软件有Nodejs / Sublime Text3 / Git等,参考资料主要是官方文档

最终效果图:
SimonCorner

安装配置

安装

安装很简单,只需要几分钟的时间,前提是已经安装了Nodejs

1
2
$ npm install -g hexo-cli
$ hexo -v

建立博客目录

1
2
3
$ hexo init <folder>
$ cd <folder>
$ npm install

上面的几行命令会把你指定的文件夹初始化为博客目录,目录如下:

1
2
3
4
5
6
7
8
<folder>
_config.yml
package.json
scaffolds
source
_drafts
_posts
themes

配置

有关站点的配置都在<folder>/_config.yml & <folder>/themes/_config.yml文件中修改,具体参数参见官方文档

命令

  • hexo init <folder>初始化
  • hexo new <title>新建文章
  • hexo generate生成静态文件
    选项描述
    -d, –deploy文件生成后立即部署网站
    -w, –watch监视文件变动
  • hexo publish <title>发表草稿
  • heox server启动服务器
    选项描述
    -p, –port重设端口
    -s, –static只使用静态文件
    -l, –log启动日记记录,使用覆盖记录格式
  • hexo deploy部署网站
    参数描述
    -g, –generate部署之前预先生成静态文件
  • hexo clean清除缓存文件db.json和静态文件public
  • hexo list列出网站资料

生成RSS

安装RSS插件hexo-generator-feed插件

1
$ npm install hexo-generator-feed --save

编辑站点配置文件:

1
2
3
4
feed:
type: atom
path: atom.xml
limit: 20

生成sitemap.xml

安装插件hexo-generator-sitemap

1
$ npm install hexo-generator-sitemap --save

编辑配置文件:

1
2
sitemap:
path: sitemap.xml

通过Git方式部署

编辑站点配置文件,如果部署在GitHub上会自动检测branch

1
2
3
4
5
deploy:
type: git
repo: <repo URL>
branch:
message:

绑定域名

  1. 首先得有个域名,申请域名的网站国外的有GoDaddy等,国内的万网
  2. /source目录下新建CNAME文件,输入自己的域名coderfe.cn
  3. 登陆DnsPod,添加域名解析,只需添加第一项第四项就OK

    解析记录

用到的免费服务

更新日志

2016-07-27 优化图片链接