Alan Tsai 的學習筆記


學而不思則罔,思而不學則殆,不思不學則“網貸” 記錄軟體開發的點點滴滴 著重於微軟技術、網頁開發、DevOps、C#, Asp .net Mvc、Azure、AI、Chatbot、Docker、Data Science

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

2018-06-15 星期五
[部落格改版學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
街口支付QR Code
支付寶QR Code
街口支付QR Code
微信支付QR Code
2018-06-15 星期五
comments powered by Disqus