Alan Tsai 的學習筆記


學而不思則罔,思而不學則殆,不思不學則“網貸” 為現任微軟最有價值專家 (MVP)、微軟認證講師 (MCT) 、Blogger、Youtuber:記錄軟體開發的點點滴滴 著重於微軟技術、C#、ASP .NET、Azure、DevOps、Docker、AI、Chatbot、Data Science

[部落格改版學DevOps][06]實際遷移-執行篇

2018-06-15 Friday
[部落格改版學DevOps][06]實際遷移-執行篇.jpg
圖片來源:https://pixabay.com/en/books-spine-colors-pastel-1099067/ 

在上一篇([05]實際遷移-準備及驗證篇)介紹了搬遷前面的計劃以及驗證之後,在這一篇將會介紹如何實際做搬遷的動作。

搬遷工具

透過上篇的驗證,知道最後想要產出的結果是cshtml的内容,并且會放到posts資料夾下面。

接下來的問題就是,怎麽把google blogger的内容轉換成我們要的結果呢?

會需要先準備好三個部分的内容:

  1. 每篇文章的内容
  2. 每篇文章的圖片
  3. 把blogger匯出的内容處理成爲chstml的工具

每篇文章的内容

google blogger其實有提供一個匯出的功能,匯出來會是一個單一的xml檔案。

可以透過進入到blogger的後臺,在設定 -> 其他 -> 備份内容點下去,會出現一個pop up,選擇儲存至您的電腦就可以了

chrome_2018-06-15_15-52-44.png
備份的位置截圖

這個xml檔案其實不只有文章的内容,裡面還有包括像是留言這些東西。因此在處理blogger的xml檔案需要做一些過濾。

每篇文章的圖片

假設是用類似Open Live Writer來寫部落格文章的話,那麽圖片會自動上傳到google photo裡面。(我不太確定如果用google blogger的編輯器會上傳到哪裏,但是我估計應該也是google photo)

如果説對於圖片放在google photo沒有意見,那麽其實這一步可以不用做。

如果希望圖片也一起搬遷過去(我這邊的例子會包含圖片),那麽雖然google photo沒有匯出的功能,但是google有個服務叫做takeout,可以透過他來把圖片匯出。

進入到Google takeout

首先要先到Google Takeout:https://takeout.google.com/settings/takeout

把其他服務勾選掉
預設會把所有服務都包含在匯出,我們只需要圖片,因此可以先選旁邊的按鈕Selete None
chrome_2018-06-15_15-58-50.png
把所有服務勾選掉
找到Google Photos并且勾選起來
往下捲,會找到Google Photos,把他enable之後,展開點Photo Albums
chrome_2018-06-15_16-01-11.png
啓用google photos,展開下拉
選擇兩個album:Open Live WriterWindows Live Writer
Open Live Writter是Windows Live Writer的open source版本,假設這兩個工具都有用過,那麽兩個都應該下載下來
chrome_2018-06-15_16-04-12.png
只選擇兩個album
下載下來
確認之後(右上角的OK),然後在最下面的Next就可以進入到產生下載鏈接的部分。

透過下載鏈接,整個圖片就備份出來了。

把blogger匯出的内容處理成爲chstml的工具

當google blogger的文章内容以及每篇文章的圖片準備好了之後,接下來要做的事情就是把他們轉換成cshtml。

我有用C#寫了一個console的程式,主要目的就是做這個事情,可以從github上面下載。


git clone https://github.com/alantsai/mhat-consoleapp-blogger_to_wyam.git

有了這三個内容之後,就可以準備轉換成wyam需要的cshtml。接下來介紹一下怎麽使用轉換的cshtml工具。

mhat-consoleapp-blogger_to_wyam的工具使用

要使用很簡單,從github clone下來之後,透過visual studio編譯之後,對產生出來的exe給出以下3個參數:

  1. -p - 從blogger匯出的xml内容,也就是上一章節的第一個檔案
  2. -i - 從google photo備份的圖片,也就是上一章節的第二個檔案
  3. -o - 最後產出來的結果要存放的位置

這個程式屬於sample類型的,因此要完全符合個人需求會需要做一些客制化調整。所以并沒有提供一個已經編譯好的版本。如果説想要使用但是又沒有visual studio可以編譯再和我説,我在提供編譯過後的版本。
關於程式碼的更多訊息請參考github上面的内容,程式本身還蠻直覺,如果有任何問題也歡迎隨時聯繫我。

最後,執行完成得到的内容(也就是-o的路徑)就可以直接複製到posts下面的資料夾,并且看到網站内容都出來啦。

結語

到目前爲止,整個搬遷過程算是完成了大部分,畢竟資料什麽都已經過來了,但是資料過來就算ok了嗎?

搬遷其實是搬動到一個全新的環境,長接觸seo的就知道,全新代表著之前積纍的seo算是全部白廢掉了。

因此,下一篇,要對於seo處理的部分做一些介紹,讓我們搬遷了之後,還保留著對應的seo。


如果文章對您有幫助,就請我喝杯飲料吧
街口支付QR Code
街口支付QR Code
台灣 Pay QR Code
台灣 Pay QR Code
Line Pay 一卡通 QR Code
Line Pay 一卡通 QR Code
街口支付QR Code
支付寶QR Code
街口支付QR Code
微信支付QR Code
2018-06-15 Friday
comments powered by Disqus