好记性不如烂笔头。作为一个程序员,有一个博客记录学习的过程十分必要。特此记录下搭建博客的过程。

Hexo

A fast, simple & powerful blog framework. You write posts in Markdown (or other languages) and Hexo generates static files with a beautiful theme in seconds.

Hexo官网有比较详细的说明,包括Hexo的介绍如何安装,API,插件,主题等

环境准备

这里简单介绍下 windows 下如何安装 Hexo

以上两个程序到官网选择 windows 对应版本下载直接安装即可,安装成功后,执行以下命令安装 Hexo:

1
$ npm install -g hexo-cli

如果安装太慢或者无法安装,可以切换到国内镜像淘宝 NPM 镜像,安装完成执行以下命令查看是否安装成功:

1
$ hexo server

回车之后会显示相应的版本信息

1
2
3
4
5
6
7
8
9
10
11
hexo-cli: 1.0.2
os: Windows_NT 6.1.7601 win32 x64
http_parser: 2.5.2
node: 4.4.7
v8: 4.5.103.36
uv: 1.8.0
zlib: 1.2.8
ares: 1.10.1-DEV
icu: 56.1
modules: 46
openssl: 1.0.2h

开始博客之旅

创建一个默认的博客目录,这里我以 temp 为文件名做为实例,temp 可根据喜好进行修改:

1
2
3
$ hexo init temp
$ cd temp
$ npm install

通过以上几步,一个默认模板的博客就创建好了,现在开始访问下吧:

1
$ hexo server

只要端口没有被占用就可以通过 localhost:4000 进行访问了,当然也可以指定一个你喜欢的端口:

1
$ hexo server -p 8888

主题使用

接下来开始为博客添加各式各样的主题吧,你也可以综合各主题的优势进行整合,这里只介绍如何使用其中一款主题。Hexo 官网提供了 60+ 款主题可随意挑选,找到主题GitHub 地址,后续会用到。

1
2
$ cd temp
$ git clone https://github.com/DrakeLeung/hexo-theme-again.git themes/xxx

说明 https://github.com/DrakeLeung/hexo-theme-again.git 地址为博客主题 GitHub 地址,xxx 根据自己而定,后面会用到。

编辑博客根目录下的 _config.yml 文件应用主题,一般主题都有使用说明的,而且每个主题的使用方式也不一样,这里就不再赘述了

1
theme: xxx

发布到 GitHub

Hexo 也提供了各种各样的发布插件,这里以 hexo-deployer-git 为例作为讲解。

编辑根目录下 package.json,添加发布插件

1
"hexo-deployer-git": "^0.2.0"

安装插件

1
$ npm install

或者不使用以上方法,直接执行以下命令进行安装:

1
$ npm install hexo-deployer-git --save

安装好之后配置根目录下 _config.yml 文件:

1
2
3
4
deploy:
type: github
repository: https://github.com/yourgithub/yourgithub.github.io.git
branch: master

开始发布

1
2
$ hexo generate
$ hexo deploy

后话

完成上述一系列工作之后,后面只需要在 source/_posts/ 下编写 md 文件就可以了,发布参照上一步。