静态博客教程 1:hexo + github

原理:用 hexo 在本机搞定 blog,然后丢去 github,嗯..就是这样的

基本步骤:

  1. 安装 hexo
  2. 在本地倒弄 blog
  3. 部署到 Github
  4. 品尝胜利果实

1. 安装 hexo

安装下面的程序:

  1. Node.js
  2. Git

1.1. 安装 Node.js

看个人喜欢安装 Node.js,可以找网上相关教程。我喜欢下载源码,原滋原味。
上官网的下载页面( Node.js),下载 Source Code ,下回来的是压缩包如:node-v4.2.2.tar.gz。
找个位置解压,进去解压的文件目录。你会发现好多文件,如configure。(PS:对了,有木有觉得 configure[1]总是出现呢?有兴趣了解它的可以看它注脚。)
运行下面三条命令。

sudo ./configure 
sudo make
sudo make install

经过漫长的等待......
嘻嘻,可以检查安装是否成功:

  • node -v

出现版本号如:v4.2.2
哦也,成功。

2.2.安装 Git

请看大神链接
要注意的是,在 Github 创建和你用户名对应的 repository
格式:user_name.github.io
如我的用户名为 chessgit
so:chessgit.github.io
你懂得。

2. 在本地倒弄 blog

2.1 hexo init

在电脑中建个文件夹(看你个人喜好)。执行下面的命令,初始化 hexo 。

$ hexo init
[info] Copying data
[info] You are almost done! Don't forget to run `npm install` before you start b
logging with Hexo!

hexo 随后会自动在目标文件夹建立网站所需要的文件。然后按照提示,运行 npm install

  • npm install

细心对比一下,嘻嘻,有木有发现多了一个文件夹: node_modules[2]

2.2 启动 server

在刚才文件夹,执行:

$ hexo server
[info] Hexo is running at http://localhost:4000/. Press Ctrl+C to stop.

表明Hexo Server已经启动了,在浏览器中打开 http://localhost:4000/,这时可以看到Hexo已为你生成了一篇blog。

你可以按Ctrl+C 停止Server。

3. 部署到 Github

3.1 修改_config.yml
部署到Github前需要配置_config.yml文件,首先找到下面的内容

# Deployment
## Docs: http://hexo.io/docs/deployment.html
deploy:
  type:
然后将它们修改为

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

3.2 执行命令:

  • npm install hexo-deployer-git --save

3.3 hexo generate

hexo g
INFO  Files loaded in 599 ms
INFO  0 files generated in 101 ms

3.4 hexo deploy

hexo d
INFO  Deploying: git
INFO  Setting up Git deployment...
.....
分支 master 设置为跟踪来自 git@github.com:chessgit/chessgit.github.io.git 的远程分支 master。
INFO  Deploy done: git

4. 品尝胜利果实

容我笑一下,哈哈哈哈哈哈哈....
在浏览器中输入地址,(http://chessgit.github.io/),就可以看到你的静态博客了。

5. 其他神马的

看心情写吧。



  1. configure 是个shell脚本,功能是,买家具。软件(房客)入住,总要买点家具,看缺了什么依赖包。有强迫症的可以用上--prefix=... ↩︎

  2. node_modules放着由 npm 管理的各种依赖包。 ↩︎

posted @ 2015-11-19 22:36  ChessChan  阅读(184)  评论(0编辑  收藏  举报