对图片进行引用的总结

通过外链·

Markdown的语法格式如下:

1
2
3
![alt 属性文本](图片地址)

![alt 属性文本](图片地址 "可选标题")

开头一个感叹号 !
接着一个方括号,里面放上图片的替代文字
接着一个普通括号,里面放上图片的网址
最后还可以用引号包住并加上选择性的 ‘title’ 属性的文字。

使用实例:

当然,你也可以像网址那样对图片网址使用变量。
Markdown 还没有办法指定图片的高度与宽度,如果你需要的话,你可以使用普通的 <img> 标签。

Runoob.com
alt属性,用于在找不到图片时,显示的文字

直接引用·

如果 Hexo 项目中只有少量图片,那最简单的方法就是将它们放在 source/images 文件夹中,然后通过以下方法引用:

1
![NP15](/images/NP15.jpg)

通过 文章资源文件夹的路径 引用·

将 config.yml 文件中的 post_asset_folder 选项设为 true 来打开。
当资源文件管理功能打开后,Hexo将会在你每一次通过 hexo new layout title 命令创建新文章时自动创建一个文件夹。这个资源文件夹将会有与这个文章文件一样的名字。将所有与你的文章有关的资源放在这个关联文件夹中之后,你可以通过相对路径来引用它们,这样你就得到了一个更简单而且方便得多的工作流。

引用的代码·

在不使用插件的情况下进行引用(开启了“post_asset_folder”文章资源文件夹)

1
2
3
![patch 3](./NP15.jpg)

{% asset_img "patch 2.jpg" %}

这里要注意,(./NP15.jpg)这种格式不能使用空格,空格会导致无法识别,图片无法加载。例如:(./patch 2.jpg)这是错误的。

在使用hexo-asset-image参考链接1,参考链接2插件的情况下进行引用(开启了“post_asset_folder”文章资源文件夹)

1
![NP15](2020-02-16-试验组-1/NP15.jpg)

这里同样要注意,(2020-02-16-试验组-1/NP15.jpg)这种格式也不能使用空格,空格会导致无法识别,图片无法加载。例如:(2020-02-16-试验组-1/patch 2.jpg)这是错误的。

总结:既然加了插件也就增加了一种引用的方法,那还不如少加个插件,只用剩下的两种。当然,还可以使用外链,那就另算了。