hexo自定义解析

目的

不想使用主题渲染,完全自定义页面样式和交互,例如:制作自己的个人作品页面

步骤

1、在hexo项目 根目录下找到_config.yml 文件,在里面找到配置项 skip_render
单个文件夹下全部文件:

1
skip_render: demo/* // 这是需要跳过markdown转换 直接输出html的目录

单个文件夹下指定类型文件:

1
skip_render: demo/*.html

单个文件夹下全部文件以及子目录:

1
skip_render: demo/**

多个文件夹以及各种复杂情况:

1
2
3
skip_render:
- demo/*.html
- demo/**

上面的配置 要不要引号都可以
这个目录指向hexo项目 根目录 下的 source 文件夹

注意:

修改完skip_render配置项之后 要执行一次 hexo clean,执行完 hexo clean之后 会发现public目录下的CNAME文件 也被清理掉了 这时需要手动从hexo根目录下 拷贝 CNAME 文件 到 public 目录下

推荐把CNAME文件 放到source目录下 这样就可以把CNAME重新生成到public目录了

2、下一步可以在source文件夹里面 新建一个文件夹 demo

1
2
3
4
|-source
| |-_posts
| |-demo
| | |-index.html

3、新建并编辑好index.html之后 运行 hexo generate 就可以跳过 markdown 的编译 ,直接输出html文件到public 文件夹内

4、此时 执行 hexo deploy 完成部署,等待一分钟左右 就可以 在地址栏 输入 https://xxx.xx/demo 访问自定义的页面了
(完)
参考:https://www.maoxuner.cn/2017/03/10/hexo-skip-render.html
参考:https://www.tuicool.com/articles/A36Jby2

开积的个人博客