在Markdown中插入图片及图注的方法

zz/2024/3/2 12:44:44

一般方法

格式为:

![图片替换文字](图片地址)

这里不建议从剪贴板或本地直接粘贴到Markdown文档中,个人使用的是iPic(Mac App Store)图床,简单易用且免费。
下面是一些进阶操作。

插入图注,并调整尺寸

<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="在这里插入图片地址" width = "65%" alt=""/><br><div style="color:orange; border-bottom: 1px solid #d9d9d9;
    display: inline-block;
    color: #999;
    padding: 2px;">在这里插入图片注释</div>
</center>

其中width = "65%"可以将图片宽度(等比例)压缩为整页宽的65%。
图注部分在Typora中显示正常,但在CSDN中,图注与图片之间会有较大空隙(目前不知道如何解决)。
若要插入包含LaTeX的图注,注释部分改为下面的代码即可。

      在这里插入图片注释<img src="http://latex.codecogs.com/gif.latex? 在这里输入LaTeX公式"  />

但HTML对LaTeX的支持似乎不是很好,公式字迹不是很清晰,CSDN中还会出现公式与图注不在一行的现象。

并排插入两张图片

 <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="在这里插入图片1地址" width = "30%" alt=""/><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="在这里插入图片2地址" width = "30%" alt=""/><br><div style="color:orange; border-bottom: 1px solid #d9d9d9;
    display: inline-block;
    color: #999;
    padding: 2px;">在这里插入图片注释</div>
</center>

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

相关文章

word2016添加题注|图注文献标号的交叉引用及引用的更新|添加不同类型的页码|文献自动编号|文献编号的自动引用|删除空白页

这里写目录标题插入题注交叉引用交叉引用的更新添加页码添加页眉删除页眉下面的横线文献的编号及文献编号的引用编号编号的引用编号的位置删除空白页删除页眉中的一条横线AXmath交叉引用公式插入题注 题注就是在图下&#xff0c;表上写图1.1、图2.1、表1.1等… 插入题注的功能…

论文写作—如何添加图注、公式、表注的序号,自动编号,交叉引用方式

图注添加&#xff1a;第一步&#xff1a;将光标放在要加入图注的位置&#xff0c;输入“图2.” 此时按下快捷键 Ctrl F9&#xff0c;然后在显示的花括号中输入 { Seq f2 \s 1 } 花括号中有4个量&#xff0c; 第一个&#xff1a;“Seq”&#xff0c;不区分大小写&#xff1b;…

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

Markdown中设置图片尺寸及添加图注 1 设置图片尺寸大小 CSDN上传图片时&#xff08;上传图片就不介绍了&#xff09;&#xff0c;常常出现图片尺寸过大&#xff0c;没有办法调整&#xff0c;如下图&#xff1a; 解决方法&#xff1a; #使用下面的语句&#xff0c;可以调整图…

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;但是细看之…