Markdown插入图片的方法

本文介绍了Markdown插入图片的语法,包括插入本地图片和网络图片的方法。对于分享Markdown文件时可能出现的图片失效问题,提出了两种解决方案:一是引用网络上的图片地址,二是将图片转换为Base64字符串内嵌到文档中。

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

Markdown插入图片的方法

Markdown插入图片的语法:

\!\[alt 属性文本](图片地址)
\!\[alt 属性文本](图片地址 "可选标题")

说明:

  • 以感叹号开头!
  • 接着一个中括号[ ]
  • 接着一个小括号( ),里面放上图片的网址,最后加上可选的’title’ 属性的文字。

1. 插入本地图片

使用实例:
\!\[markdown picture](./assets/favicon.png)
显示结果如下:

markdown picture

注意:中括号[ ]与小括号( )之间不能有空格。

如何解决在分享Markdown文件时图片失效的问题?

在插入本地图片的情况下,如果要分享Markdown文件,会遇到图片失效的问题。要避免这种情况的话,有2个办法:
1)可选择将图片上传到网络上,从而可以在 Markdown 文件中引用网络地址。
2)将图片内嵌到Markdown 文件中。图片内嵌到Markdown 文档中的方法如下:

首先,使用Base64工具将图片转为Base64字符串。
然后,将该字符串填写到图片地址的位置。

使用实例:
![markdown picture][mark
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值