使用Typora直接编辑博客体验很棒，但需要进行一些配置才可以使得huho在预览和生成网站时保证图片的正常显示。由于hugo默认的图片路径位于项目static目录下，在预览和生成网站时该目录下的文件才会正常预览和导出，在编辑md文件时只有将typora的图片根目录配置为该路径下才可以在Typora中预览图片。

为实现在Typora中编辑博文时可以预览图片，同时使用Hugo预览和生成网站时也可以正常的预览图片，需要做如下设置：

• 统一将博客md文件中涉及到的图片文件存放在hugo项目目录中的static/blogimages目录中；
• 针对每个md文件，在Typora中设置static路径为图片的根路径，这会在md的配置项中加入图片相对路径的typora-root-url: ./..\..\..\static；
• 在设置的图像选项中，将static/blogimages的绝对路径设置为图片插入地址，优先使用相对路径，并且不要在相对路径前添加./；
• 经过上述配置，截图在粘贴到md文件时会自动复制到static/blogimages路径，并在md中自动使用相对路径；
• 经过上面的设置，即可在typora中编辑博文时正常预览图片，同时使用hugo预览博客页面和生成博客网页时也可以正常显示图片，static/blogimages目录目录下的图片会复制到public/images目录下。

建议在博客的md文件中插入图片时使用html的img标签，同时使用center标签对图片居中显示，以下是一个示例

<center><img src="/images/image-20230525122630118.png" alt="image-20230525122630118" /></center>