Hexo 是一個輕量、快速,簡單和強大的博客框架,當咱們須要發佈博文的時候,只須要將寫好的文章(MarkDown文件)放入本地的 \source\_posts
文件夾,而後再推送上去就好了,原理就是當咱們在執行 hexo g
命令時,.md
文件就會被轉化成 HTML 文件,可是有時候咱們須要新建一個獨立的頁面,這個頁面不使用主題的渲染,具備本身獨立的樣式,能夠放一些本身的做品,相冊什麼的,如下就介紹這種獨立頁面的實現方法。html
使用 Hexo 提供的跳過渲染配置,在博客根目錄的配置文件 _config.yml
裏找到 skip_render
關鍵字,在後面添加想要跳過渲染的頁面,好比咱們建立 \source\about\index.html
, 配置文件填寫:skip_render: about\**
,那麼就表示 \source\about
裏全部的文件將跳過渲染,裏面的文件將會被直接複製到 public 文件夾,此時就會獲得一個獨立的 about 頁面;官方文檔:https://hexo.io/docs/configurationweb
在文章頭部的 Front-matter 裏添加配置 layout: false
來跳過渲染配置,好比咱們要使 about 頁面跳過渲染,建立 \source\about\index.md
,將這個頁面的相關 HTML 代碼寫進.md
文件並保存,而後在 index.md
的頭部寫入:hexo
--- layout: false --- {% raw %} xxxxxxxxxxxxx xx HTML代碼 xx xxxxxxxxxxxxx {% endraw %}
PS:Front-matter 是 .md
文件最上方以 — 分隔的區域,用於指定個別文件的變量,官方文檔:https://hexo.io/docs/front-matter
.md
文件中的 HTML 代碼要用 {% raw %}
和 {% endraw %}
包起來,使其能正確編譯裏面的代碼框架