md 文件的常用编辑介绍

article/2025/11/1 19:09:33

正文:

1、标题的几种写法:

第一种:

   

前面带#号,后面带文字,分别表示h1-h6,上图可以看出,只到h6,而且h1下面会有一条横线,注意,#号后面有空格

第二种:

    

这种方式好像只能表示一级和二级标题,而且=和-的数量没有限制,只要大于一个就行

第三种:

   

这里的标题支持h1-h6,为了减少篇幅,我就偷个懒,只写前面二个,这个比较好理解,相当于标签闭合,注意,标题与#号要有空格

那既然3种都可以使用,可不可以混合使用呢?我试了一下,是可以的,但是为了让页面标签的统一性,不建议混合使用,推荐使用第一种,比较简洁,全面

为了搞清楚原理,我特意在网上搜一下在线编写markdown的工具,发现实际上是把这些标签最后转化为html标签,如图:

在线地址请看这里: markdown在线编辑 (只是想看看背后的转换原理,没有广告之嫌)

2、列表

我们都知道,列表分为有序列表和无序列表,下面直接展示2种列表的写法:

   

可以看到,无序列表可以用* , + , — 来创建,用在线编辑器看,实际上是转换成了ul>li ,所以使用哪个都可以,推荐使用*吧

    

有序列表就相对简单一点,只有这一种方式,注意,数字后面的点只能是英文的点,特别注意,有序列表的序号是根据第一行列表的数字顺序来的,比如说:

      

第一组本来是3 2 1 倒序,但是现实3 4 5 ,后面一组 序号是乱的, 但是还是显示 3 4 5 ,这点必须注意了

3、区块引用

比如说,你想对某个部分做的内容做一些说明或者引用某某的话等,可以用这个语句

  

无序列表下方的便是引用,可以有多种用途,看你的需求了,用法就是在语句前面加一个 > ,注意是英文的那个右尖括号,注意空格

引用因为是一个区块,理论上是应该什么内容都可以放,比如说:标题,列表,引用等等,看看下图:

   

将上面的代码稍微改一下,全部加上引用标签,就变成了一个大的引用,还有引用里面还有引用,那引用嵌套引用还没有别的写法呢?

    

上图可以看出,想要在上一次引用中嵌套一层引用,只需多加一个>,理论上可以无限嵌套,我就不整那么多了,注意:多层嵌套的>是不需要连续在一起的,只要在一行就可以了,中间允许有空格,但是为了好看,还是把排版搞好吧

4、华丽的分割线

分割线可以由* - _(星号,减号,底线)这3个符号的至少3个符号表示,注意至少要3个,且不需要连续,有空格也可以

   

应该看得懂吧,但是为了代码的排版好看,你们自己定规则吧,前面有用到星号,建议用减号

5、链接

支持2种链接方式:行内式和参数式,不管是哪一种,链接文字都是用 [方括号] 来标记。

    

上图可知,行内式的链接格式是:链接的文字放在[]中,链接地址放在随后的()中,举一反三,经常出现的列表链接就应该这样写:

  

链接还可以带title属性,好像也只能带title,带不了其他属性,注意,是链接地址后面空一格,然后用引号引起来

这是行内式的写法,参数式的怎么写:

    

这就好理解了,就是把链接当成参数,适合多出使用相同链接的场景,注意参数的对应关系,参数定义时,这3种写法都可以:

[foo]: http://example.com/ "Optional Title Here"

[foo]: http://example.com/ 'Optional Title Here'

[foo]: http://example.com/ (Optional Title Here)

还支持这种写法,如果你不想混淆的话:

[foo]: <http://example.com/> "Optional Title Here"

其实还有一种隐式链接的写法,但是我觉得那种写法不直观,所以就不写了,经常用的一般就上面2种,如果你想了解隐式链接,可以看我文章最后放出的参考地址

6、图片

图片也有2种方式:行内式和参数式,

   

用法跟链接的基本一样,唯一的不同就是,图片前面要写一个!(这是必须的),没什么好说的

7、代码框

这个就比较重要了,很多时候都需要展示出一些代码

如果代码量比较少,只有单行的话,可以用单反引号包起来,如下:

   

要是多行这个就不行了,多行可以用这个:

    

多行用三个反引号,如果要写注释,可以在反引号后面写

8、表格

这个写的有点麻烦,注意看

    

