markdown生成的html文件如何包含本地图片

markdown生成的html文件如何包含本地图片,第1张

方法1

您可以把图片转换成为base64码,然后放在markdown文件的某个部分,然后直接调用即可(这样会增大html文件)

方法如下:

储存方法:

[您的标签]:data:image/(您的图片类型,例如png,gif)base64,(后面接base64码(有些转换器会带换行,但是这里要求没有换行的))

使用方法:

![注释][您的标签]

方法2

上传到图床或者是把图片和html文件放在一起,然后使用相对路径

如下:

![结构](http://img.my.csdn.net/uploads/201304/16/1366077877_2992.JPG)

但插入本地图片,我也不会了。。。

补充:

插入本地图片:

直接写相对路径,就好了,如:

![hello world](./pic/hello world.jpg)

用 notepad++ 来写 MD,遇到了“在notepad++中插入本地图片”这个问题。

![任意文字](file:地址/文件名.扩展名)

比如

![很棒哈](file:E:/Pictures/Snipaste/2018-08-17_18-14-18.png)

txt最好另存为UTF-8编码的,因为ANSI编码下的汉字在notepad++的markdown视图中乱码。

注意斜杠 / 和反斜杠 \ 。

五分钟了解网络连接 - Dwyane_Coding -


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/11923577.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-19
下一篇 2023-05-19

发表评论

登录后才能评论

评论列表(0条)

保存