图片

- · - ·

• markdown
• 图片

markdown里面可以添加图片

10.1 添加图片

下面的代码，在上一节生成超链接的代码前面添加一个感叹号(!)，同时把链接换成图片地址。

![这是一个图片](/images/tutorials/markdown/工具页截图-dark.png)

会生成下面的效果

在Markdown编辑器中打开

10.2 带链接的图片

下面的代码，把生成图片的代码放到了超链接的名称里面，超链接的用法见上一节

[![这是一个图片](/images/tutorials/markdown/工具页截图-dark.png)](/tools/)

会生成下面的效果，点击下面的图片会跳转到工具页

在Markdown编辑器中打开

10.3 带title的图片

图片可以添加title，只需要在图片地址的后面添加title内容即可，下面的代码：

![这是一个图片](/images/tutorials/markdown/工具页截图-dark.png "这是工具页的截图")

会生成下面的效果

在Markdown编辑器中打开