最近学习了Web开发的一些基础知识,正用 50projects50days 的项目练手,也想要给自己的博客嵌入一些网页demo。
我决定使用 iframe
来内嵌网页。将编好的文件放入post_asset_folder
自动生成的同名文件夹中:
1 | <iframe src="xxx.html" height="500px" width="100%" scrolling="auto" frameborder="0" "></iframe> |
打开网页,确实成功嵌入 demo,但好像有什么不太对……
回到首页,发现 HTML、CSS、JS 全部被解析为博客了🤣 。
还好 Hexo 提供了一个功能允许用户自定义哪些文件不进行渲染,这样就可以保留post_asset_folder
的功能(毕竟真的方便管理博客)。我在同名文件夹下新建了demo文件夹,将写好的网页放入。然后打开 Hexo 的 _config.yml
,找到 skip_render
选项添加想要屏蔽的文件夹。
通配符示例:
1 | skip_render: |
容易踩坑的点:
skip_render
中的路径需要写成相对于 source/
目录的路径。在 _config.yml
文件修改后,记得要执行一下 hexo clean
,不然skip_render
可能不会生效。
- 本文链接:https://squirrelune.github.io/cn/%E6%8A%98%E8%85%BE%E6%97%A5%E5%BF%97/Hexo%E5%86%85%E5%B5%8C%E7%BD%91%E9%A1%B5/
- 许可协议: 除特殊声明外,本站博文均采用 CC BY-NC-SA 3.0 CN 许可协议,转载请注明出处!