Markdown中设置图片尺寸及添加图注

最新推荐文章于 2025-01-13 15:31:19 发布

原创最新推荐文章于 2025-01-13 15:31:19 发布 · 9k 阅读

8 ·

CC 4.0 BY-SA版权

文章标签：

#图注 #Typora #Markdown #图片尺寸

杂记专栏收录该内容

11 篇文章

订阅专栏

本文介绍如何在Markdown中调整图片尺寸并添加图注。通过特定语法，可设定图片缩放比例，保持长宽比不变。同时，提供图注添加方法，增强文档可读性。

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

Markdown中设置图片尺寸及添加图注

1 设置图片尺寸大小

优快云上传图片时（上传图片就不介绍了），常常出现图片尺寸过大，没有办法调整，如下图：

解决方法：

 #使用下面的语句，可以调整图片尺寸大小，同时保证长宽比；
 #在图片资源地址处，插入上传图片的资源地址，设置缩放比为60%；
 <img src="图片资源地址" width="60%" alt=""/>

具体示例：

在这里插入图片描述
上图黄色标记的就是上传到优快云的图片资源地址，选中复制。

设置语句如下：

缩放比设置为40% 。

最终结果：

2 添加图注

将下面一段代码直接复制粘贴到文本中：

<center>
    <img style="border-radius: 0.3125em;
    box-shadow: 0 2px 4px 0 rgba(34,36,38,.12),0 2px 10px 0 rgba(34,36,38,.08);" 
    src="这里输入图片地址">
    <br>
    <div style="color:orange; border-bottom: 1px solid #d9d9d9;
    display: inline-block;
    color: #999;
    padding: 2px;">这里输入题注</div>
</center>

具体示例：

<center>
<img style="border-radius: 0.3125em;
box-shadow: 0 2px 4px 0 rgba(34,36,38,.12),0 2px 10px 0 rgba(34,36,38,.08);" 
src="assets/20160727163519029">
<br>
<div style="color:orange; border-bottom: 1px solid #d9d9d9;
display: inline-block;
color: #999;
padding: 2px;">线程</div>
</center>