图片导入示例
东方Project-芙兰朵露·斯卡蕾特
具体的操作
我在网上寻找到的帮助。找前辈的blog学习学习。
1. markdown有几种方法新建图片,下面是官方文档中给出的正常方法。但是,不成功,用不了呢。hexo官网链接
1 | {% asset_img tho.jpg 芙兰朵露·斯卡蕾特 %} |
2. 提前说明使用的插件或功能格式
这是我在之前的blog中使用的,莫名其妙的很好用,但是不适合现在的版本,所以 pass。
1 | {% asset_img%} |
3. 我使用的这个旧的方法来自两篇文章
第一篇比较正常,第二篇算是挺有趣的口吻。
首先是简书的一篇文章。文章链接
- 这个方法是主要markdown图片插入方法。
这是一篇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