Hexo添加自定义HTML页面

首先,在博客根目录的source文件夹下,新建文件夹用于存放HTML文件

截屏2025-01-16 19.22.06

这里新建了个html文件夹,然后直接在里面放文件。

第二步,在博客根目录的配置文件_config.yml文件里,配置跳过渲染

skip_render: "html/**"

注意格式:这里如果只创建了一个文件夹,要跳过它目录下所有文件的渲染,则

# 跳过文件夹下所有文件
skip_render:
- "文件夹名/*"

如果文件夹下还有子文件夹,则

# 跳过子文件夹
skip_render:
- "文件夹名/子文件夹名/*"

或者,

# 跳过文件夹下所有子文件夹和文件
skip_render:
- "文件夹名/**"

重新部署即可。

其他的优化

如果想将这些html的界面放到导航菜单栏上,修改主题配置文件_config.butterfly.yml对应的导航菜单栏代码即可,如下,

menu:
主页: / || fas fa-home
时间轴: /archives/ || fas fa-archive
标签: /tags/ || fas fa-tags
分类: /categories/ || fas fa-folder-open
Demo||fas fa-file-code:
- all html demo || /Demo/ || far fa-file-code
- 圈小猫 || /HTML/圈小猫.html || fas fa-code
- 撕渔网 || /HTML/撕渔网.html || fas fa-code
- 纸飞机 || /HTML/纸飞机.html || fas fa-code
- 彩虹雨 || /HTML/彩虹雨.html || fas fa-code
- 方块穿梭 || /HTML/方块穿梭.html || fas fa-code
- 碰撞小球 || /HTML/碰撞小球.html || fas fa-code
- 烟花效果 || /HTML/烟花效果.html || fas fa-code
- 骇客帝国 || /HTML/骇客帝国.html || fas fa-code
娱乐||fas fa-list:
- 音乐 || /music/ || fas fa-music
- 电影 || /movies/ || fas fa-video
友链: /link/ || fas fa-link
关于: /about/ || fas fa-heart

本文转载自:https://blog.csdn.net/weixin_58068682/article/details/116611715

本博客配置了CDN