静态博客教程 1:hexo + github
原理:用 hexo 在本机搞定 blog,然后丢去 github,嗯..就是这样的
基本步骤:
- 安装 hexo
- 在本地倒弄 blog
- 部署到 Github
- 品尝胜利果实
1. 安装 hexo
安装下面的程序:
- Node.js
- 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. 其他神马的
看心情写吧。