本文介绍在 Markdown 文件中插入图片的两种方式：1.Markdown语法，2.HTML语法； 以及如何设置图片尺寸，如何给图片加链接。

1. 使用 Markdown 语法

  • 以叹号!开头
  • 后面方括号[]中是替换文本（图片加载失败时显示给读者的文本）
  • 再后面圆括号()中是图片的路径（本地路径、网络路径）
  • 如果需要图片标题，可以在路径后面用双引号""扩起来。 ⚠️：所有的符号必须是半角/英文符号，不可以使用全角/中文符号
1
2

![替换文本](图片路径 "图片标题")
![alt text](image_path "image title")

比如

1
2

![substring is deprecated](/images/xcode-while-editing.png "XCode屏幕截图")
*Tips: 可以在图片下面用一行斜体的说明文本。图片标题不保证一定会显示*

显示效果如下： substring is deprecated Tips: 可以在图片下面用一行斜体的说明文本。图片标题不保证一定会显示

2. 使用 HTML 语法

1

<image src="https://picsum.photos/400/200" alt="网络图片400*200">

效果如下： 网络图片400*200

如何设置图片尺寸

推荐使用HTML的方式设置图片大小：

1

<image src="https://picsum.photos/400/200" alt="网络图片400*200" width="100" height="200">
网络图片400*200

原生Markdown语法不支持设置图片尺寸，Extended Markdown支持如下语法。不是所有引擎都支持，个人不推荐。

1

![alt text](image path "image title"){ width=80%,height=120px }

如何给图片加链接

Markdown语法

1

[![图片替换文本](图片路径)](链接地址)

比如

1

[![点击图片跳转AppStore](https://mzstatic.com/image/AppIcon.png)](https://apps.apple.com)

点击图片跳转AppStore

HTML语法

1
2
3

<a href="https://apps.apple.com/cn/app/id1528477391">
  <img src="https://mzstatic.com/image/AppIcon.png"/>
</a>