hexo中完美插入本地图片

hexo中完美插入本地图片

两种方法解决解决hexo插入本地图片

先hexo new “文章名”，把图片放入_posts/文章名 文件夹中

1. 第一种，使用官方引用图片方式

{% asset_img example.jpg [title] %}

2. 第二种使用插件

hexo-renderer-marked 解决hexo插入本地图片

_config.yml文件

post_asset_folder: true
marked:  
  prependRoot: true  
  postAsset: true

使用语法：

![](image.jpg)

这样可以引入，但是无法在markdown编辑器中显示图片

采用这种下面这种引入方式可解决：

• 在“Blog->source”下新建”images”文件夹。注意”images”与”_posts”同级。

• 在Typora中“文件->设置偏好->图像“。在插入图片时”复制到指定路径“设置为

../../source/images//${filename}

每次将图片插入到images下的文章名的文件夹下

引入图片，问题可完美解决

3. 使用图床引入外链

图床网站 https://sm.ms/

感觉这个最简单

注意：

• 两种方法只有第二种引入图片在markdown编辑器中可见

• 参考互联网上文章使用hexo-asset-image插件，高版本hexo并不适配

参考文章：

知乎：https://www.zhihu.com/question/419663130

博客：http://etrd.org/2017/01/23/hexo%E4%B8%AD%E5%AE%8C%E7%BE%8E%E6%8F%92%E5%85%A5%E6%9C%AC%E5%9C%B0%E5%9B%BE%E7%89%87/

官方文档https://hexo.io/zh-cn/docs/asset-folders.html