Hexo中插入本地图片

本文最后更新于:2020年7月4日 晚上

序言

在Hexo中插图片的方式,在晚上看到是有多种办法的,但是我暂时只写一种办法,大概也是我认为最简单直接可以解决问题的办法。

插入图片的几种方式:

下面是插入图片的几种方式:

  • 传统Markdown方式
  • Hexo方式post_asset_folder
  • 网络图片插入
  • Hexo的特定语法

Hexo方式post_asset_folder

1.根目录下的配置文件_config.yml里的post_asset_folder选项设置为true。置为true之后新建文章的时候就会同时创建一个与文章同名的文件夹用于存放资源,Hexo官方文档称之为资源文件夹。之后把每篇文章需要插入的图片都放在这个文件夹里。

2.执行命令npm install hexo-asset-image --save ,下载安装一个可以上传本地图片的插件

3.编辑文章的时候,只需要用markdown语法插入图片![](test.jpg),图片的路径只需给出图片名字就行。

4.用markdown编辑器编辑时这样的语法是不会直接显示图片的,文章写好后本地测试就有了,然后部署到云端就行。

总结

就写这一个添加图片的方式,个人感觉这应该是最简单的方式了,其它几种方式有需要以后再更新吧。