Hexo Picture Insert

Blog插入图片测试

1. hexo _config.yml 文件设置

   _config.yml
   
   post_asset_folder: true

   设置完毕后，执行命令hexo new post_name，在source/_posts中会生成post_name.md的同名文件夹post_name。将图片资源放在post_name中，文章就可以使用相对路径引用图片资源了。

2. markdown 插入图片语法

   • 本地引用-相对路径

     # 需要插入的图片存放路径：sources/_posts/post_name/image.jpg
     # 相对路径不能使用 ./post_name/image.jpg (很奇怪~)
     
     ![](post_name/image.jpg) 

3. hexo-asset-img插件安装

   npm install git://github.com/yiyungent/hexo-asset-img.git#main

   目的：展现在网站上的是 html 文件，不是 markdown 文件，运行 hexo g 的时候，hexo 帮我们实现 markdown->html 的语法转换。而实现对于图片的引用的正确转换，需要安装 hexo-asset-img 插件。

效果展示