商汇粹外网资源平台

搜索
查看: 1541|回复: 3

hexo 如何跳过主题渲染 创建自定义页面?

[复制链接]

该用户从未签到

7

主题

33

帖子

99

积分

注册会员

Rank: 2

积分
99
发表于 2022-10-28 09:07:38 | 显示全部楼层 |阅读模式
我浏览了大量网上的方法  都失败了   自定义网页打开都是在文章的页面打开   官方文档我也照做了  还是无法创建自定义页面   求教!
回复

使用道具 举报

该用户从未签到

0

主题

4

帖子

40

积分

新手上路

Rank: 1

积分
40
发表于 2022-10-28 09:43:44 | 显示全部楼层
可以参考我写的文章:https://blog.csdn.net/qq_36759224/article/details/90320295
最简单的方法就是在文章配置,也就是Front-matter部分添加参数layout: false


我博客还有其他关于hexo博客搭建方面的文章,从美化到问题解决一条龙,欢迎关注
我的博客:http://www.itrhx.com
回复

使用道具 举报

该用户从未签到

0

主题

9

帖子

49

积分

新手上路

Rank: 1

积分
49
发表于 2022-10-28 10:19:50 | 显示全部楼层
添加front-matter的属性,layout=false.
回复

使用道具 举报

该用户从未签到

0

主题

4

帖子

40

积分

新手上路

Rank: 1

积分
40
发表于 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中查找。
结语


  • 没有结语
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

快速回复 返回顶部 返回列表