將 Notion 文章內容匯入到 WordPress

將 Notion 文章內容匯入到 WordPress

Notion 的編輯器對於寫文章來說是一個很好的工具,相對於 WordPress 的古騰堡編輯器順手很多,所以我在思考能不能用 Notion 來寫作,然後同步到 WordPress?

Notion vs. WordPress 古騰堡編輯器 * 小程故事

由於 Notion 目前沒有官方的 API,所以要自動同步文章到 WordPress 目前還無法做到,必須要手動來做。雖然有人透過 reverse-engineering 的方式開發了一套 Go lang API,不過這畢竟不是正規的做法,參考參考就好囉。本篇文章除了介紹如何在 Notion 中寫文章並匯入到 WordPress 網站,你也可以比較一下兩者在內容顯示上的差異。

註:本篇文章由 Notion 攥寫後,匯出為 Markdown 格式再匯入到 WordPress 中。除了設定標題、複製貼上內容圖片以及設定特色圖片、編輯 Loom 影片嵌入方式和本段文字外,沒有做其他的編輯,您可以比較其中的差異。Notion 文章頁面:https://www.notion.so/yuchengblog/Notion-WordPress-1f24f42187d0427a8ddb0a7c59a52748

匯出

Notion 支援 Markdown 語法,且可以匯出 Markdown 格式的內容,所以在匯出的部分算是解決了。匯出文章的 Markdown 檔案後,使用編輯器打開,並全選複製內容。

在 Notion 中匯出 Markdown 格式

匯出的資料夾包含了 markdown 格式的文件內容和圖片

匯入

由於目前內建的 Gutenberg 編輯器不支援 Markdown 語法,所以必須靠第三方外掛來支援。這邊使用的是之前提到的 EditorsKitEditorsKit 支援 Markdown 語法,請先安裝並啟用 EditorsKit。在第一個步驟完成匯出並複製內容後,打開古騰堡編輯器,直接貼上內容即可。

複製 Markdown 內容並貼上到古騰堡編輯器

格式

以下列出一些常用的內容格式,您可以跟 WordPress 的文章內容做比較

一般文字

文字色彩

粗體

斜體

  • 清單

標題1

標題2

標題3

這是一段引言


感想

使用 Notion 當作編輯器在整個書寫的過程真的流暢很多,當然這樣的方式目前還是存在著一些問題。整理如下:

優點

  • 使用 Notion 寫作,提升撰寫體驗。
  • 由於 Notion 本身有頁面的歷史紀錄(Page History),所以可以用來取代 WordPress 的版本紀錄(Revision),節省資料庫空間。
  • 你可以使用 Notion 作為文章的靈感收集、排程規劃和寫作工具,將整個內容發佈流程集中在 Notion 中。參考:How to Use Notion for Blogging

缺點

  • 許多樣式並不支援,例如在 Notion 分兩欄顯示,匯出後 Markdown 並不支援這樣的顯示。如果想要維持同樣的顯示,就必須要再自行編輯。另外文字的顏色也是不支援的。
  • 在 Notion 中如果要插入站內文章,必須切換回 WordPress 來找到該篇文章的連結,相對不方便(或是文章連結留到匯入WP後再處理)。
  • 圖片需要另外上傳。在古騰堡中你可以直接複製下載的圖片並在編輯器中直接貼上。或是你可以在 Notion 寫文章時,插入外部圖床圖片(Flickr等),這樣在匯入 WordPress 時就不用再上傳圖片。若原本 Notion 中的圖片有設定說明文字(Caption),則在匯入 WordPress 後說明文字會變成另一個段落內容。

以上就是我針對 Notion 作為部落格文章編輯器的嘗試,希望日後 Notion 開放 API 之後,能夠讓整個書寫和發佈文章的流程更加順暢。

發表迴響