將 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 之後,能夠讓整個書寫和發佈文章的流程更加順暢。

在〈將 Notion 文章內容匯入到 WordPress〉中有 6 則留言

  1. 不知道現在notion是否已經可以直接匯入wordpress了呢?
    找離線編輯部落格wordpress軟體,找了好久。

    謝謝你的文章

    回覆
    • 目前還無法~
      但今年 Notion API 會發佈,到時候應該會有高手做相關的整合,我個人還蠻期待的。
      不過如果你說你要找離線編輯的軟體, Notion 可能不太適合,因為 Notion 其實還是需要網路的,在離線的狀態下很多功能都無法使用。
      以上提供給您參考囉!

      回覆
        • 離線的推薦個 trilium notes
          跟Notion蠻像的,但只有英文介面

          回覆
          • 感謝推薦,看了一下真的蠻像的,還有類似 Roam Research 的知識圖譜~找機會來玩玩看

    • 其实微软的办公软件word就可以直接发送到wordpress了,相当于是一个离线编辑器。
      每个版本的Word连接Wordpress的方式不同。
      以目前Microsoft 365里的Word为例,打开Word新建文档的时候去模板里面搜寻一下blog post模板之后一直点击下一步,word就会提示你登录blog账户了,只登录一次就可以,以后会自动登录。
      其它版本的word可以去Google一下链接的方法,我用过最早的word 2013都可以支持发送到wordpress的功能。

      回覆

發佈回覆給「nooho」的留言 取消回覆

%d 位部落客按了讚: