快轉到主要內容

Blogger搬家到Hugo,如何批次將網誌文章轉成Markdown

分類   資訊科技 Hugo網站架設
標籤   Blogger Markdown
🗓️ 民國113年 甲辰年
✍ 切換正體/簡體字
目錄

Convert Blogger posts to Hugo site.

針對想要從Google Blogger搬家到自架靜態網站的用戶,一定會遇到文章難以轉移的問題吧?

這篇文章討論解法。

Let’s make a great escape!

cinema staff - great escape

1. 問題
#

Hugo/Jekyell/Hexo使用的文章格式都是Markdown,但Blogger的文章是HTML加上自己的CSS,不能直接貼到Markdown。

縱然Blogger有提供網誌匯出工具,但你只會得到一個「XML嘔吐物」而已!

嘔吐物這個趣味講法是在 Yodalee’s Note看到的。

所以,我們得使用工具轉換。

Hugo官網 Migrate to Hugo列出了許多第三方開發的轉換器。

我選擇 palaniraja開發的blog2md

這個工具寫的不錯,支援Blogger與Wordpress網站。除了文章內嵌的iframe(影片、JavaScript元件)和表格以外,每篇文章都會轉成Hugo的格式。

2. 使用轉換器批次將XML轉成Markdown檔
#

  1. 登入Google Blogger後台,點選設定 → 管理網誌 → 備份內容,下載XML檔

  2. 依照Github指示,先在電腦安裝 Git NPM

  3. 開啟終端機,複製儲存庫,安裝依賴套件

git clone https://github.com/palaniraja/blog2md.git

cd blog2md

npm install
  1. 執行指令,在b後面輸入XML檔案路徑,還有輸出路徑
node index.js b "/home/user/Downloads/blogger.xml" "/home/user/out"
  1. 這個程式會把所有的文章和草稿全部轉成Markdown格式,一篇文章一個檔案,留言則是另存一個檔案。文章的標題和日期會自動轉成frontmattter,內文則是從HTML變成Markdown語法。

  2. 不過,這個程式似乎會漏掉一些文,最好手動確認Blogger文章數量與實際輸出的Markdown檔案數量。

  3. 需要手動介入處理的為:

  • 圖片文章內嵌的圖片。如果放在圖床的可以不用理會,但blogger.googleusercontent.com/img/網址的圖片仍是放在Blogger伺服器,最好找其他地方上傳。
  • 內嵌的影片連結需要重貼,例如Youtube嵌入影片、Github Code Block、Google文件
  • HTML表格
  • 站內連結
  • 其他JavaScript程式和CSS元素

相關文章

為何應該用Markdown寫網誌文章?
分類   資訊科技 Hugo網站架設
標籤   Hugo Markdown
網路賺錢:Google Adsense廣告聯播網的替代品,審核寬鬆
分類   資訊科技 Hugo網站架設
標籤   Google
製作Hugo靜態網頁相簿畫廊 (使用nanogallery2 JQuery函式庫)
分類   資訊科技 Hugo網站架設
標籤   JavaScript Library

留言板

此處提供二種留言板。點選按鈕,選擇您覺得方便的留言板。要討論程式碼請用Giscus,匿名討論請用Disqus。

這是Giscus留言板,需要Github帳號才能留言。支援markdown語法,若要上傳圖片請貼Imgur或Postimages。您的留言會在Github Discussions向所有人公開。

這是Disqus留言板,您可能會看到Disqus強制投放的廣告。為防止垃圾內容,有時留言可能會被系統判定需審核,導致延遲顯示,請見諒。若要上傳圖片請善用圖床網站。