我一直在嘗試寫部落格文章的流程要怎樣才會比較順暢。不是關於文章的內容要怎麽寫,而是用什麼程式寫部落格文章。因為這個部落格不只有使用原始的 Markdown 語法,還有用 Remark plugin 擴充語法,所以要找到合適的編輯器不太容易。
直接用 Visual Studio Code 編輯的相容性最高,但這個相容性不包括它內建的預覽,單純是以它做為程式碼編輯器考慮的。要預覽的話,開部落格的 dev server 看可以得知文章最後 render 出來的樣子,比其他的預覽更具參考價值。
至於其他的編輯方法,我以前有試過 Netlify CMS(現在的 Decap CMS),可以在自己的電腦編輯文章這點很好,但是有第一段提到的問題。
後來我聽說了 Obsidian 這個軟體。它主打自己是筆記軟體,但是我也可以不理什麼反向連結還是關聯圖,就當作 Markdown 編輯軟體使用。拿它編輯部落格文章或是網站內容也不是創新的事情,Obsidian 有一個 plugin Digital Garden 就是在做這件事情的。
它支援的 Markdown 語法雖然比較多,比原始的多了 callout,但是還是有一些是我的部落格有,而 Obsidian 沒有的語法,像是 Express Code 中一些對 code block 的設定。
所以我現在寫部落格文章的操作流程是先在 Obsidian 寫,有對呈現結果有疑義的地方就將在 Obsidian 寫的內容複製到放部落格文章的地方,用 dev server 預覽。如果只用到基本的 Markdown 語法,就在寫完之後再複製過去。最後在 frontmatter 填上文章的 metadata,一篇部落格文章就完成,可以發佈了。
如果有一個 Markdown 編輯器或是 CMS 可以讓人自訂 Markdown 語法以及 render 出來的樣式,寫文章應該會更輕鬆。不過先前也有提到 dev server 的預覽是最準確的,所以不如用 dev server 的預覽,找找看有什麼 plugin 可以讓 Visual Studio Code 編輯部落格文章更方便可能比較簡單?