从这3种不同写法看,表格的格式不一定要对的非常起,但是为了好看,对齐肯定是最好的,第一种的分割线后面的冒号表示对齐方式,写在左边表示左对齐,右边为右对齐,两边都写表示居中,还是有点意思的,不过现实出来的结果是,表格外面并没有线框包起来,不知道别人的怎么弄的

9、强调

     

一个星号或者是一个下划线包起来,会转换为<em>倾斜,如果是2个,会转换为<strong>加粗

10、转义

     

就不一一列举了,基本上跟js转义是一样的

11、删除线

   

常用的基本上就这些了,如果还有一些常用的,可以跟我留言,我补充上去,我觉得图文并茂才是高效学习的正确姿势,但愿为你的学习带来帮助!

参考文献:

Markdown 语法说明(简体中文版)

认识与入门 Markdown - 少数派


http://chatgpt.dhexx.cn/article/0iG22uiC.shtml

相关文章

.md文件格式详解,即markdown文件语法(图文并茂),新生代农民工必备技能

示例源码 lishuoboy-markdown CSND 目录 介绍 0.目录[toc] 1.标题&#xff08;#&#xff09; 2.段落&#xff08;空行&#xff09; 3.换行&#xff08;2个空格或\&#xff09; 4.文字格式&#xff08;*&#xff09; 5.引用&#xff08;>&#xff09; 6.列表&…

apicloud Frame页bgColor设置不起作用的问题

<link rel"stylesheet" type"text/css" href"../css/api.css"/> 这个在Frame页删掉 亲测

html5元素简介p、br/、、background属性与bgcolor属性

本文是我自己在学习过程中总结出来的一些基础标签的使用&#xff0c;以及它们之间存在的细微区别。 1、<p>标签和<br/>标签 打开chrome浏览器查看执行效果如下图&#xff1a; 可以看到<p>标签是段落元素&#xff0c;标签中的内容以段落的形式显示&#xff0c…

[JS9] document's bgColor改变背景颜色

1 <HTML>2 <HEAD>3 <TITLE>设置背景颜色</TITLE>4 </HEAD>5 <BODY>6 <CENTER>7 <FORM>8 <BR>9 <H1> 10 利用 documents bgColor 属性 11 …

【HTML】背景色(bgcolor),背景图片(background),字体(font)

<!-- 内容&#xff1a; 1.body的背景颜色设置--bgcolor 2.body的背景图片设置--background 3.table的背景色设计--bgcolor 4.字体属性设置--color,size --> <html> <head><meta charset"UTF-8"><title>背景色和背景图片</title>…

html的表格的属性设置颜色,HTML表格标记教程(20):行的背景色属性BGCOLOR

HTML表格标记教程(20):行的背景色属性BGCOLOR 互联网 发布时间&#xff1a;2008-10-17 18:56:42 作者&#xff1a;佚名 我要评论 通过BGCOLOR属性&#xff0c;可以设定行的背景颜色。 基本语法 语法解释 定义颜色的时候&#xff0c;可以使用英文颜色名称或十六进制颜色值…

HTML修改tr背景色,HTML tr bgcolor 属性

HTML bgcolor 属性 在建立表格时&#xff0c;如果您需要为表格中的行添加背景颜色&#xff0c;那么可以使用 bgcolor 属性&#xff0c;下述的例子为表格的第一行添加了背景颜色&#xff0c;您可以尝试为该表格的第二行添加背景色(参考本手册的 HTML 颜色名一节)&#xff1a; 实…

bgcolor是html的属性,HTML bgcolor属性用法及代码示例

HTML bgcolor属性用于设置HTML元素的背景色。 Bgcolor是级联样式表的实现已弃用的那些属性之一(请参阅CSS背景)。 用法: 支持的标签&#xff1a; marquee tBody tFoot tHead 例&#xff1a;HTML HTML table bgcolor Attribute GeeksforGeeks HTML table bgcolor Attribute bgc…

OCR项目实战,想要快速熟悉ocr项目的可以看过来,从CTP N到CRNN,从原理到源码带你快速熟悉,让你在最短时间掌握最核心内容!

OCR项目实战&#xff0c;想要快速熟悉ocr项目的可以看过来&#xff0c;从CTP N到CRNN&#xff0c;从原理到源码带你快速熟悉&#xff0c;让你在最短时间掌握最核心内容&#xff01;

深度学习cptn+crnn的OCR原理

