|
|
发表于 2022-10-28 10:55:56
|
显示全部楼层
Hexo 的 butterfly主题(其他主题也差不多)没有自己相应的简历模板,需要一个可以自定义的 html 页面(包括 css 文件和 js 文件)
下面介绍步骤:
新建相关文件夹
在 blog 的源文件夹下找到 source 文件夹,在该文件夹下新建一个文件夹用来储存后继需要部署的 html 文件。该文件夹下可以新建子文件夹,方便存放 css、js文件。
关闭渲染
自定义的 html 文件需要跳过渲染,否则会像文章页、标签页一样,无法自己编辑格式:
在 config.yml 文件里(注意是Hexo本身自带的config.yml,不是主题带的config.yml)找到
skip_render: #跳过指定渲染,可用glob来匹配路径
在后面添加文件或文件夹路径即可:
- "html/**" #跳过html文件夹下所有子文件夹和文件的渲染
记得加’-‘;具体可参考 Chak Aciano的文章
添加链接至首页
在 _config.butterfly.yml 文件下(即自己安装的主题的config文件)找到 menu :
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
可以在这里加上 简介 链接:
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中查找。
结语
|
|