开始-用hexo+Travis部署独立博文

发表于 | 分类于

简述

需要安装：

  • node :选择Windows Installer (.msi)，32bit/64bit根据系统自行选择。 安装完成后就可以用npm进行其他插件的安装了，安装时以管理员身份安装。
  • hexo
  • git
  • Ruby
  • Travis CI

需要注册：

  • github

nodejs安装

下载适合的hexo，右键以管理员身份运行，之后选择默认安装即可。

1
2
$ node -v
$ v.5.0

表示安装成功。进入下一步。

hexo安装

1
$ npm install hexo --save

hexo初始化，我在D盘新建了文件夹hexo，进入文件夹，按下shift+右键>在此处打开命令窗口。

1
$ hexo init

如果使用git方式进行部署，执行npm install hexo-deployer-git –save来安装所需的插件

1
$ npm install hexo-deployer-git --save

然后打开_config文件，找到最后，做以下更改：

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

git配置身份信息:

1
$ git config --global user.email "you@example.com"

1
$ git config --global user.name "Your name"

hexo预览/发布

生成/预览/发布，命令如下：

1
2
3
$ hexo g //生成
$ hexo s //预览，hexo s --debug可以调试
$ hexo d //发布

执行hexo s后，在浏览器中输入http://localhost:4000/.即可预览编辑的页面。
因为前面已经配置过git的身份信息，因此可以直接发布，输入命令：

1
$ hexo d

添加新博文

执行命令：

1
$ hexo new test //test为新添加文章的名字

然后可以在根目录下的source/_post文件夹找到test.md文件，打开后内容如下：

1
2
3
4
5
$ ---
$ title: test
$ date: 2016-09-25 21:32:53
$ tags:
---

主题配置

hexo有很多主题可供选择，知乎 上有相关的哪些好的提问，选择喜欢的主题参考以下命令git到本地。

1
$ git clone https://github.com/iissnan/hexo-theme-next.git themes/next

安装与配置步骤创建的hexo文件夹下的_config文件，做以下修改：

1
2
3
4
5
$ # Extensions
$ ## Plugins: https://hexo.io/plugins/
$ ## Themes: https://hexo.io/themes/
$ #theme: landscape
$ theme: next

关于主题的配置可以参考next的说明文档，比较详细。 阅读说明文件时只强调一点：其中的站点配置未见就是刚才用的_config文件。而主题中的_config才是主题配置文件。

为了描述方便，在以下说明中，将前者称为 站点配置文件， 后者称为 主题配置文件。

至此已经可以了，只要每次添加新的文章后执行如下命令即可完成，生成和发布：

1
$ hexo g -d

走的更远

不同电脑如何进行同步

用Travis进行自动更新github pages

参考链接