CMS探險之旅:從TinaCMS到WispCMS的完整MDX支援解決方案

CMS探險之旅:從TinaCMS到WispCMS的完整MDX支援解決方案
Ian Chou
Ian Chou

在這篇親身經歷的技術探索文章中,我分享了從TinaCMS到WispCMS的曲折旅程,以及尋找完美MDX支援解決方案的過程。文章詳細記錄了我在使用TinaCMS線上編輯功能時遇到的困境、Tailwind Starter的嘗試與挫折、本地編輯的成功經驗,以及最終選擇WispCMS的決定。對於任何正在尋找支援MDX格式的內容管理系統,或者面臨類似技術選型挑戰的開發者來說,這篇文章提供了寶貴的第一手經驗與反思。

TinaCMSWispCMSMDX

起點:TinaCMS 的困境

我最初選擇了 TinaCMS 作為我的內容管理系統,對它充滿了期待。我使用線上編輯功能,信心滿滿地新增了幾篇部落格文章,但讓我沮喪的是,這些新增的內容就是無法顯示在頁面上。我嘗試了各種方法,但問題始終存在,就像一個無法解開的謎題。

經過一番折騰,我開始感到有些灰心。或許,我心想,是時候嘗試另一個模板了。

轉向 Tailwind Starter

帶著一絲期待,我選擇了 Tailwind Starter 作為我的新嘗試。安裝過程出乎意料地順利快捷,彷彿一切都在告訴我這是個正確的選擇。

然後,我開始著手安裝 TinaCMS。我請 Claude 協助監視我的 GitHub 儲存庫,一步一步按照指示進行操作。最終,安裝完成了,網站也成功啟動了——這一刻的喜悅是難以形容的。

但是,好景不長。我發現 TinaCMS 的圖片無法正常顯示,雖然其他功能運作正常。我仍在使用 TinaCMS 的線上編輯功能,心想也許只是個小問題。於是,我再次按照 Claude 的指示進行修改。

結果卻是更糟——現在什麼都看不到了!媒體庫似乎徹底崩潰了。我嘆了口氣,「唉!」

回到原點:本地編輯的救贖

面對這一連串的挫折,我決定走另一條路。我將 TinaCMS 回復到最初的版本,但這次改用本地端編輯。我只做了一些微小的參數調整,沒想到竟然成功啟動了本地編輯功能!

那一刻,我感到一絲希望重新點燃。我順利地發布了兩篇部落格文章,一切看起來都很完美。

再次嘗試 Tailwind Starter

儘管本地編輯的 TinaCMS 運作良好,但我內心始終對它的穩定性存有疑慮。於是,我再次回到 Tailwind Starter,將版本退回到最初狀態,打算完全從本地重新安裝。

我原本以為這次的過程會很順利,畢竟我已經有了一次成功的經驗。但現實卻給了我一記重擊——安裝過程異常曲折,充滿了意外的挑戰。即使熬過了安裝過程,最後依然遇到了不明的問題,編輯器無法正常運作。

到這一步,我只能無奈地放棄這個想法,就像一個在迷宮中迷失方向的探險者。

重新審視 TinaCMS 與 Hugo

我又研究了一下 TinaCMS 的資料。根據現有資訊,整合 TinaCMS 和 Hugo 似乎是一個更為穩妥的方案。但不知為何,我卻陷入了猶豫,雖然我自己也說不清楚我在猶豫什麼。

夢醒時分:尋找 MDX 支援

經過一夜的睡眠,醒來後我仍在思考我猶豫的原因。我開始研究支援 MDX 檔案的 CMS 系統,這個過程讓我對自己的需求有了更清晰的認識。

最終,我決定放棄 Tailwind Starter,改為安裝 WispCMS 的部落格伺服器。說實話,我自己也不是很清楚為什麼如此在意 MDX 檔案格式,畢竟我最初的需求只是簡單的 Markdown 支援。

或許是因為 Rich Text 的遷移太過麻煩,我一直很關注文字儲存的格式。再者,我隱約感覺到 AI 可能會對 MDX 的編輯提供更好的支援,讓頁面既豐富又容易編輯。在這個 AI 主導的世界裡,格式轉換和辨識合理格式是至關重要的工作。

新的開始:WispCMS

WispCMS 之前我曾經安裝過一次,但還沒有實際使用過。架設過程並不困難,但如何使用它仍是個謎,尤其是相比 TinaCMS,它的說明文件少得可憐。

然而,WispCMS 和 TinaCMS 是我目前找到的僅有的兩個原生支援 MDX 的 CMS 系統。我想要嘗試使用它,將其作為我的知識儲備的一部分。

結語

一切都剛剛開始,我的 CMS 探險之旅仍在繼續。雖然過程充滿了挫折和不確定性,但每一次嘗試都讓我學到了新的東西,讓我更接近我理想中的內容管理系統。

加油吧!下一站會是什麼樣的風景,我很期待。

Thanks for reading!

Found this article helpful? Share it with others or explore more content.

More Articles
Published April 6, 20256 min read3 tags