开始Hexo博客之旅
想建一个自己的博客很久了,然而拖延症晚期。。。经历了浑浑噩噩的大学四年,浑浑噩噩的一年多工作之后,终于决定改变些什么。于是辞去了天津的那份没有前途的工作,来到北京,加入北漂一族。也想如此给自己一些压力,一些动力。就用这个博客,记录我的一些足迹吧,希望自己日后不再是低级的码农。
搭建的过程中在网上看了很多很多博客,在这里就不一一列举了。然后自己汇总了一下,就贴在这里,作为第一篇博文吧。
安装Hexo与配置
1.前期准备工作
安装node.js的环境,包括nvm的安装、node.js具体版本的安装
PS:Mac下通过homebrew神器安装nvm,再nvm install node.js的某版本即可
2016.10.14 update lazy init node:
2.安装hexo
|
|
3.创建hexo文件夹
先cd到为hexo准备的文件夹,然后执行:
4.准备github
在github上创建名为yourname.github.io的repository,这里yourname一定要换成你自己的github的username
5.配置hexo
修改hexo目录下的_config.yml文件的末尾:
同理,yourname换成你的github的username
6.安装git部署工具
在hexo的目录下执行命令:
7.执行部署
|
|
至此博客搭建完成,浏览器输入yourname.github.io即可看到个人博客的内容
为博客更换主题
如果觉得默认主题不太符合个人审美,可以选择自己喜欢的主题更换。主题的选择可以参考知乎:有哪些好看的 Hexo 主题?这里以主题maupassant为例。
1.fork主题,便于日后修改与保存
2.git clone此主题到hexo目录下的themes目录
注意!clone下的主题名字是maupassant-hexo,需要去掉尾部的-hexo
3.安装此主题需要的插件包
在hexo目录下执行:
2016.05.18 update pinyin:
|
|
4.编辑Hexo目录下的 _config.yml,将theme的值改为maupassant
5.设置网站的Favicon:
将自己喜欢的图片重命名为favicon.ico放在Hexo根目录的source文件夹下,建议的大小:32px*32px
6.添加[关于]界面:
在博客source目录下建立一个包含index.md的about文件夹,编辑该md文件内容
7.添加rss订阅功能
在hexo根目录下安装feed生成插件:
而后将此插件配置到hexo的_config.yml
8.添加评论功能
先去disqus注册,然后在主题的_config.yml中disqus项填写你的shortname即可
8.使文章具有目录:
在front-matter里添加
关于front-matter
在搭建博客的过程中发现很多博主提到front-matter这个东西,遂查了一下hexo文档,将结果简要贴在下面:
front-matter是文件最上方以 --- 分隔的区域,用于指定个别文件的变量。
以下是预先定义的参数,您可在模板中使用这些参数值并加以利用。
参数 | 描述 | 默认值 |
---|---|---|
layout | 布局 | |
title | 标题 | |
date | 建立日期 | 文件建立日期 |
updated | 更新日期 | 文件更新日期 |
comments | 开启文章的评论功能 | true |
tags | 标签(不适用于分页) | |
categories | 分类(不适用于分页) | |
permalink | 覆盖文章网址 |
结束,不早了,睡觉,明天上班。
2016.05.19 update domain:
给博客添加域名
首先,你需要拥有一个域名,国内的话,从万网买一个挺方便的。以我的域名channingsun.bid为例。
然后,去万网的控制台添加域名解析的CNAME,如下图:
第三步,去hexo的source文件夹下新建一个CNAME文件,内容为域名:
|
|
然后hexo g再hexo d即可。
EOF