【hexo】基础教程-二-文章新增图片上传

在博客中插入视频和图片能让人通俗易懂，生动形象。下面我们简答用两种方式介绍下hexo 博客文章中新增图片

方法一：

hexo 添加图片插件：

npm install hexo-asset-image --save

也可下载官方链接地址：hexo-asset

此时的下载或不下载取决于自己的theme主题中所包含的默认的插件是否存在。可以在不安装此插件的前提下执行如下步骤。若不行，在安装此插件后执行如下步骤：

在hexo主文件夹中_config.yml配置文件中，修改为 post_asset_folder: true， 然后新建一篇文章

hexo new "test"

这个时候会出现一个test.md 和 test的文件夹

将图片资源放在test中，文章就可以使用相对路径引用图片资源了。格式如下

![](image.jpg)

上述是markdown的引用方式，图片只能在文章中显示，但无法在首页中正常显示。

如果希望图片在文章和首页中同时显示，可以使用标签插件语法。

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

重新编译后 再启动服务即可。

效果可查看如下链接：https://blog.csdn.net/qq_38140292/article/details/118885686?spm=1001.2014.3001.5501

方法二：使用cdn来存储图片

使用typora编辑md文档，除了在本地存储图片，还可以将图片上传到一些免费的CDN服务中。例如在typora中配置图片上传到配置好的github图床中，会生成对应的url地址，将地址直接拿来引用即可。具体配置方案，请参考：https://blog.csdn.net/qq_38140292/article/details/118885686?spm=1001.2014.3001.5501