网页中插入图片

  1. 根据Hexo文档，在Hexo的config.yml文件中把post_asset_folder属性更改为true。
  2. 这样在每次运行hexo n [layout] <文章名>命令时，Hexo都会自动生成文章标题同名的文件夹，把图片放入该文件夹，md引用链接时只需要键入图片名称即可。
  3. 启动Hexo服务器后，Hexo解析时会自动在public文件夹中解析出图片的正确路径。

vscode内置预览/Typora中显示图片

由于使用的路径是image.png（目的是保证Hexo解析后正常显示），并不是图片在本地的存储路径，so md预览时无法正常显示图片。

要解决这个问题，引入插件hexo-asset-img（注意hexo-asset-image已失效了，需要卸载，否则影响部署后的图片路径解析。）

1
npm install hexo-asset-img --save

然后将路径改为![alt text](ThemeEdit/1739002142351.png) ，执行hexo三件套启动本地预览，可以看到图片已经可以正确加载了。

调整图片大小

下回再分解吧，还没研究。

—————以下为碎碎念，各位看客酌情忽略—————
_上午搞了2h+才弄清楚即使vscode内置预览显示图片不代表本地预览就会显示。启动Hexo服务器后，hexo g命令会根据渲染器解析md中的图片路径，public文件夹中html文件中解析后的图片路径才决定网页上是否显示图片。搞半天才搞清楚这个事情，心情很烦躁，却不肯放下，还逼着自己继续查。于是更烦躁了…搞来搞去脖子也痛了才去吃饭。下午回来一看其实方法很简单…这就是在吃没有基础知识的苦吧&干饭真的会让头脑清醒hhh