CPTN CRNN 总结 首先我们要看ocr要做的是什么&#xff0c;识别一张图片里面的一行文字&#xff0c;输出来&#xff0c; 假如我一张图片里面只有一行文字&#xff0c;但是这一行文字只占了中间的一个区域&#xff0c;两边有很多空的地方&#xff0c;那么我怎么做呢&#xff0c;…

Win10配置TensorFlow

1.下载安装Python3.5 因为3.6在windows下暂时还没提供pip的接口…… 确保环境添加好了环境变量&#xff08;PowerShell不用重启&#xff09; 2.安装Tensorflow 管理员打开PowerShell pip3 install --upgrade tensorflow 或者&#xff1a; pip3 install tensorflow pip3 inst…

翻译CTPN:Detecting Text in Natural Image with Connectionist Text Proposal Network

Detecting Text in Natural Image with Connectionist Text Proposal Network 使用Connectionist文本提议网络检测自然图像中的文本 Abstract. We propose a novel Connectionist Text Proposal Network (CTPN) that accurately localizes text lines in natural image. The C…

TensorFlow CTPN Demo Windows 无痛搭建

TensorFlow CTPN Demo Windows 无痛搭建 一原材料 PyCharm 下载地址: http://www.jetbrains.com/pycharm/TensorFlow 安装教程移步至: https://blog.csdn.net/yx123919804/article/details/84111774CTPN源码 下载地址: https://github.com/eragonruan/text-detection-ctpn/rel…

CRNN——pytorch + wrap_ctc编译,实现pytorch版CRNN

文章目录 简介CTC网络的输入CTC网络的计算过程CTC网络的输出pytorch安装warp-CTC安装Bug解决References 简介 CTC可以生成一个损失函数&#xff0c;用于在序列数据上进行监督式学习&#xff0c;不需要对齐输入数据及标签&#xff0c;经常连接在一个RNN网络的末端&#xff0c;训…

OCR文本扫描 轮廓检测 透视变换

OCR文本扫描项目实战(图像预处理&#xff0c;调用pytesseract.image_to_string()完成文本识别) 本项目和源代码来自唐宇迪opencv项目实战 本文是一篇OCR文本扫描项目实战的学习笔记。在opencv-python环境下对图像进行轮廓检测、透视变换等处理。调用pytesseract模块实现文本扫…

搭建CRNN模型(基于windows与tensorflow)

3.1.1.CRNN介绍 通过CNN将图片的特征提取出来后采用RNN对序列进行预测&#xff0c;最后通过一个CTC的翻译层得到最终结果。说白了就是CNNRNNCTC的结构。 Git 地址https://github.com/bgshih/crnn 论文&#xff1a;paper http://arxiv.org/abs/1507.05717. 3.1.2.CNN介绍 CNN…

CTPN训练集准备

去down vgg_16.ckpt预训练模型准备一堆你需要训练的图片&#xff0c;使用labelme进行标注&#xff0c;得到一堆json文件 json文件大致如下&#xff1a; {"flags": {},"shapes": [{"label": "str","line_color": null,"…

【项目实践】中英文文字检测与识别项目(CTPN+CRNN+CTC Loss原理讲解)

点击上方“小白学视觉”&#xff0c;选择加"星标"或“置顶” 重磅干货&#xff0c;第一时间送达本文转自&#xff1a;opencv学堂 OCR——简介 文字识别也是图像领域一个常见问题。然而&#xff0c;对于自然场景图像&#xff0c;首先要定位图像中的文字位置&#xff0…

『工程项目实践』银行卡识别(CTPN+CRNN)

银行卡识别 前言一、数据预处理1.1 数据准备1.2 数据增强 二、训练&#xff08;CRNN&#xff09;三、需要修改的内容3.1 数据增强3.2 训练 四、CRNN 结构说明4.1 CNN4.2 BiLSTM4.3 CTC 五、卡号检测六、BIN码校验参考链接 前言 对各种银行卡进行卡号识别&#xff0c;CTPN 进行文…

【深度学习】YOLOv5 中使用的 CSPNet 是怎么回事

论文&#xff1a;https://arxiv.org/pdf/1911.11929.pdf CSPNet全称是Cross Stage Partial Network&#xff0c;主要从一个比较特殊的角度切入&#xff0c;能够在降低20%计算量的情况下保持甚至提高CNN的能力。 跨阶段局部网络&#xff08;CSPNet&#xff09;是 Wang 等人于 20…