使用Hexo搭建个人博客

总结下自己用Hexo搭建博客的过程。整个博客是挂在GitHub Pages上的,域名是自己买的,搭建时Hexo是3.2.2版本,因为自己用的Mac电脑,所以此篇适用于苹果电脑。废话不多说,正式开始吧。

WeiLeiming/weileiming.github.io

环境配置

安装Node.js

到Node.js官网下载对应平台的最新版本,按提示安装即可

安装Git

因为我已经装了Xcode所以自带Git(否则会叫安装Xcode,那就安装咯)

Hexo安装

Node.js和Git安装好后就可以安装Hexo了

1
2
3
4
5
$ npm install hexo-cli -g
$ hexo init blog
$ cd blog
$ npm install
$ hexo server

如果没出错,就可以在本地服务上http://localhost:4000/查看效果了。

这是我blog文件夹下的目录结构

3B045A84-0EBE-42ED-A785-452CB5C2E187

配置修改在_config.yml中,新建的md文件都放置在/source/_posts中,themes放置的是主题

介绍下Hexo常用的命令

新建文章

1
$ hexo new "文章名称"

生成静态网页

1
$ hexo g

启动本地服务

1
$ hexo s

上传部署

1
$ hexo d

GitHub配置

申请账号

新建Repository

这里只有一个地方需要说明,就是Repository name。

填写格式为:username.github.io

比如我的账号是weileiming,那么我的主页地址就是weileiming.github.io

222

我这因为已经建过了所以报了这个错,没有新建过的话再点Create repository就可以建立了

还不懂的可以看看官方文档

Hexo关联Repository

在_config.yml中将新建的仓库添加上

222

Github Pages个人主页绑定个人域名

如果有个人域名的话,可以绑定自己的个人域名。官方文档

如何申请个人域名百度去吧。

先把IP地址ping出来

ping

之后添加解析

解析

去刚刚建立的仓库里面点击Create new file

文件名填写CNAME,内容填写个人域名,如willwei.me,commit上去就可以用个人域名访问了

当然如果是拿来用hexo做博客的话这样CNAME是会被干掉的,所以这样搞不行,我将CNAME放在了这里

333

然后在用hexo一起部署上去

Hexo的一些主题

以下是我个人喜欢的一些主题,集成步骤都比较简单

hexo-theme-next

hexo-theme-yilia

我使用的是yilia主题,修改配置的话,主题的配置文件是themes/yilia下_config.yml

一些技巧(yilia为例)

在文章中加<!--more-->可以使这之后的内容隐藏

如果要修改截断文字,可以在themes/yilia/_config.yml中配置

截断文字

更多配置

RSS订阅及SEO

在博客根目录下安装hexo-generator-feedhexo-generator-baidu-sitemaphexo-generator-sitemap

1
2
3
$ npm install hexo-generator-feed --save
$ npm install hexo-generator-baidu-sitemap --save
$ npm install hexo-generator-sitemap --save

在博客根目录下的_config.yml中添加

1
2
3
4
5
6
7
8
9
10
sitemap:
path: sitemap.xml

baidusitemap:
path: baidusitemap.xml

feed:
type: atom
path: atom.xml
limit: 100

Hexo升级

在博客根目录下

1
$ npm upgrade hexo

yilia升级

1
2
$ cd themes/yilia
$ git pull

参考资料

最简便的方法搭建Hexo-Github博客-基于Next主题
Hexo折腾记——基本配置篇
如何搭建一个独立博客——简明Github Pages与Hexo教程
HEXO搭建个人博客
GithubPages+Hexo博客主题Yilia
Hexo常见问题解决方案
Hexo Seo优化让你的博客在google搜索排名第一
Next官方文档