想建一个自己的博客很久了,然而拖延症晚期。。。经历了浑浑噩噩的大学四年,浑浑噩噩的一年多工作之后,终于决定改变些什么。于是辞去了天津的那份没有前途的工作,来到北京,加入北漂一族。也想如此给自己一些压力,一些动力。就用这个博客,记录我的一些足迹吧,希望自己日后不再是低级的码农。

搭建的过程中在网上看了很多很多博客,在这里就不一一列举了。然后自己汇总了一下,就贴在这里,作为第一篇博文吧。

安装Hexo与配置

1.前期准备工作

安装node.js的环境,包括nvm的安装、node.js具体版本的安装
PS:Mac下通过homebrew神器安装nvm,再nvm install node.js的某版本即可

2016.10.14 update lazy init node:

1
alias nvminit_sq='. "$(brew --prefix nvm)/nvm.sh"'

2.安装hexo

1
npm install -g hexo-cli

3.创建hexo文件夹

先cd到为hexo准备的文件夹,然后执行:

1
hexo init

4.准备github

在github上创建名为yourname.github.io的repository,这里yourname一定要换成你自己的github的username

5.配置hexo

修改hexo目录下的_config.yml文件的末尾:

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

同理,yourname换成你的github的username

6.安装git部署工具

在hexo的目录下执行命令:

1
npm install hexo-deployer-git --save

7.执行部署

1
2
hexo g
hexo d

至此博客搭建完成,浏览器输入yourname.github.io即可看到个人博客的内容

为博客更换主题

如果觉得默认主题不太符合个人审美,可以选择自己喜欢的主题更换。主题的选择可以参考知乎:有哪些好看的 Hexo 主题?这里以主题maupassant为例。

1.fork主题,便于日后修改与保存

2.git clone此主题到hexo目录下的themes目录

注意!clone下的主题名字是maupassant-hexo,需要去掉尾部的-hexo

3.安装此主题需要的插件包

在hexo目录下执行:

1
2
npm install hexo-renderer-jade --save
npm install hexo-renderer-sass --save

2016.05.18 update pinyin:

1
npm install pinyin --save

4.编辑Hexo目录下的 _config.yml,将theme的值改为maupassant

5.设置网站的Favicon:

将自己喜欢的图片重命名为favicon.ico放在Hexo根目录的source文件夹下,建议的大小:32px*32px

6.添加[关于]界面:

在博客source目录下建立一个包含index.md的about文件夹,编辑该md文件内容

7.添加rss订阅功能

在hexo根目录下安装feed生成插件:

1
npm install hexo-generator-feed --save

而后将此插件配置到hexo的_config.yml

1
2
3
4
5
6
7
8
# Extensions
plugin:
- hexo-generator-feed
#Feed Atom
feed:
type: atom
path: atom.xml
limit: 20

8.添加评论功能

先去disqus注册,然后在主题的_config.yml中disqus项填写你的shortname即可

8.使文章具有目录:

在front-matter里添加

1
toc: true

关于front-matter

在搭建博客的过程中发现很多博主提到front-matter这个东西,遂查了一下hexo文档,将结果简要贴在下面:

front-matter是文件最上方以 --- 分隔的区域,用于指定个别文件的变量。

以下是预先定义的参数,您可在模板中使用这些参数值并加以利用。

参数 描述 默认值
layout 布局
title 标题
date 建立日期 文件建立日期
updated 更新日期 文件更新日期
comments 开启文章的评论功能 true
tags 标签(不适用于分页)
categories 分类(不适用于分页)
permalink 覆盖文章网址

结束,不早了,睡觉,明天上班。

2016.05.19 update domain:

给博客添加域名

首先,你需要拥有一个域名,国内的话,从万网买一个挺方便的。以我的域名channingsun.bid为例。

然后,去万网的控制台添加域名解析的CNAME,如下图:

附件1

第三步,去hexo的source文件夹下新建一个CNAME文件,内容为域名:

1
channingsun.bid

然后hexo g再hexo d即可。

EOF