图片导入示例

芙兰朵露·斯卡蕾特

东方Project-芙兰朵露·斯卡蕾特

具体的操作

我在网上寻找到的帮助。找前辈的blog学习学习。

1. markdown有几种方法新建图片，下面是官方文档中给出的正常方法。但是，不成功，用不了呢。hexo官网链接

1
{% asset_img tho.jpg 芙兰朵露·斯卡蕾特 %}

2. 提前说明使用的插件或功能格式

这是我在之前的blog中使用的，莫名其妙的很好用，但是不适合现在的版本，所以 pass。

1
2
3
{% asset_img%}
![芙兰朵露·斯卡蕾特](https://image.discover304.top/tho.gif)
<!-- 这是注释：有了{% asset_img%}，他的接下来一行就可以显示了 -->

3. 我使用的这个旧的方法来自两篇文章

第一篇比较正常，第二篇算是挺有趣的口吻。

  1. 首先是简书的一篇文章。文章链接

    • 这个方法是主要markdown图片插入方法。

  2. 这是一篇CSDN上的博客。 文章链接

    • 而这个是小佬学习大佬的笔记，挺通俗的。

    • 这个解决了Hexo网页导入图片失败的问题。

    • 注意文件路径真的不能有中文！

4. 然后就是正规的方法了

官网链接的最后有提到一种一键的方式，来自开发人员的一个小工具，把![芙兰朵露·斯卡蕾特](tho.gif)的markdown语句转化成html中的图片插入语句（就硬转😅），github 仓库链接在这里了：我是链接

最后我使用的代码片段是：

1
![芙兰朵露·斯卡蕾特](tho.gif)

这里还存在一个问题，那就是tho.gif文件在markdown_figure_practice目录下（一些必须在这个目录下，因为这是当前blog的asset file），虽然的确图片最后会在html文件的相同文件夹中，的确是可以索引道德，但是这里是不符合md的语法的，所以这个硬转稍显僵硬。

更新：这个插件可以调参，有pastAsset这个参数来选择是否使用asset folder，因此是可以使用目录markdown_figure_practice/tho.gif 。但是我没有成功。我还是用硬转的方法吧。

如何更好的在typora中展示asset folder中的图片呢？这里有一篇文章讲了讲。方法就是在开头插入一小段说明：

1
typora-root-url: [asset floder name]

x. 重要参考资料

小表情来源：http://emojihomepage.com/

硬转插件：https://github.com/hexojs/hexo-renderer-marked

官方相关教程：https://hexo.io/zh-cn/docs/asset-folders#%E7%9B%B8%E5%AF%B9%E8%B7%AF%E5%BE%84%E5%BC%95%E7%94%A8%E7%9A%84%E6%A0%87%E7%AD%BE%E6%8F%92%E4%BB%B6