How to insert pages in Hugo (Chinese)

2024-03-06
2 min read

如何在Hugo中插入图片?

首先这是 hugo blog 的文件结构:

<root> (itsublog)
├── archetypes
├── assets
│   └── images
├── content
│   ├── en
│   │   ├── homepage
│   │   └── posts
│   └── zh
│       ├── homepage
│       └── posts
├── data
├── i18n
├── layouts
├── public
├── resources
├── static
└── themes
  1. assets 文件夹下放置图片。 首先进入到根目录<root>,文件结构是

    assets/images文件夹下放置图片,然后在md文件中插入图片的路径。(当然也可以直接在assets下放置。) 注意在路径插入的时候,需要写/images/...而不是images/...,也就是说需要加入斜杠。 另外,路径中不写assets。例子:/images/oguri.jpg。或者oguri.jpgimage

  2. static/images文件夹下放置图片,其他操作同上。(当然也可以直接在static下放置。) 路径中不写static。例子:/images/oguri.jpg。或者oguri.jpgimage

  3. 可以参考这个教程, 先在根目录下执行

    hugo new posts/<post-name>/index.md
    

    这样就在/en/下生成了posts/<post-name>/index.md文件,然后在content/en/posts/<post-name>/下放置图片,然后在index.md中插入图片的路径。image