灵神常见算法

方法一：安装插件

1. 在Typora文件 –> 设置偏好 –> 图像。在插入图片时选择复制到指定路径`，设置为

./${filename}

2. 安装插件

npm install hexo-asset-img --save

3. 配置文件（可以不配置，Typora复制图片时就会创建目录）
   • 在 Hexo 根目录打开配置文件 _config.yml
   • 搜索 post_asset_folder，false 改为 true
   • hexo new page 生成新文章，会在同级目录创建一个同名文件夹。

大概是从 Hexo 5 开始hexo-asset-image 已无效。

---

方法二

官方提供的方式：

{% asset_img example.jpg This is an example image %}

通过这种方式，图片将会同时出现在文章和主页以及归档页中。

但是这样不方便，Typora不能显示图片。

---

方法三

hexo-renderer-marked 3.1.0 引入了一个新的选项，其允许你无需使用 asset_img 标签插件就可以在 markdown 中嵌入图片

如需启用：修改一下配置文件_config.yml

post_asset_folder: true
marked:
  prependRoot: true
  postAsset: true

然后再配置一下Typora

1. 在Hexo根目录（HexoBlog）的source下新建imags文件夹。

   注意imags与_posts同级。

   

2. 在Typora文件 –> 设置偏好 –> 图像。在插入图片时选择复制到指定路径，设置为

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

3. 在格式 –> 图像 –> 设置图片根目录将HexoBlog/source设置为根目录。（本人测试不设置根目录也行，根据自己情况来设置）

---

参考文章

• Hexo + Typora + 开发Hexo插件 解决图片路径不一致 | yiyun’s Blog (moeci.com)

• (1 条消息) hexo文章中如何放入图片? - 知乎 (zhihu.com)

• 资源文件夹 | Hexo

• typora + hexo博客中插入图片