Hexo下内嵌搭建自定义非hexo渲染html网页的方法

研究背景:

在Hexo下,Source文件夹下所有内容都会被Hexo渲染,从而导致自定义网页是置于hexo渲染之下,以出现了以下情况 (以我的个人博客为例)

由此可见不仅导致自己制作的网页不能被正确的展示而且主题中的Sidebar,header,footer之类的东西都放了进来,与自己当初的设想背道而行.

解决方案:

需要解决的是要避免Hexo对其的渲染, Hexo 具有让用户自定义是否渲染的功能,从而我们可以保持原文件的原貌而非让Hexo渲染它 , 故需要打开站点配置文件下的_config.yml在其中找到修改一个配置项:

首先搜索skip_render修改代码如下(这里以我的文件夹名称about为例)(这里的about应替换为source下你自定义网页文件夹的名称)

skip_render: about/**

意为保留单个文件夹下全部文件以及子目录的原样,随后我们打开Git bash自己的站点根目录,依次执行hexo clean  hexo g  hexo d 命令(修改后我的网页如下)

 关于skip_render:

这里skip_render支持以下几个通配符命令,每种对应不同的功能

#保留单个文件原样(不渲染该文件)
skip_render: 文件名.html

#保留单个文件夹下全部文件原样(不渲染单个文件夹下全部文件)
skip_render: 文件夹名/* 

#保留单个文件夹下指定类型文件原样(不渲染单个文件夹下指定类型文件)
skip_render: 文件夹名/*.md  

#保留单个文件夹下全部文件以及子目录原样(不渲染单个文件夹下全部文件以及子目录)
skip_render: 文件夹名/**  

#保留多个目录，或者多个文件原样(不渲染多个目录，或者多个文件)
skip_render: ['*.html', demo/**, test/*]

thx for reading this passage !