分類: 開發工具

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: [教學, 發布]。

使用方式

  1. 每行輸入一個欄位,格式為 key: value,例如 title: 我的第一篇文章。
  2. 清單欄位可用逗號分隔多個值,例如 tags: 教學, 發布。
  3. 在欄位下方撰寫 Markdown 內文。
  4. 複製產生的檔案內容,包含 front matter 區塊與內文。

隱私說明

本工具完全在你的瀏覽器中執行。輸入的內容不會被上傳、儲存或分享,關閉分頁就隨之消失。

常見問題

要如何產生像 tags 這樣的清單值?
只要以逗號分隔各項目即可,例如 tags: 教學, 發布,系統會將其輸出為 YAML 流式清單:tags: [教學, 發布]。
是否會自動替值加上引號?
只有在必要時才會加上:一般文字與數字不會加引號,但含有 YAML 可能誤判的標點符號時,會自動以雙引號包住。
這個工具適用於哪些靜態網站產生器?
只要是讀取以 --- 分隔之 YAML front matter 的產生器都適用,包括 Jekyll、Hugo、Astro、Eleventy 與 Gatsby。