Markdown语言可以使用以下方式插入图片:
-
行内式(Inline Style):

示例:

-
参考式(Reference Style):
![图片描述][图片标签] [图片标签]: 图片链接
示例:
![Markdown Logo][logo] [logo]: https://www.example.com/markdown_logo.png
请记住,上述代码中的图片描述
是可选的,用于描述图像的内容,而图片链接
应该是指向图像文件的URL地址。
在Markdown语言中,插入图片的基本语法是使用感叹号!
或者括号[]()
来引用图片链接。以下是具体的步骤和示例:
-
行内式:使用感叹号
!
,后面紧跟替代文字(Alternative text),这是当图片无法显示时出现的文本,用于描述图片内容。然后是图片链接,可以是本地路径或网络URL。例如: -
参考式:使用括号
[]()
,在括号内写上替代文字,后面用空格隔开,然后是图片链接。这种方式可以为图片添加一个可选的标题,当鼠标悬停在图片上时显示。例如: -
HTML标签:如果需要更复杂的图片处理,如调整尺寸、对齐等,可以直接使用HTML标签。例如:
<img src="图片链接" alt="替代文字" title="可选标题">
-
Base64编码:对于需要嵌入图片数据的情况,可以使用Base64编码。例如:
在Markdown中插入本地图片的基本语法是使用感叹号!
,后跟一个空格,然后是图片的描述文本(可选),再接一个空格,最后是图片的路径。路径可以是相对路径或绝对路径。以下是具体的步骤和示例: -
相对路径:使用相对于Markdown文件的位置来指定图片路径。例如,如果图片与Markdown文件在同一文件夹中,可以直接使用图片文件名。
-
绝对路径:使用从计算机的根目录开始的完整路径来指定图片位置。但通常建议使用相对路径,因为它更易于移动和共享文档。
-
图片描述:在感叹号之后,可以添加图片的描述文本,这有助于屏幕阅读器读取并为图片提供替代文本。
-
尺寸调整:可以通过在图片路径之后添加
width
和height
属性来调整图片的尺寸。 -
对齐方式:可以使用HTML的对齐标签来调整图片的对齐方式,如
<center>
或<right>
。 -
链接到图片:如果希望图片可以点击并链接到其他地址,可以在图片描述文本前加上链接的Markdown语法。
-
Base64编码:还可以使用Base64编码的方式直接在Markdown文件中嵌入图片,但这通常用于小图片或为了确保图片与文档一起被分享。
在Markdown中插入网络图片,您可以使用以下方法: -
直接插入:在Markdown编辑器中,点击工具栏的“插入图片”按钮,选择图片并确定。这种方式适用于支持此功能的Markdown编辑器。
-
复制图片链接:将图片的URL链接复制到编辑栏中,某些Markdown编辑器支持这种方式直接插入网络图片。
-
使用Markdown图片语法:在Markdown文件中,使用以下语法插入网络图片:
- 内联图片语法:
! [替代文字] (图片URL "可选标题")
- 示例:
! [Markdown Logo] (https://example.com/logo.png "Markdown")
- 这将在Markdown文档中显示为图片,如果图片链接有效,它将被正确渲染。
- 内联图片语法:
请确保您有权利使用所选图片,并且图片的URL是正确的。如果图片链接失效或更改,可能导致图片无法显示。
在Markdown中插入图片时,提供替代文字的方法如下:
- 基本语法:使用感叹号
!
加上方括号[]
包围替代文字,紧接着用圆括号()
包围图片的URL。例如:
。如果希望提供图片的标题(当鼠标悬停在图片上时显示的文字),可以使用双引号""
将其包围,放在URL之后,如:
。 - 内联图片与参考式图片:内联图片是直接在文本中插入图片的方式,而参考式图片则允许您在文档的不同部分重复使用同一图片。参考式图片首先在文档中定义图片的URL和替代文字,然后在需要插入图片的地方使用中括号
[]
引用该图片的标签名。 - 本地或相对路径图片:如果图片存储在本地或者相对于Markdown文件的某个路径下,可以直接使用文件路径作为图片的URL。例如,

,其中images/pic.jpg
是图片文件的相对路径。 - Base64编码的图片:在某些情况下,您可能需要将图片转换为Base64编码并直接嵌入到Markdown文档中。这种方式的语法稍微复杂一些,需要使用两个中括号
[[]]
来包围替代文字,紧跟着base64 label
,即Base64编码的图片数据。 - SEO优化:替代文字不仅在图片无法显示时提供给用户信息,还被搜索引擎用于图像搜索结果。因此,编写替代文字时应确保清晰简洁,准确描述图片内容,以便于搜索引擎更好地理解和索引图片。