以前租用服务器自己买域名,自己搭建系统构建环境来玩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 | $ mkdir blogws |
根据提示安装其他依赖:
1 | $ npm install |
这样一个基本的博客工作目录就完成了,但这样还远远不够。事实上Hexo只是提供了一个平台,我们还需要安装其他的Hexo插件来完成诸如静态页面生成、本地预览、远程部署(例如部署到Git服务器)等,关于Hexo的可用插件可以在这个链接当中找到。Hexo及其插件是基于Node.js来开发的,安装的命令一般为
1 | $ npm install <hexo-plugin-name> --save |
安装完成后相应的组件就会安装到博客目录中的node_modules文件夹下。针对我自己的情况,我安装了如下组件:
1 | $ npm install hexo --save |
其中server用来在本地预览,deployer-git用来部署到git服务器,如果你需要部署到其他类型的服务器,就需要安装其他组件如Heroku、OpenShift、Rsync、Amazon S3等等,参考Hexo Plugin来下载安装相应组件。对于安装静态页面生成器,如果想偷懒就直接把generator全部安装了,如
1 | $ npm install hexo --save |
撰写发布
在source/_post下撰写博客文章(*.md文本文件),撰写文章需要学一下Markdown标记语法。在blogws文件夹下使用命令在本地预览,如果成功(看提示)则可以通过地址http://0.0.0.0:4000/(地址和端口可在blogws下的_config.yml文件中配置)来在本地预览博客(需要安装hexo-server)
1 | $ hexo server # or hexo s |
在blogws文件夹下使用命令生成静态页面(需要安装hexo-generator-*)
1 | $ hexo generate # or hexo g |
使用下面的命令
1 | $ hexo deploy # or hexo d |
来将静态页面发布到GitHub(需要配置ssh,参见如何在Github配置SSH,需要配置_config.yml)这里不要使用sudo,否则会部署失败,参见链接。发布需要会使用Git,Git类似svn,是用来做版本管理的,但它比svn更强大,Git使用参考。
参考资料
- Git Docs
- Hexo Docs | 主题
- About Markdown
- Markdown Basics
- 撰写工具:Vim or Sublime