在Hexo自由設定圖片的大小

Why?

  寫文章的時候要貼上圖片，這時候可以使用 Markdown 語法：![{imag name}]({url})，可惜這樣寫並不能任意調整圖片的尺寸。因此在網路上搜尋一陣，找到這位的作法。以下簡單說明。

How?

  上述的網誌Bob Playground的作者在 Github 寫好了JS腳本，hexo_resize_image.js。將這個腳本放在{Hexo部落格root}/source/js裡，沒有這個資料夾的話就自己建立一個。接著，編輯{Hexo部落格root}/source/_data/head.njk，在這個檔案裡加上：

<script src="/js/hexo_resize_image.js"></script>

  一樣，如果沒有這個路徑和檔案，就自己建立這個路徑和檔案。完成後，Hexo會將head.njk裡的 script tag 加入到生成的 html 檔，就可以使用hexo_resize_image.js的腳本。

Note: 要使用head.njk，必須在主題(我的例子是Next)的設置檔(我的例子是_config.next.yml)加入以下設置：

custom_file_path:
  head: source/_data/head.njk

Result

  結果很理想，可以自由調整圖片尺寸。