基于Hexo搭建博客

2015-10-01 8 分钟读完 (大约 1148 个字)

以前租用服务器自己买域名，自己搭建系统构建环境来玩Wordpress博客，要每个月交钱还要经常备份；最近决定抛弃Wordpress拥抱github pages，使用Hexo来构建博客然后放到Github Page上，这样就不用考虑域名备案和租用服务器，成本低到只需要一个域名。

安装Node.js

安装Git (Git Doc)，若安装了Xcode则默认会安装Git for Mac。然后下载安装Node.js引擎，很简单。

安装Hexo

安装好了Node.js就可以使用npm命令安装Hexo

1	$ npm install hexo-cli -g

很可能会出现权限问题导致安装失败，可使用sudo重试

1	$ sudo npm install hexo-cli -g

配置博客目录

任意一个文件夹作为blog工作区，如命名为blogws，然后初始化该文件夹为博客工作区，如果更换了文件夹，同样要执行以下操作来初始化工作区。注意：应该尽量避免使用sudo来做接下来的一些列操作，因为使用sudo意味着文件权限归属是超级用户而不是当前用户，这在后面可能会引起一些问题，例如远程部署到github上的时候，就不能使用超级用户也就是sudo来部署，这会被github服务器拒绝，参见链接。

1
2
3

$ mkdir blogws
$ cd blogws
$ hexo init

根据提示安装其他依赖：

1	$ npm install

这样一个基本的博客工作目录就完成了，但这样还远远不够。事实上Hexo只是提供了一个平台，我们还需要安装其他的Hexo插件来完成诸如静态页面生成、本地预览、远程部署(例如部署到Git服务器)等，关于Hexo的可用插件可以在这个链接当中找到。Hexo及其插件是基于Node.js来开发的，安装的命令一般为

1	$ npm install <hexo-plugin-name> --save

安装完成后相应的组件就会安装到博客目录中的node_modules文件夹下。针对我自己的情况，我安装了如下组件：

$ npm install hexo --save
$ npm install hexo-search
$ npm install hexo-deployer-git --save
$ npm install hexo-generator-archive --save
$ npm install hexo-generator-category --save
$ npm install hexo-generator-feed --save
$ npm install hexo-generator-index --save
$ npm install hexo-generator-sitemap --save
$ npm install hexo-generator-tag --save
$ npm install hexo-renderer-ejs --save
$ npm install hexo-renderer-marked --save
$ npm install hexo-renderer-stylus --save
$ npm install hexo-ruby-character --save
$ npm install hexo-server --save
$ npm install hexo-tag-bootstrap --save
$ npm install hexo-uglify --save # compress js

其中server用来在本地预览，deployer-git用来部署到git服务器，如果你需要部署到其他类型的服务器，就需要安装其他组件如Heroku、OpenShift、Rsync、Amazon S3等等，参考Hexo Plugin来下载安装相应组件。对于安装静态页面生成器，如果想偷懒就直接把generator全部安装了，如

1 2	$ npm install hexo --save $ npm install hexo-generator-* --save

撰写发布

在source/_post下撰写博客文章(*.md文本文件)，撰写文章需要学一下Markdown标记语法。在blogws文件夹下使用命令在本地预览，如果成功(看提示)则可以通过地址http://0.0.0.0:4000/(地址和端口可在blogws下的_config.yml文件中配置)来在本地预览博客(需要安装hexo-server)