Markdown插入图片的方法

Markdown插入图片的方法

Markdown插入图片的语法:

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

说明:

  • 以感叹号开头!
  • 接着一个中括号[ ]
  • 接着一个小括号( ),里面放上图片的网址,最后加上可选的’title’ 属性的文字。

1. 插入本地图片

使用实例:
\!\[markdown picture](./assets/favicon.png)
显示结果如下:

markdown picture

注意:中括号[ ]与小括号( )之间不能有空格。

如何解决在分享Markdown文件时图片失效的问题?

在插入本地图片的情况下,如果要分享Markdown文件,会遇到图片失效的问题。要避免这种情况的话,有2个办法:
1)可选择将图片上传到网络上,从而可以在 Markdown 文件中引用网络地址。
2)将图片内嵌到Markdown 文件中。图片内嵌到Markdown 文档中的方法如下:

首先,使用Base64工具将图片转为Base64字符串。
然后,将该字符串填写到图片地址的位置。

使用实例:
![markdown picture][markdownbase64]
[markdownbase64]:https://code84.com/wp-content/uploads/2022/09/BMHb3CdNrgcrAAAAAElFTkSuQmCC-1.png

显示结果如下:

markdown picture

2. 插入网络图片

使用实例:
![baidu logo](https://img-blog.csdnimg.cn/img_convert/0aaf388e02c6bd9beaec2cefff89c858.png)
显示结果如下:

baidu logo

The End


版权声明:本文为samuelwang_ccnu原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。