开始Hexo博客之旅

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

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

安装Hexo与配置

1.前期准备工作

安装node.js的环境,包括nvm的安装、node.js具体版本的安装

PS:Mac下通过homebrew神器安装nvm,再nvm install node.js的某版本即可

2016.10.14 update lazy init node:

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

2.安装hexo

npm install -g hexo-cli

3.创建hexo文件夹

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

hexo init

4.准备github

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

5.配置hexo

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

deploy:
  type: git
  repository: [email protected]:yourname/yourname.github.io.git
  branch: master

同理,yourname换成你的github的username

6.安装git部署工具

在hexo的目录下执行命令:

npm install hexo-deployer-git --save

7.执行部署

hexo g
hexo d

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

为博客更换主题

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

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

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

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

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

在hexo目录下执行:

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

2016.05.18 update pinyin:

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生成插件:

npm install hexo-generator-feed --save

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

# Extensions
plugin:
- hexo-generator-feed
#Feed Atom
feed:
 type: atom
 path: atom.xml
 limit: 20

8.添加评论功能

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

8.使文章具有目录:

在front-matter里添加

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,如下图:

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

channingsun.bid

然后hexo g再hexo d即可。

EOF

稿源:SunQiang's Blog (源链) | 关于 | 阅读提示

本站遵循[CC BY-NC-SA 4.0]。如您有版权、意见投诉等问题,请通过eMail联系我们处理。
酷辣虫 » 综合技术 » 开始Hexo博客之旅

喜欢 (0)or分享给?

专业 x 专注 x 聚合 x 分享 CC BY-NC-SA 4.0

使用声明 | 英豪名录