使用Hexo时用asset-link插入图片

现有的图片插件asset-img的问题

asset-img的用处就是将makrdown文件中的图片链接转化为静态网页中的图片链接,而因为其固有设置(实际上该项目已经不再维护),它需要以以下形式插入图片:

image-20230412113103238

此处我插入显示我node.js版本号的图片,虽然满足了asset-img的路径要求,但我的markdown文档就算不是所见即所得的了,这十分不便。

新一代插件asset-link的妙用

完整的README

image-20230412111413849

直接查看其官方文档,可以看到它不仅让编辑md文件时所见即所得,还利索的解决了图片路径转换的问题。如上所述,它还能贴pdf文档的链接,大大拓展了博客的边界。

image-20230412111605432

使用asset-link时插入图片如图所示。

Typora相关设置

为了愉快地编写博客,我们还需要对Typora做相关设置,使得我们的图片文件自动地存储在同目录同名文件夹中,这样就可以专注于md文章,而无需费力调整图片链接了。

image-20230412113202044

这样,每次引入图片,图片都会复制一份到同目录同名文件夹中。

1
${filename}

表示当前文件名,.代表当前路径,/代表路径下的某一个目录。


使用Hexo时用asset-link插入图片
http://cogitoergosum666.github.io/2023/04/11/使用Hexo时用asset-link插入图片/
作者
知远
发布于
2023年4月11日
许可协议