这篇文档主要是介绍使用hexo来建立静态网站，并且使用plume模板的一些知识。所需要的背景知识请在这里获取: http:///hexo
静态网站生成工具
下面是一些静态网站的生成工具，可能还不止这些，所以，可以选择的比较多。功能我没有去评估过，简单尝试了几个后，我选择了hexo，一是它所依赖的环境非常容易建立，二是我个人对javascript比较熟悉一些。
安装hexo
我的操作系统是archlinux，如果你的系统不是它，请自行阅读Hexo的安装
1
2
3
4
5
#安装 nodejs
sudo pacman -S nodejs
#安装 hexo
npm install -g hexo
使用plume模板
这里有一些官方的主题制作主题说明
plume模板是我为古站制作的，本想取名做light的，但这个名字已经被默认主题plume这个名字。我希望这个模板足够轻，并且在我的每个设备（st27i/touchpad/thinkpad）屏幕中最大程度地呈现文章内容，所以我去除了sidebar，把分类和标签都合并到导航菜单中去，这样做的前提条件是我的文章分类足够少，只有两个：一个是文档；另一个是随写。而标签云则单独提供一个页面来呈现。
下载plume模板
1
git clone https://github.com/bpskong/hexo-plume.git blog
安装必要的插件
1
2
3
4
5
6
7
8
9
10
cd blog
# 安装rss产生器，它能够让hexo在网站根目录中产生atom.xml文件，用于rss订阅
npm install hexo-generator-feed
# 安装sitemap产生器，它能够让hexo在网站根目录中产生sitemap.xml文件，一些搜索引擎抓取网页会用到
npm install hexo-generator-sitemap
# 到了这一步，已经可以执行下面这条命令，测试网站效果了：
hexo server
访问localhost:4000后你会发现，网站的外观和布局跟古站是一样的，你可以通过修改配置文件让网站呈现你的个性化信息。
配置plume模板
1
2
3
4
5
# 基本信息
title: 古站
author: bpskong
email: bpskong@gmail.com
url: http://
1
2
3
4
# 部署信息
deploy:
type: github
repo: git@github.com:bpskong/bpskong.github.com.git
修改blog/themes/plume/_config.yml文件：
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
# 导航菜单
menu:
主页:
文档: categories/文档
随写: categories/随写
标签: tags
归档: archives
# 一些社交账号
weibo: http://weibo.com/bpskong
github: https://github.com/bpskong
duoshuo: bpskong
jiathis:
uid: 1796651
tsina: 2036985411 # 新浪微薄的id
注意，上面的社交账号都可以到相应的网站去申请，分别是微博github多说加网
写文章
1
2
3
4
5
6
7
8
9
10
11
12
13
14
cd blog
# 切换到master分支
git checkout master
# 新建一篇分类为"文档"的文章，标题为"hello"的文章
hexo new "hello"
# 新建一篇分类为"随写"的文章，标题为"good"的文章
hexo new free "good"
# 开启服务后就可以浏览最终效果了
hexo server
