Hexo Github Blog 搭建教程

Quick Start (For OSX)

安装Xcode

Hexo的编译可能依赖Xcode。这个直接从App Store上下载就好了,没什么难度。

安装node.js

Hexo是基于node.js的,所以要去官网上下载下来安装。版本选择最新版的就可以了。

注册GitHub账户

在本地搭建好Hexo后可以将内容同步到github上,可以在网上浏览。
可以去Github官网上去注册。

创建一个项目:.github.io

其中配置SSH Keys的那部分,可以选择不配制,不配置的话以后每次提交的时候就需要手动输入账号密码,如果配置了的话就不需要了。

正式安装

1
npm install -g hexo-cli --no-optional

进入安装目录,比如

1
cd ~/hexo

初始化hexo项目

1
hexo init

初始化完成后执行

1
npm install

至此,就已经安装完毕了。是不是很简单呢?

上传到github

在部署之前,首先我们要确认在你的Github帐号的Repository中有 用户名.github.io 的项目。在确认之后,在安装目录下执行命令:

1
npm install hexo-deployer-git --save

然后开始进行配置,在Hexo安装的目录,如 ~/Document/hexo 中找到_config.yml文件。翻到最后,找到 deploy 字样,改成如下格式:

1
2
3
4
deploy:
type: git
repo: https://github.com/用户名/用名.github.io.git
branch: master

需要注意的是:冒号后面有一个空格;使用github可以不用写branch那一行。
如果要使用多个 deployer,可改成如下样式:

1
2
3
4
5
deploy:
- type: git
repo:
- type: heroku
repo:

同步数据

1
hexo deploy

或者缩写

1
hexo d

之后每次同步博客,依次执行以下三个命令

1
2
3
hexo clean
hexo generate
hexo deploy

最后介绍几个常用插件

站点地图

1
npm install hexo-generator-sitemap --save

生成的sitemap.xml可以给搜索引擎收录使用。
如果要生成百度的sitemap,使用以下命令:

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

RSS订阅

1
npm install hexo-generator-feed@1.0.3 --save

配置文件里经常看见的/atom.xml就是由这个插件生成的

参考原文

More info: 简书

Fiveplus wechat
扫一扫上方二维码,关注微信公众号:阿五编程
如果这篇文章对你有所帮助,请点击下方的打赏按钮。