安装

Hexo博客的安装与本地配置

Hexo博客部署到github

主题

当前博客选择A4主题，看到的第一眼就喜欢上了，所谓的一见钟情吧 💘

基础配置参考A4主题使用手册

menu

1
2
3
4
5
6

menu: # --> 所有的目录
  🏡首页: /  #需要hexo new page index,在index/index.md填写的内容将会展现在首页上
  XXX

howInMenu:  # menu 中的哪些页面显示在首页中（“首页”必定显示） --> 仅显示在首页中的目录
  - 🪴文章  # 将在首页显示 文章 链接

index

1
2
3
4
5
6
7

index:  # 首页相关配置
  header:  # 首页的页眉 以及 404页面，当你没开启一言，将会每次刷新页面随机展示下面的语句
    - "我忘明月很久，明月始终望我"
    - "人山人海，人来人往"
    - "看过大海的人不会忘记海的广阔"
    - "勾栏听曲"  # -->在这里可以添加自己想要显示在页眉的语句
    - "52赫兹"

comment

当前博客选择waline + vercel部署方案

部署方法参考waline

注意事项：

• waline项目要指定example目录：example路径； 未选择该目录遇到如下两个问题
  ①部署失败，提示dist目录不存在，当指定example目录时部署自动选择example目录存储output内容
  ②更改output目录后部署成功，但是最后访问的时候提示404 NOT FOUND
• 由于vercel dns有被污染的风险，最好配置Domains域名访问；云解析DNS配置CNAME，记录值可以填cname-china.vercel-dns.com
• 部署成功后可以通过域名/ui访问waline后台管理系统，第一个注册的为管理员，可以对评论进行管理

插件

参考A4主题支持插件

hexo-generator-sitemap

需要在根目录下新增sitmap_template.xml、sitemap_template.txt两个文件，不然本地部署会报错；

两个文件参考插件原作者的templatesitmap_template.xml、sitemap_template.txt

hexo-filter-mathjax

增加公式编号方法如下：

1
2
3

$$
\left({x^2}+{y^2}-1\right)^3-{x^2}{y^3}=0 \tag{1.1} #\tag后面接要加的编号，这里需注意长度限制
$$

域名

参考域名绑定

其他

文章路径自定义

修改Hexo主题_config.yml配置：

1
2
3
4

permalink: :md_path/:title/ # --> 文章路径 XXX.github.io/md_path/title

# 原permalink如下：
# permalink: :year/:month/:day/:title/  --> 文章路径 XXX.github.io/year/month/day/title

有趣的图标

图标

图床

当前博客使用PicGo+jsDelivr+GitHub搭建免费CDN加速图床

参考Picgo使用手册

CDN路径：https://cdn.jsdelivr.net/gh/Github账号名/仓库名/

draft

使用draft功能，将未发布的文章放在draft目录下，发布时使用hexo publish命令

1
2

hexo new draft "文章名" # --> 创建草稿
hexo publish draft "文章名" # --> 发布草稿

Reference

1. Hexo博客的安装与本地配置
2. Hexo博客部署到github
3. A4主题使用手册
4. waline快速开发
5. hexo-generator-sitemap
6. 域名绑定
7. 文章路径自定义
8. 图标
9. Picgo使用手册