3分钟快速在Github pages上免费搭建Hexo博客

前言

搜索Markdown和Evernote时无意之中发现了Hexo,一个支持Markdown的静态博客框架,本人界面控,看见 http://hexo.io 的页面就走不动了。

Hexo的配置真是超乎想象得简单,以至于我手都放在键盘上却不知道从何说起了。官方文档还有非常完善的中文版本,本人是只读了官方文档就搭好了,有想自己体验的同学可以移步 https://hexo.io/zh-cn/docs/

注意:本文所写步骤是在 Mac Yosemite 10.10 上完成,使用Hexo 3.x。但并不代表其他平台无法使用此教程,至少可以参考。

前提

准备工作

  1. 安装Git

    brew update
    brew install git
  2. 安装Node.js

    brew install node
  3. 安装Hexo命令行工具

    npm install -g hexo-cli

搭建本地Hexo工作环境

实际上Hexo只是一个帮你生成静态网站的工具,hexo自带的server模块,感觉只是用来做本地测试的,真正发布时还是推荐用其他服务器。
换句话说,你要在多个电脑都使用Hexo来写博客,每个电脑都要配置一个Hexo环境,不过也就是安装上边的3个东西,然后把Hexo的工作目录同步一下就好了。至于怎么同步,你可以用Dropbox,Google dirve,百度云或者基于Git云服务等。

创建hexo工作目录

这里以Dropbox同步为例,以hexo为工作目录名称,你可以在任何你喜欢的地方、创建你想要的名称的文件夹作为hexo的工作目录。

cd ~/Dropbox
hexo init hexo #后一个hexo为工作目录名称
cd hexo
npm install

或者

cd ~/Dropbox
mkdir hexo
cd hexo
hexo init #默认用当前目录作为hexo工作目录
npm install

然后使用如下指令启动hexo server。

hexo server

看到下边的输出说明hexo server启动成功,用浏览器打开http://0.0.0.0:4000/即可查看效果,又没有一丝感动——真是太简单了!

INFO  Hexo is running at http://0.0.0.0:4000/. Press Ctrl+C to stop.

安装几个方便的插件

cd ~/Dropbox/hexo
npm install hexo-deployer-git --save
npm install hexo-generator-feed --save
npm install hexo-generator-sitemap --save

hexo-deployer-git:方便使用hexo deploy命令发布博客。
hexo-generator-feed:使网站支持RSS订阅。
hexo-generator-sitemap:生成sitemap供搜索引擎抓取,如果你建的私人日记类不想被搜索引擎索引,可以不需要这个。

部署到Github pages

Github pages是让你可以用一个与你Github账户名同名的Repository来建立一个静态网站,网站的网址也是已你的Github账户名为子域名。说起来真绕嘴,还是行动吧。

配置Github

  1. 前往Github,注册用户,这里以dummy为用户名做示范。
  2. 登录,在主页右下方点击New Repository,注意Repository Name必须符合这个格式你的用户名.github.io,本例子应该就是dummy.github.io
  3. 然后进入这个repository的页面,找到这个repository https的地址,例如https://github.com/dummy/dummy.github.io.git
  4. 修改hexo的配置文件

    cd ~/Dropbox/hexo
    vi _config.yml

    # Deployment部分,修改内容为如下

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

    保存退出。

  5. 然后你就可以使用hexo命令方便的操作了。

    hexo generate

    渲染并生成你的静态博客网站所需的所有文件到hexo/public中去

    hexo deploy

    发布生成好的网站到dummy.github.io的repository里去(这是由之前安装的插件hexo-deployer-git来完成的,如果没有安装请用Git命令push上去)。

  6. 用浏览器打开http://dummy.github.io,看看效果吧。

hexo的简化指令

可以使用简化指令来加速我们以后的操作。

hexo n #new
hexo g #generate
hexo s #server
hexo d #deploy

主题Theme

本博客用主题的是yilia,国内作者,风格清新现代,集成了多说的评论系统,个人十分喜欢。
其他的请自行去 https://github.com/hexojs/hexo/wiki/Themes 查找。

主题的安装方法都一样,这里以yilia为例

cd ~/Dropbox/hexo
git clone https://github.com/litten/hexo-theme-yilia.git themes/yilia
vi _config.yml
# 修改为 theme: yilia


作者:小米飯
原文地址:http://blog.zfan.me/2015/08/31/3分钟快速在Github-pages上免费搭建Hexo博客
转载、参考请注明出处,如果觉得文章对你有帮助,也请通过留言来支持一下。