hexo 博客搭建


第一个标题

心血来潮,在github上自己搭了个博客,写第一篇留个纪念吧。
初探hexo,还有很多地方不懂,这篇博客也会持续更新探索hexo发现的好玩的事物。
关于如何在github上搭建静态博客,网上的教程已经非常多了,大多很清晰,详细请看如何搭建一个独立博客
两个关键要素: github 和 域名

第二个标题

虽然看了教程,但还是在一些地方花了不少时间。例如,在 _config.yml中,要填入值的:后边一定要留一个空格,不然是不会产生效果的。

域名解析

我使用了DNSPod做域名解析。不论自动还是手动,要确保添加了主机纪录为www@,记录类型为CNAME,记录值为xxxx.github.io的解析记录。这里解释下所谓的主机纪录就是域名前缀,常见的有www(万维网:www.xxx.com),@(直接解析:xxx.com),*(泛解析:*.xxx.com)

常用命令

创建新的文章

1
2
hexo new "My New Post"
hexo n

创建新页面

1
hexo new page img

前一条会在/source/_posts下生成一个新的`.md`文件,后一条会在/source/下生成新的文件夹

生成静态文件

1
2
hexo generate
hexo g

本地服务器测试

1
2
hexo server
hexo s

部署github

1
2
hexo deploy
hexo d

如果部署Github时没有任何反应,需要安装hexo-deployer-git

1
npm install hexo-deployer-git --save

Hexo配置

1
2
3
4
5
6
language: zh-Hans #简体汉字
# depolyment
deploy:
type: git
repo:<ssh of github>

NEXT主题

看到在知乎中主题排名第一,我就拿来用了,提供很多的有趣的内容,还在探索中。

增加菜单栏

例如增加学习菜单:

1
2
menu:
学习: /categories/学习/ #菜单的URL,绝对路径,在source下

如果要保证名字正常显示,进入`‘主题路径’/language/zh-Hans.yml`

1
2
menu:
学习: 学习 # 学习菜单显示为“学习”

添加侧边栏头像

将头像命名为default_avatar.jpg 放入‘主题路径’/source/images下,可以看到侧边栏头像更改

1
2
3
custom_logs:
enabled: true
image:<image url> #logo的绝对路径

添加tag页

1
hexo new page "tags"

在生成的 source/tags/index.md 添加

1
type: "tags"