前言

Hugo Content (文章) 讓使用者可以選擇 HTML 或是 markdown 語法來撰寫，對於不熟悉語法的人而言，選擇編輯文章的工具時，至少要有 live preview 的功能，會更方便直覺一些，以下介紹 Hugo Content 支援的格式，以及幾款筆者用過的本地工具與線上工具。

支援格式

Hugo 整合了以下幾種 Content 格式，你只需要在 config.toml 中配置要使用哪一種即可：

• Goldmark：一款用 Golang 寫的 Markdown 解析器。
• Blackfriday：同上 (官方標注終將被棄用)。
• MMark：同上 (官方標注終將被棄用)。

其他還有許多其他格式，可到此參考官方文件的說明。

本地工具

• PHPStorm：自帶 markdown 預覽工具

• VSCode：需要額外安裝 plugin 才可預覽，但相對輕巧

• MacDown：一款更直接的工具 (for macOS)，但沒有自動存檔：

線上工具

• HackMD：自動儲存 + 可上傳圖片 + 自帶連結 --- 大推

• markdown-editor: 自製的線上編輯工具 jbt/markdown-editor，按下 Browser Save 可以把文章暫存在瀏覽器上：

• GitLab Wikis: 可以上傳文件、圖片檔案，版本控制：

鐵人賽用 HackMD

目前就方便性而言，筆者最常使用的還是 HackMD + Excel，在 HackMD 寫文章寫一寫，在把 HackMD 文章連結歸檔到 Excel 方便查找 (不確定是否有更方便的方式可以取代 Excel)，最近發現一套試算表工具 Airtable 有興趣也可以試用看看。

在鐵人賽寫文期間，筆者的寫文、潤稿工作也都是在 HackMD 上進行，因為你絕對不會想要知道，當你完成準備收工時，誤觸上一頁 (或是停電、當機、瀏覽器沒有回應..等) 是什麼感覺 (會很 high，負面的那種)，希望以後官方文章編輯器也能支援草稿自動儲存啊～(許個願XDD)。

部落格用 VSCode

使用這類超有彈性的編輯器，除了可以安裝各種需要的外掛之外，還整合了 terminal 介面，讓你在撰寫文章的過程中，不需切換視窗，就能跑個 hugo server -D 常駐在那，讓你在編寫過程 live reload 即時看到修改結果，還蠻方便的；另一方面，當你編寫完成後，也能在同一個工具中，透過執行指令部署更新網站，或是進行版本控制等等。

小結

今天除了介紹筆者用過的編輯器之外，也稍微講到一小部分我自己的作業習慣，你可以按照自己覺得比較方便的方式挑選適合自己的工具；

今天也謝謝各位的閱讀，鐵人賽到今天完成三分之一了，希望到目前為止，甚至之後的文章能夠帶給你我幫助，有問題歡迎請留言讓我知道，讓我們互相學習，明天見。

參考連結

• Hugo Content Formats
• Hugo Configure Markup