發布日期:Aug 11, 2021

文章於 Aug 11, 2021 更新

在 Hugo 文章裡顯示圖片

基本語法

![name](image_file_path.Extension)

如果是本地圖片

step 1 : 將圖片放在 static 目錄下

例如我的目錄結構是這樣, static 裡面分門別類,其中一個目錄是 images

static
  |
  |-- images
        |-- picture_01.jpg
        |-- picture_02.png
        |__ picture_03.png
  |-- ...
  |__ ...

step 2 : 在文章內引入

在文章內輸入如下內容,即可引入 picture_01.jpg ,命名可省略。

![](/images/picture_01.jpg)

如果是線上圖片

上傳到雲端圖庫後,直接貼上分享網址即可,別忘記副檔名。

![](http://[somewhere].com/picture_01.jpg)

參考資料