想說太久沒寫部落格,所以先更新一下系統也是很合理的(不對!


目前 Ghost 版本號已經邁向 2.13,所以原本我的 2.0.x 就順手更新一下。結果,預設樣版引擎也升級到了 2.9.1(我原本是 2.3.3 自己改過的)。原以為會跟以前一樣,應該不會有太多意外,但是!由於新的樣板有支援 responsive-image 的功能,而我原本的圖片並沒有這些東西,所以,整個部落格圖片就有點悲慘。文章內容或是第三方的不受影響,受影響的是頭像,爾或是樣板設定、文章的 Feature Image 等等。

官方其實有說明 https://blog.ghost.org/responsive-image-sizes/

快速解決的辦法,

  • 看一下你的主機有沒有裝 ImageMagick,要用來轉換圖片用。
  • 先去 Ghost 把你的部落格資料匯出,應該會得到一個 json 檔案。
  • egrep -o 'feature_image":"([^,]*),' blog.json 跑一下,應該會得到
    這樣的結果。
feature_image":"/content/images/2014/12/IMG_4658.JPG",
feature_image":"/content/images/2015/04/IMG_7495.JPG",
feature_image":"/content/images/2015/04/IMG_7596.JPG",
feature_image":"/content/images/2015/04/IMG_7999.JPG",
feature_image":"/content/images/2015/04/IMG_7854.JPG",
feature_image":"/content/images/2015/04/IMG_8214.JPG",
feature_image":"/content/images/2015/12/IMG_1286.JPG",
feature_image":"/content/images/2016/10/IMG_2586.JPG",
feature_image":"/content/images/2016/12/IMG_1283_crop.jpg",
feature_image":"/content/images/2018/01/turkey_001.jpg",
  • 這樣你就知道有多少 feature_image 要處理了。
  • 然後你需要在 /content/images/ 底下建立 size 資料夾。
  • 接著 size 資料夾底下還有這些資料夾,
    w100, w300, w600, w1000, w2000
  • w100 是大頭照要用的,你可以直接看你大頭照原本放哪裡,轉一份給他,例如,
cd content/images
convert 2014/01/Hina_square.jpg -resize 100x size/w100/2014/01/Hina_square.jpg
  • 然後剩下的 feature_image 除了 w100 以外都要各轉一份。轉換的方式跟轉大頭照一樣,只是要建立對應的資料夾,比較麻煩一點。