分類: 開發工具
YAML Front Matter 產生器
將鍵值列與內文轉換成 Markdown front matter
以簡單的 key: value 列搭配內文,產生含有 YAML front matter 區塊的 Markdown 檔案。整個過程完全在你的瀏覽器中完成,並能搭配任何讀取 front matter 的靜態網站產生器使用。
含 front matter 的 Markdown
--- title: My First Post date: 2026-01-15 tags: [guide, release] draft: false --- ## Introduction Write the post body in Markdown here.
本頁的所有處理都在瀏覽器中完成,不會上傳任何內容。
這個工具能做什麼
Jekyll、Hugo、Astro 等靜態網站產生器,都會從 Markdown 檔案開頭以 --- 分隔的 YAML 區塊讀取頁面中繼資料。這個工具會把單純的 key: value 文字列轉換成這樣的區塊,只有在 YAML 語法需要時才會替值加上引號,並將以逗號分隔的值轉換成流式清單,因此像 tags: 教學, 發布 這樣的一行會變成 tags: [教學, 發布]。
使用方式
- 每行輸入一個欄位,格式為 key: value,例如 title: 我的第一篇文章。
- 清單欄位可用逗號分隔多個值,例如 tags: 教學, 發布。
- 在欄位下方撰寫 Markdown 內文。
- 複製產生的檔案內容,包含 front matter 區塊與內文。
隱私說明
本工具完全在你的瀏覽器中執行。輸入的內容不會被上傳、儲存或分享,關閉分頁就隨之消失。
常見問題
- 要如何產生像 tags 這樣的清單值?
- 只要以逗號分隔各項目即可,例如 tags: 教學, 發布,系統會將其輸出為 YAML 流式清單:tags: [教學, 發布]。
- 是否會自動替值加上引號?
- 只有在必要時才會加上:一般文字與數字不會加引號,但含有 YAML 可能誤判的標點符號時,會自動以雙引號包住。
- 這個工具適用於哪些靜態網站產生器?
- 只要是讀取以 --- 分隔之 YAML front matter 的產生器都適用,包括 Jekyll、Hugo、Astro、Eleventy 與 Gatsby。