How to insert pages in Hugo (Chinese)
如何在Hugo中插入图片?
首先这是 hugo blog 的文件结构:
<root> (itsublog)
├── archetypes
├── assets
│ └── images
├── content
│ ├── en
│ │ ├── homepage
│ │ └── posts
│ └── zh
│ ├── homepage
│ └── posts
├── data
├── i18n
├── layouts
├── public
├── resources
├── static
└── themes
-
在
assets
文件夹下放置图片。 首先进入到根目录<root>
,文件结构是在
assets/images
文件夹下放置图片,然后在md文件中插入图片的路径。(当然也可以直接在assets
下放置。) 注意在路径插入的时候,需要写/images/...
而不是images/...
,也就是说需要加入斜杠。 另外,路径中不写assets
。例子:/images/oguri.jpg
。或者oguri.jpg
。 -
在
static/images
文件夹下放置图片,其他操作同上。(当然也可以直接在static
下放置。) 路径中不写static
。例子:/images/oguri.jpg
。或者oguri.jpg
。 -
可以参考这个教程, 先在根目录下执行
hugo new posts/<post-name>/index.md
这样就在
/en/
下生成了posts/<post-name>/index.md
文件,然后在content/en/posts/<post-name>/
下放置图片,然后在index.md
中插入图片的路径。