基于Hexo框架的静态博客搭建

BBS,WordPress都折腾过,弄来弄去最后发现GitHub上可以搭建自定义域名的静态页面博客,所以摸索了一下如何在github上搭建自己的博客。开始按着GitHub pages的介绍和文档,搭建了基于Jekyll的博客,但是折腾了很久都没发现自己喜欢的博客模板。后来搜索,发现了Hexo框架,顿时觉得这正是我所需要的。到后面发现了国内的GitCafe,把博客部署到GitCafe上,访问速度快了很多。

Hexo框架的安装也没有Jekyll繁琐,对Windows的支持比Jekyll好很多。Jekyll在windows下各种问题。

Hexo的安装

保证你系统安装好了NodeJSGit客户端后,安装部署Hexo到本机只需要按照Hexo官网的说明输入几行命令即可。

Windows下安装NodeJS就是动动鼠标的事,Linux下相对麻烦些。我尝试了将Hexo安装在Ubantu上。记录下我的安装过程。

Ubantu下安装NodeJS
  1. 不要sudo apt-get xxx 的方式安装NodeJS,这样只会安装过时的版本,到时候无法安装Hexo,以防万一先执行下卸载命令:

    $sudo apt-get autoremove npm
    $sudo apt-get autoremove nodejs

  2. 首先去官网下载Linux对应的NodeJS源码包

  3. Ubantu下直接双击打开拖出来就是。

  4. 确保NodeJS能正常编译还要检查Python、gcc、g++

    $ sudo apt-get install python

    $ sudo apt-get install build-essential

    $ sudo apt-get install gcc

    $ sudo apt-get install g++

  5. 然后cd 进入到你解压的目录 执行

    ./configure
    make
    sudo make install

Make的过程有点久,请耐心等待。以上步骤完毕之后,进行软链接:

$ sudo ln -s /usr/local/bin/node /usr/bin/node
$ sudo ln -s /usr/local/bin/npm /usr/bin/npm

然后再查看NodeJS版本,没有执行上面命令时会出现无法找到node的错误

$ node -v
$ npm -v

到此NodeJS安装完毕。

Ubantu下安装Git安装

Hexo下载主题、插件和部署到github,都用的Git 。 所以你还得安装Git,Windows下载安装文件安装即可记得安装的时候勾选添加到环境变量。
Ubantu下执行

sudo apt-get install git

完成Git安装后按照一开始说的命令进行Hexo安装。安装好之后就是查看Hexo的文档插件,还有主题页面,去完善自己的静态博客了。

选择一套自己喜欢的主题,按照说明进行切换,然后添加评论,搜索等等插件。然后执行

hexo server

用浏览器打开 localhost:4000 ,查看运行效果。

那么要怎么部署到服务端上呢,接着看下面。

怎么在Github上创建自己的博客,参考

https://pages.github.com/

https://help.github.com/categories/github-pages-basics/

怎么在GitCafe上创建自己的博客,参考

GitCafe的帮助页面 https://gitcafe.com/GitCafe/Help

GitCafe是国内的类Github网站,也支持搭建博客,访问速度会比Github快。
上面的帮助页面包含SSH Key配置(当然你也可以选择Https方式提交),如何部署博客到GitCafe Pages服务,如何绑定自定义域名等。

新版的Hexo部署博客的方式有所改变

统一了Git方式的部署,需要安装插件具体查看官方文档:

http://hexo.io/docs/deployment.html

绑定自定义域名到Github Pages

在自己的域名解析设置页面内添加一条A记录到以下IP的其中一个即可

192.30.252.153

192.30.252.154

然后在相应的Github项目内创建一个CNAME文件,中间只记录你的域名 比如

www.luffyjet.com

DNS设置具体过程请参考

http://jingyan.baidu.com/article/dca1fa6fa1e403f1a5405262.html

用Markdown写文章

Hexo博客的文章都是用Markdown写作的,具体语法参考

标准版
: http://daringfireball.net/projects/markdown/syntax

Github版
: https://help.github.com/articles/github-flavored-markdown/

更多的Hexo使用和修改请仔细阅读官方文档。

更多的个性化设置介绍请参考下面的文章:

http://zipperary.com/categories/hexo/

分享到 评论