开始创作
插入图片
在文章内插入图片推荐使用 Hugo 的 Page Bundleopen in new window 功能:图片和文章处于同一目录下。主题使用此功能来读取图片长宽信息,避免布局抖动。同时会生成响应式图片,来优化加载速度。
举个例子,我博客的一篇文章的目录结构如下:
+---测试文章
| cover.jpg
| Design-V1.jpg
| Design-V2.jpg
| index.md
1
2
3
4
5
2
3
4
5
[index.md](<http://index.md>)
文件内容:
---
title: "测试文章"
description: "文章简介"
date: "2020-08-10 01:00:00+0200"
slug: "test-post"
image: "cover.jpg"
categories:
- 博客
tags:
- Hugo
- Stack
---
![图片 1](Design-V1.jpg)
![图片 2](Design-V2.jpg)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
插入相册
主题借鉴了 Typlog 的相册语法open in new window,在此感谢原作者 Leptureopen in new window 的授权。
![图片 1](image1.jpg) ![图片 2](image2.jpg)
![图片 3](image3.jpg) ![图片 4](image4.jpg)
1
2
2