Hexo + Github Pages 自定義一個不使用主題模板渲染的獨立頁面


    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 %} 包起來,使其能正確編譯裏面的代碼框架

效果以個人博客主頁關於頁面爲例:
在這裏插入圖片描述
在這裏插入圖片描述svg

相關文章
相關標籤/搜索