Hexo 的 butterfly主题没有自己相应的简历模板，需要一个可以自定义的 html 页面（包括 css 文件和 js 文件）

下面介绍步骤：

新建相关文件夹

在 blog 的源文件夹下找到 source 文件夹，在该文件夹下新建一个文件夹用来储存后继需要部署的 html 文件。该文件夹下可以新建子文件夹，方便存放 css、js文件。

关闭渲染

自定义的 html 文件需要跳过渲染，否则会像文章页、标签页一样，无法自己编辑格式：

在 config.yml 文件里（注意是Hexo本身自带的config.yml，不是主题带的config.yml）找到 

1
skip_render:                #跳过指定渲染，可用glob来匹配路径

在后面添加文件或文件夹路径即可：

1
- "html/**"               #跳过html文件夹下所有子文件夹和文件的渲染

记得加’-‘；具体可参考 Chak Aciano的文章

添加链接至首页

在 _config.butterfly.yml 文件下（即自己安装的主题的config文件）找到 menu ：

1
2
3
4
5
6
7
8
9
menu:
   首页: / || fas fa-home
   归档: /archives/ || fas fa-archive
   标签: /tags/ || fas fa-tags
   分类: /categories/ || fas fa-folder-open
   #菜单||fas fa-list:
     #音乐: /music/ || fas fa-music
     #电影: /movies/ || fas fa-video
   友链: /link/ || fas fa-link

可以在这里加上 简介 链接：

1
2
3
4
5
6
7
8
9
10
11
menu:
   首页: / || fas fa-home
   归档: /archives/ || fas fa-archive
   标签: /tags/ || fas fa-tags
   分类: /categories/ || fas fa-folder-open
   #清单||fas fa-list:
     #音乐: /music/ || fas fa-music
     #电影: /movies/ || fas fa-video
   友链: /link/ || fas fa-link
   #关于: /about/ || fas fa-heart
   简历: /html/resume/resume.htm || fas fa-file-user

这样即可在首页的菜单栏中增加简历按钮，当然也可以是任一自己自定义的 html 页面

*添加社交按钮

可将链接添加至社交按钮栏

详情在之前的文章中的社交按钮部分介绍过。

想要更多图标可在font-awesome v6中查找。

结语

  • 没有结语