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

zz/2024/7/16 15:55:04

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


1 设置图片尺寸大小

CSDN上传图片时(上传图片就不介绍了),常常出现图片尺寸过大,没有办法调整,如下图:
示例

解决方法:
 #使用下面的语句,可以调整图片尺寸大小,同时保证长宽比;#在图片资源地址处,插入上传图片的资源地址,设置缩放比为60%;<img src="图片资源地址" width="60%" alt=""/>
具体示例:

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

设置语句如下:

缩放比设置为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>
最终结果:


http://www.ngui.cc/zz/2390179.html

相关文章

latex图注居中

1.有一个全局图片标题居中的方法&#xff1a; \usepackage[justificationcentering]{caption} 2.如果排版时有的图标题想左对齐&#xff0c;有的想居中&#xff0c;前一个方法就不好了&#xff0c;这里可以加上引用 \usepackage{caption} 如果还不行&#xff0c;在想居中的…

Word | 添加图题/图注、插入题注、设置插入题注快捷键...

1. 问题描述 在撰写论文和材料的时候&#xff0c;对图片的处理尤为重要。每一张图片都需要有图注&#xff0c;图注也需要特定格式&#xff0c;编有序号&#xff0c;可能还需要带有图片所在章节&#xff0c;并且在原文里要相应引用。 一旦插入或者减少某张图片&#xff0c;对于…

基于web的网上书城网站设计与实现(SpringBoot ,Vue,MySQL )

随着智能手机的普及&#xff0c;通过手机访问网络的用户数呈现爆发性增长。网络让生活也越来越便捷&#xff0c;人们从以前的实体店购买商品&#xff0c;到如今更多人在网上购买商品&#xff0c;节约了购买商品花费的时间&#xff0c;提高了生活的品质。图书一直都有庞大的市场…

javaweb课程设计网上书店

网上书店系统是一个基于Internet,采用B2C(Business to Consumers)模式&#xff0c;并根据现有的网上书店系统的现状而设计开发的电子商务平台.本文以JSP为开发技术&#xff0c;实现了一个虚拟的网上书店购物系统。网上书店系统分为前台管理系统和后台管理系统。本系统在这两方面…

基于springboot网上书城系统

开发工具&#xff1a;IDEA 服务器&#xff1a;Tomcat9.0&#xff0c; jdk1.8 项目构建&#xff1a;maven 数据库&#xff1a;mysql5.7 系统分用户前台和管理员后台两部分 前端技术&#xff1a;layui等框架实现 服务端技术&#xff1a;springbootmybatis 项目功能描述&am…

机器学习 | 朴素贝叶斯法知识总结

机器学习 | 朴素贝叶斯法理论知识 贝叶斯决策论是概率框架下实施决策的基本方法。对分类任务来说&#xff0c;在所有相关概率都已知的理想情况下&#xff0c;贝叶斯决策论考虑如何基于这些概率和误判损失来选择最优的类别标记。朴素贝叶斯法是基于贝叶斯原理与特征条件独立假设…

对比学习(Contrastive Learning)中的损失函数

文章目录写在前面一、Info Noise-contrastive estimation(Info NCE)1.1 描述1.2 实现二、HCL2.1 描述2.2 实现三、文字解释四、代码解释4.1 Info NCE4.2 HCL写在前面 最近在基于对比学习做实验&#xff0c;github有许多实现&#xff0c;虽然直接套用即可&#xff0c;但是细看之…

常见学习率衰减方式

学习率 学习率的作用 ​ 在机器学习中&#xff0c;监督式学习通过定义一个模型&#xff0c;并根据训练集上的数据估计最优参数。梯度下降法是一个广泛被用来最小化模型误差的参数优化算法。梯度下降法通过多次迭代&#xff0c;并在每一步中最小化成本函数&#xff08;cost 来…

i=i++深入解释

以下内容是在JAVA虚拟机中探究&#xff0c;学习C语言的小伙伴请自行绕开 一道基础的题目&#xff1a; int i0; ii; i?? 执行结果&#xff1a;0&#xff1b; why&#xff1f;&#xff1f;不应该是1吗?大脑中快速飞过计算步骤&#xff1a; i初始化位0&#xff0c;题目中是…

超简单!一部手机就能提取视频中的语音转换成文字

当我们工作中去整理一些视频资料时&#xff0c;有时候需要对视频中所讲的内容进行整理&#xff0c;这时候很多办公小白会采用传统的方法&#xff0c;就是需要一遍又一遍地看&#xff0c;并记录其中的内容。实际上我们可以提取视频中的语言&#xff0c;将相应的语音内容转换成文…