想說太久沒寫部落格,所以先更新一下系統也是很合理的(不對!
目前 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
以外都要各轉一份。轉換的方式跟轉大頭照一樣,只是要建立對應的資料夾,比較麻煩一點。