您的瀏覽器不支援JavaScript功能,若網頁功能無法正常使用時,請開啟瀏覽器JavaScript狀態
Antfire 的生活雜記
Skip
    banner

    Hexo 主題製作

    Hexo 主題製作

    準備工作

    themes 目錄底下新增一個目錄,目錄名稱就是主題名稱了。
    新的主題目錄底下必須包含以下檔案

    • _config.yml
    • languages
    • layout
    • scripts
    • source

    _config.yml

    _config.yml是主題的設定檔

    languages

    語言目錄是用來放語言設定檔

    layout

    layout目錄裡面放的是各個樣板檔,支援EJS、Haml、Jade、Pug
    layout目錄底下,需要有以下檔案

    1. index
    2. post
    3. page
    4. archive
    5. category
    6. tag
    7. layout (opt.)
      為了減少每個樣板的重複性,在使用主題時會預設讀取layout樣板,可以將重複的結構整理出來,放在layout樣板中

    layout使用方式

    layout.ejs

    <!DOCTYPE html>  
    <html>  
      <body><%- body %></body>  
    </html>

    index.ejs

    Hello world

    渲染後的index.ejs

    <!DOCTYPE html>  
    <html>  
      <body>Hello world</body>  
    </html>

    scripts

    scripts目錄裡面放的是自己撰寫的套件(plugins)

    source

    source目錄裡面放的是主題將用到的css、js等檔案,如果有想隱藏的檔案或目錄,加一個_前綴字即可隱藏
    站台在啟動或是發布的時候,會排除_前綴的檔案或目錄,source目錄底下的檔案及目錄複製到public目錄底下

     Comments