格式介紹 — Front Matter

大家都聽說過 Markdown 語法吧？

本文介紹 1 種可以使用 Markdown 語法，但是又不全然相同的格式 — Front Matter 。

Front Matter 經常用在 Hexo, Hugo 等這些靜態網站產生器(generator)，它可以讓我們為以 Markdown 語法寫成的文章自由加上各種 metadata, 例如：

---
title: 格式介紹 — "Front Matter"
author: MyApollo
---

大家都聽說過 Markdown 語法吧？

來介紹一種可以使用 Markdown 語法，但是又不全然一樣的格式 — **Front Matter** 。

這種格式的好處在於彈性十足，我們能輕鬆為文章加入各種屬性、類別等資訊，對靜態網站產生器來說，也可以靠這些 metadata 做到更彈性的客製化網頁功能，例如在想在文章網頁上顯示作者 LinkedIn 連結，就只要加上 linkedin 屬性：

---
title: "格式介紹 — Front Matter"
author: MyApollo
linkedin: "https://..."
---

... 略 ...

然後在網頁樣板中讀取由 Hexo, Hugo 等產生器傳進來的 metadata, 就能夠得到 LinkedInd 連結。

如果你想要自己打造能夠用 Markdown 語法寫文章的 Blog, 千萬要記得有這個格式可以使用！舉 Next.js 為例，他們所提供的 Blog 範例程式碼，其實也是使用 Front Matter 格式，直接省去架設後端資料庫儲存文章與屬性的成本。

噢對， GitHub 的檔案預覽其實也支援 Front Matter 喔！