Markdown图片

1. 插入本地图片

要在Markdown中插入本地图片，你需要使用以下格式：

![Alt Text](path/to/your/image.jpg)

• Alt Text：这是图片的替代文本，当图片无法加载时，这段文字会显示出来。它对SEO和图片的可访问性都很重要。
• path/to/your/image.jpg：这是图片的相对路径或绝对路径。

示例：

假设你有一张名为example.jpg的图片，并且它位于与你的Markdown文件相同的目录中，你可以这样写：

![Example Image](example.jpg)

2. 插入网络图片

插入网络图片更加简单，你只需要提供图片的URL即可：

![Alt Text](https://example.com/path/to/your/image.jpg)

示例：

![Beautiful Landscape](https://example.com/beautiful-landscape.jpg)

3. 调整图片大小

标准的Markdown语法并不直接支持调整图片大小，但你可以通过HTML来实现。以下是一个例子：

<img src="https://example.com/beautiful-landscape.jpg" alt="Beautiful Landscape" style="width:50%;height:auto;">

在这个例子中，我们使用了<img>标签，并通过style属性设置了图片的宽度为50%，高度自动调整以保持比例。

4. 图片居中

同样，Markdown标准语法也不支持直接居中图片，但你可以使用HTML的<div>标签和CSS样式来实现：

<div style="text-align:center;">
    <img src="https://example.com/beautiful-landscape.jpg" alt="Beautiful Landscape" style="width:50%;height:auto;">
</div>

在这个例子中，我们使用了<div>标签，并通过style属性设置了文本对齐方式为居中，从而间接实现了图片的居中。

5. 添加图片标题或说明

Markdown本身不支持直接在图片下方添加标题或说明，但你可以通过HTML或Markdown的列表来实现。以下是一个使用Markdown列表的示例：

![Beautiful Landscape](https://example.com/beautiful-landscape.jpg)
* 这是一个美丽的风景图片，拍摄于某个著名的国家公园。

或者使用HTML的<figcaption>标签（尽管这不是Markdown标准的一部分，但一些Markdown解析器可能会支持）：

<figure>
    <img src="https://example.com/beautiful-landscape.jpg" alt="Beautiful Landscape" style="width:50%;height:auto;">
    <figcaption>这是一个美丽的风景图片，拍摄于某个著名的国家公园。</figcaption>
</figure>

请注意，并非所有的Markdown解析器都支持<figure>和<figcaption>标签，所以在使用前最好先进行测试。

本文地址：https://www.tides.cn/p_markdown-picture