折腾了半天，终于学会怎么在博客中插入图片了。
这里记录一下解决办法
插入图片：相对路径存在的问题
这是根目录结构：
content
-posts
--blog
没有blog这一级结构的可以直接无视
当我们用hugo指令：
hugo new posts/blog/article.md
生成新文章后hugo会自动在blog文件夹下面创建一个md文件：
content
-posts
--blog
---article.md
我们需要的是生成一个与article.md平级的文件夹用于存放要用到的图片，比如叫pic。 将想要插入的图片放入pic，比如123.png:
content
-posts
--blog
---pic
----123.png
---article.md
之后，当我们在article.md中撰写文章时，用md语法来引用图片
坑点就在这个相对路径上。
vscode会提示你输入
这是因为在vscode眼中，article.md只是一个文件而非文件夹。
但是hugo编译静态文件的时候的逻辑可不是这样
如果你这时用hugo server命令打开你的本地网页，会发现图片加载不出来（裂了），此时在新标签页打开这个图片会发现网址后缀为：
posts/blog/article/pic/123.png
显然hugo是把article.md当成一个文件夹来看待了
所以我们在选择路径时，应该先回到上一级目录，再进入pic文件夹：
再次hugo server命令即可看到生成在网页上的图片了
图片居中与大小调整
md语法默认是图片是left-align的
想要图片居中可以用html实现：
<center><img src="../pic/123.png" width="10%" /></center>
center：居中图片
相对路径：与上一节提到的一样
width：调整图片大小
hugo shortcodes
hugo也提供了定制化功能shortcodes，具有多种可设定参数，也可自定义
