11ty - Lauviah0622/Lavi-Note GitHub Wiki

概覽

方便好用的 Static Site generator

eleventy 基本上採用 nunjucks 還有 markdown 作為 template engine,也可以自己改成其他像是 ejs 之類的東西

檔案結構

_data: 在這裡面產生的資料可以透過 {{ [filename].[props] }} 來使用

posts: 文章的實際內容(.md)放在這裡面

404.md: 404 的錯誤頁面

.eleventy.js:整個專案 compile 的程序可以從這邊控制

_site: 放 compile 之後的檔案

header

用 YAML 作為 header 來設定一些 meta data,在 nunjuck 的 template 或者是 markdown 的 post 都可以使用

  • layout: 決定說要用什麼模板
  • title

post

post 採用 markdown 作為內容,以及 YAML 作為 post 的 header 儲存一些 title, layout 等的資料。

navigation

eleventy 常用的東西

直接輸出內容,不經過 escape

{{ content | safe }}

Short code