前言
搜索Markdown和Evernote时无意之中发现了Hexo,一个支持Markdown的静态博客框架,本人界面控,看见 http://hexo.io 的页面就走不动了。
Hexo的配置真是超乎想象得简单,以至于我手都放在键盘上却不知道从何说起了。官方文档还有非常完善的中文版本,本人是只读了官方文档就搭好了,有想自己体验的同学可以移步 https://hexo.io/zh-cn/docs/ 。
注意:本文所写步骤是在 Mac Yosemite 10.10 上完成,使用Hexo 3.x。但并不代表其他平台无法使用此教程,至少可以参考。
前提
- 确认已经安装了homebrew
准备工作
安装Git
brew update
brew install git安装Node.js
brew install node
安装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 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 |
hexo-deployer-git:方便使用hexo deploy
命令发布博客。
hexo-generator-feed:使网站支持RSS订阅。
hexo-generator-sitemap:生成sitemap供搜索引擎抓取,如果你建的私人日记类不想被搜索引擎索引,可以不需要这个。
部署到Github pages
Github pages是让你可以用一个与你Github账户名同名的Repository来建立一个静态网站,网站的网址也是已你的Github账户名为子域名。说起来真绕嘴,还是行动吧。
配置Github
- 前往Github,注册用户,这里以
dummy
为用户名做示范。 - 登录,在主页右下方点击New Repository,注意Repository Name必须符合这个格式
你的用户名.github.io
,本例子应该就是dummy.github.io
- 然后进入这个repository的页面,找到这个repository https的地址,例如
https://github.com/dummy/dummy.github.io.git
修改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
保存退出。
然后你就可以使用hexo命令方便的操作了。
hexo generate
渲染并生成你的静态博客网站所需的所有文件到
hexo/public
中去hexo deploy
发布生成好的网站到dummy.github.io的repository里去(这是由之前安装的插件
hexo-deployer-git
来完成的,如果没有安装请用Git命令push上去)。- 用浏览器打开
http://dummy.github.io
,看看效果吧。
hexo的简化指令
可以使用简化指令来加速我们以后的操作。
hexo n #new |
主题Theme
本博客用主题的是yilia,国内作者,风格清新现代,集成了多说的评论系统,个人十分喜欢。
其他的请自行去 https://github.com/hexojs/hexo/wiki/Themes 查找。
主题的安装方法都一样,这里以yilia为例
cd ~/Dropbox/hexo |
原文地址:http://blog.zfan.me/2015/08/31/3分钟快速在Github-pages上免费搭建Hexo博客
转载、参考请注明出处,如果觉得文章对你有帮助,也请通过留言来支持一下。