MarkDown 图片和链接

最新推荐文章于 2025-03-24 06:06:28 发布

原创最新推荐文章于 2025-03-24 06:06:28 发布 · 1.6k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#markdown

前端专栏收录该内容

7 篇文章

订阅专栏

本文介绍了如何在Markdown中插入图片和创建链接，包括不同类型的链接格式和图片插入方法，并展示了实际的应用示例。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

MarkDown 图片和链接

链接

[百度](http://www.baidu.com)
[百度](http://www.baidu.com "这是备注") # 可以添加备注
<http://www.baidu.com/> # 自动链接
<fangj@163.com> # 也可以通过链接方式自动生成电子邮件

百度
 百度
 http://www.baidu.com/
fangj@163.com

图片

Markdown 中图片插入的方式与和链接非常相似，差别只是在[]前加上！。
如果要在网络上分享文章，需要提前将图片放到图床上，获得图片的链接，当然也可以直接在网络上寻找图片。
如果只是在本地查看，则可以根据图片相对路径或绝对路径插入到文中。

![星空](http://seopic.699pic.com/photo/50021/5261.jpg_wh1200.jpg)
![星空](http://seopic.699pic.com/photo/50021/5261.jpg_wh1200.jpg "备注") # 也可以备注信息