目的
不想使用主题渲染,完全自定义页面样式和交互,例如:制作自己的个人作品页面
步骤
1、在hexo项目 根目录下找到_config.yml
文件,在里面找到配置项 skip_render
:
单个文件夹下全部文件:1
skip_render: demo/* // 这是需要跳过markdown转换 直接输出html的目录
单个文件夹下指定类型文件:1
skip_render: demo/*.html
单个文件夹下全部文件以及子目录:1
skip_render: demo/**
多个文件夹以及各种复杂情况:1
2
3skip_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