hexo提供了一套简单的个人静态博客搭建解决方案,本文简单介绍一下本人hexo搭建以及maupassant主题的使用的过程西。


准备域名和主机

从域名提供商或者代理商购买域名,从各种云服务器提供商购买服务器,比如说万维网、阿里云等。


准备Hexo需要的环境

搭建node.js环境

1
2
$ wget https://nodejs.org/dist/v6.2.0/node-v6.2.0-linux-x64.tar.gz
$ tar -xvzf node-v6.2.0-linux-x64.tar.gz

进入cd node-v6.2.0-linux-x64/bin目录下执行node,如果步骤没问题,那么node安装成功

1
2
3
4
5
$ node
> a = 0;
0
> a + 3
3

安装hexo

1
$ npm install -g hexo


创建一个hexo博客

初始化博客,该命令会生成一个文件夹,即博客的根目录,使用默认主题,同时生成一个hello-world文章以供测试

1
$ hexo init blog

通过hexo生成静态文件

1
$ hexo g

blog目录结构

1
2
3
4
5
6
7
8
_config.yml #主配置文件
db.json
node_modules
package.json
public #hexo生成的静态文件
scaffolds
source #放置md文件的目录
themes #放置主题的目录

配置nginx代理,将制定端口指向生成的public目录

1
2
3
4
5
6
7
8
9
10
server {
listen 8081;
server_name localhost;
#access_log logs/host.access.log main;
location / {
index index.html index.htm;
root /www/blog/public;
}
}

测试 在浏览器中输入 http://localhost:8081 进入博客页面


使用maupassant主题

安装主题和渲染器

1
2
3
$ git clone https://github.com/tufu9441/maupassant-hexo.git themes/maupassant
$ npm install hexo-renderer-jade --save
$ npm install hexo-renderer-sass --save

这个地方需要注意一下,由于国内网络问题 hexo-renderer-sass可能安装失败,可使用一下步骤处理.
1)使用淘宝npm源

1
2
3
$ npm config set registry "https://registry.npm.taobao.org" #设置npm源
$ npm config ls #查看元是否设置成功
$ npm uninstall hexo-renderer-sass --save #由于上次安装失败,卸载该依赖,以便重新安装

2)如果执行以上操作还是失败,那么安装cnpm

1
2
3
$ npm install -g cnpm --registry=https://registry.npm.taobao.org #安装cnpm
$ npm uninstall hexo-renderer-sass --save #由于上次安装失败,卸载该依赖,以便重新安装
$ cnpm install hexo-renderer-sass --save

以上基本不会安装失败,关于淘宝npm源,详见淘宝NPM镜像


使用主题,修改blog目录下中的_config.yml文件以下字段

1
theme: maupassant

清理博客并重新生成

1
2
$ hexo clean
$ hexo g

测试结果


另外关于maupassant更多详情请前往大道至简——Hexo简洁主题推荐查询