CSDN的Markdown语法

已于 2022-08-21 23:59:26 修改
阅读量1.8k 收藏 2
点赞数
文章标签： 学习
于 2022-04-05 17:34:01 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_38380338/article/details/121927699
版权

一、基础语法

1. 添加图片

（1）语法格式

![在这里插入图片描述](在这里添加链接地址)

（2）示例

![百度logo](https://img-blog.csdnimg.cn/9484df80f20a42b891bbc9f449989f87.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5o-q44CC,size_20,color_FFFFFF,t_70,g_se,x_16)

效果：
在这里插入图片描述
（3）参数
#pic_center：在链接地址后加上此参数可使得图片位置居中。

![百度logo](https://img-blog.csdnimg.cn/9484df80f20a42b891bbc9f449989f87.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5o-q44CC,size_20,color_FFFFFF,t_70,g_se,x_16#pic_center)

效果：
百度logo
=长x宽：调整图片的尺寸。在设置尺寸前需要输入空格！

![百度logo](https://img-blog.csdnimg.cn/9484df80f20a42b891bbc9f449989f87.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5o-q44CC,size_20,color_FFFFFF,t_70,g_se,x_16 =30x30)

效果：
百度logo

2.添加链接

（1）语法格式

  在图片格式上少了一个“!”

[在这里插入图片描述](在这里添加链接地址)

（2）示例

[百度网址](https://www.baidu.com/)

效果：百度网址

3.列表

  注：下述所有列表，均可通过tab键生成子列表（“缩进列表”也适用）在需要变为子列表的列表前用tab键即可！

3.1 无序列表

（1）语法格式

  敲上- 、*或+后，再敲一个空格接上文字即可。

（2）示例

- 甲
* 乙
+ 丙
效果：
  • 甲
  • 乙
  • 丙
3.2 有序列表

（1）语法格式

  敲上1. 、2.或3.等数字加英文的点后，再敲一个空格接上文字即可。

（2）示例

1.  甲
2.  乙
3.  丙
效果：
  1. 甲
  1. 乙
  1. 丙
3.3 缩进列表

（1）语法格式
  用:加空格标记要缩进的行
（2）示例

项目１
: 定义 A
: 定义 B

项目２
: 定义 C
: 定义 D

效果：

项目１
定义 A
定义 B
项目２
定义 C
定义 D

4.复选框

（1）语法格式
在无序列表符号后面加上[]或者[x]代表选中或者未选中情况

- [x] 选项一 
- [ ] 选项二

（2）示例

- [ ] 计划任务
- [x] 完成任务

效果：

  • 计划任务
  • 完成任务

5.分割线

（1）语法格式
在一行中用三个以上的星号、减号、下划线来建立一个分隔线，可以在星号或是减号中间插入空格。
（2）示例

***
* * * 
*******
---
_____

效果：

6.中文首行缩进

（1）语法格式

  • 把输入法由半角改为全角。 两次空格之后就能够有两个汉字的缩进。
  • 在段落开头的时候，先输入：  或 然后紧跟着输入文本即可。

（2）示例

 缩进中文1
  缩进中文1
 缩进中文2
  缩进中文2

效果：
 缩进中文1
  缩进中文1
 缩进中文2
  缩进中文2

可以看到，字符数量决定了缩进的距离， 比 缩进的距离大。

7.目录

（1）语法格式

@[TOC](这里写目录标题)

（2）示例

@[TOC](此文章标题)

此文章标题

8.注脚

  常见于内容的引用、原出处、说明等批注，点击脚注即可跳转到注脚引用内容或者说明处。多个注脚会自动按照1，2，3…的顺序编号，且注脚的内容会自动置于文章最末端。
（1）语法格式

生成一个注脚[^footnote].
[^footnote]: 注脚内容。  

注：footnote是自定义变量

（2）示例

这是注脚①[^footnote1]，这是注脚②[^footnote2]
[^footnote1]: 注脚①的具体内容.
[^footnote2]: 注脚②的具体内容.

这是注脚①1，这是注脚②2

9.注释

  常见于内容的点线文本的补充说明。需要注释的词语前后均需输入空格进行标记。

（1）语法格式

Markdown将文本转换为 HTML。

*[HTML]:超文本标记语言

（2）示例

人工智能包含了 机器学习。

*[机器学习]:机器学习所研究的主要内容，是关于在计算机上从数据中产生"模型"的算法，即"学习算法"。目标是是使学得的模型能很好地适用于"新样本"，而不是仅仅在训练样本上工作得很好，即提高”泛化“能力。

人工智能包含了 机器学习。

10.文本样式

10.1强调文本

  用星号(*)或单下划线(_)将需要强调的文本前后标记。对于单下划线，还需在标记文本前输入空格。

（1）语法格式

*强调文本*
_强调文本_

（2）示例

这是一个*强调*。
这是一个 _强调_。

这是一个强调。
这是一个 强调。

10.2加粗文本

  用双星号(**)或双下划线(__)将需要加粗的文本前后标记。对于双下划线，还需在标记文本前输入空格。

（1）语法格式

**加粗文本**
__加粗文本__

（2）示例

这是一个**加粗**。
这是一个 __加粗__。

这是一个加粗。
这是一个 加粗。

10.3标记文本

  用双等号(==)标记文本。被标记的文本显示黄色底纹。

（1）语法格式

==标记文本==

（2）示例

这是一个==标记==。

这是一个标记。

10.4删除文本

  用双波浪(~~)将需要删除的文本前后标记。

（1）语法格式

~~删除文本~~

（2）示例

~~此处删除~~

此处删除

10.5引用文本

  用大于号(>)标记所在文本为别处引用。
（1）语法格式

>引用文本

（2）示例

>实践是检验真理的唯一标准。

实践是检验真理的唯一标准。

11.代码片段表示

代码片段需要使用重音符号 (`). 不同于预格式的代码块, 代码片段只是在普通段落中标识出代码。

（1）语法格式

`代码片段`

（2）示例

`print`

print

12.文字下标

下标文字要用一对~修饰。

（1）语法格式

上标~下标~

（2）示例

H~2~O~2~

效果：
H2O2

13.表格

（1）语法格式

| Column 1 | Column 2|
|:--------:| ---------:|
| centered 文本居中 | right-aligned 文本居右 |

（2）示例

项目  | Value
:---- | -----
电脑  | $1600
手机  | $12
导管  | $1
项目Value
电脑$1600
手机$12
导管$1

14.LaTeX数学公式

详见：Cmd Markdown 公式指导手册

15.键盘键

（1）语法格式

<kbd>键值</kbd>

（2）示例

<kbd>Ctrl</kbd>
<kbd>Shift</kbd>
<kbd>Tab</kbd>

Ctrl Shift Tab

二、HTML高级用法

1.插入图片

（1）语法格式

<img src="图片链接" width="50%">

width：设置图片的大小

（2）示例

<img src="https://img-blog.csdnimg.cn/9484df80f20a42b891bbc9f449989f87.png" width="10%">

<img src="https://img-blog.csdnimg.cn/9484df80f20a42b891bbc9f449989f87.png" width="50%">

效果：

2.设置字体样式、字体颜色及字体大小

（1）语法格式

<font color=#0099ff size=7 face="黑体">此处放置所要修改字体格式的内容</font>

参数说明：

参数名称参数说明参数值
color颜色
size字体大小文本的尺寸大小，可能的值：从 1 到 7 的数字。浏览器默认值是 3。
face字体样式在英文双引号中输入样式名称。常见的有楷体、黑体、微软雅黑、STCAIYUN(华文彩云)、宋体、fantasy等

（2）示例

效果：

<font color=#0099ff size=5 face="黑体">字体样式示例</font>

字体样式示例

3.设置文字位置

（1）语法格式

<center>文字居中</center>
<p align="left">文字左对齐</p>
<p align="right">文字右对齐</p>

（2）示例

<center>居中</center>
<p align="left">左对齐</p>
<p align="right">右对齐</p>

效果：

居中

左对齐

右对齐

  注：<center></center>可以和<font></font>结合使用，使用方法为：<center><font>文字</font></center>

4.文字上下标

上标文字要用< sup >< /sup >修饰，下标文字要用< sub >< /sub >修饰。

（1）语法格式

文字<sup>上标</sup>
文字<sub>下标</sub>

（2）示例

说明<sup>1</sup>
H<sub>2</sub>O

效果：
说明1
H2O

5.设置字体背景色

（1）语法格式

<table><tr><td bgcolor=gray>此处是需加背景色的文字</td></tr></table>

（2）示例

<table><tr><td bgcolor=red>此处是编辑的文字</td></tr></table>
此处是编辑的文字
红色和粉红色，以及它们的16进制代码
#0099ff#CC6699#FF6699#FF3366#993366#CC0066#CC0033#FF0066#FF0033#CC3399
#FF3399#FF9999#FF99CC#FF0099#CC3366#FF66CC#FF33CC#FFCCFF#FF99FF#FF00CC

紫红色，以及它们的16进制代码
#FF66FF#CC33CC#CC00FF#FF33FF#CC99FF#9900CC#FF00FF#CC66FF#990099#CC0099
#CC33FF#CC99CC#990066#993399#CC66CC#CC00CC#663366

蓝色，以及它们的16进制代码
#660099#666FF#000CC#9933CC#666699#660066#333366#0066CC#9900FF#333399
#99CCFF#9933FF#330099#6699FF#9966CC#3300CC#003366#330033#3300FF#6699CC
#663399#3333FF#006699#6633CC#3333CC#3399CC#6600CC#0066FF#0099CC#9966FF
#0033FF#66CCFF#330066#3366FF#3399FF#6600FF#3366CC#003399#6633FF#000066
#0099FF#CCCCFF#000033#33CCFF#9999FF#0000FF#00CCFF#9999CC#000099#6666CC
#0033CC
黄色、褐色、玫瑰色和橙色，以及它们的16进制代码
#FFFFCC#FFCC00#CC99090#663300#FF6600#663333#CC6666#FF6666#FF0000#FFFF99
#FFCC66#FF9900#FF9966#CC3300#996666#FFCCCC#660000#FF3300#FF6666#FFCC33
#CC6600#FF6633#996633#CC9999#FF3333#990000#CC9966#FFFF33#CC9933#993300
#FF9933#330000#993333#CC3333#CC0000#FFCC99#FFFF00#996600#CC6633

绿色，以及它们的16进制代码
#99FFFF#33CCCC#00CC99#99FF99#009966#33FF33#33FF00#99CC33#CCC33#66FFFF
#66CCCC#66FFCC#66FF66#009933#00CC33#66FF00#336600#33300#33FFFF#339999
#99FFCC#339933#33FF66#33CC33#99FF00#669900#666600#00FFFF#336666#00FF99
#99CC99#00FF66#66FF33#66CC00#99CC00#999933#00CCCC#006666#339966#66FF99
#CCFFCC#00FF00#00CC00#CCFF66#CCCC66#009999#003333#006633#33FF99#CCFF99
#66CC33#33CC00#CCFF33#666633#669999#00FFCC#336633#33CC66#99FF66#006600
#339900#CCFF00#999966#99CCCC#33FFCC#669966#00CC66#99FF33#003300#99CC66
#999900#CCCC99#CCFFFF#33CC99#66CC66#66CC99#00FF33#009900#669900#669933
#CCCC00
白色、灰色和黑色，以及它们的16进制代码
#FFFFF#CCCCCC#999999#666666#333333#000000
16色和它们的16进制代码
AquaBlackFuchsiaGrayGreeLimeMaroonNavyOlivePurple
RedSilverTealWhiteYellowBlue

6.表格

  表格由 table 标签来定义。每个表格均有若干行（由 tr 标签定义），每行被分割为若干单元格。这些行可以是表头或表数据，表格的表头使用 th 标签进行定义。表数据由 td 标签定义。

（1）语法格式

<table>
<tr>
<th>Heading</th>
<th>Another Heading</th>
</tr>
<tr>
<td>row 1, cell 1</td>
<td>row 1, cell 2</td>
</tr>
<tr>
<td>row 2, cell 1</td>
<td>row 2, cell 2</td>
</tr>
</table>

table标签的参数说明：

参数名称参数说明参数值
border规定规定围绕表格的边框的宽度如 border=“1”

td标签的参数说明：

参数名称参数说明参数值
bgcolor背景颜色参考上述颜色值
colspan规定单元格可横跨的列数colspan=“value”（colspan=“0” 指示浏览器横跨到列组的最后一列）
rowspan规定单元格可竖跨的行数rowspan=“value”（colspan=“0” 指示浏览器竖跨到行组的最后一行）
align规定单元格文本的位置left（左对齐）、right（右对齐）、center（居中）

（2）示例

<table>
<tr>
<th>项目</th>
<th>Value</th>
</tr>
<tr>
<td>电脑</td>
<td>$1600</td>
</tr>
<tr>
<td>手机</td>
<td>$12</td>
</tr>
<tr>
<td>导管</td>
<td>$1</td>
</tr>
</table>
项目Value
电脑$1600
手机$12
导管$1

7.跳转到指定位置之锚点链接

  锚点链接 是超链接的一种，锚点可以连接到文档中的某一个特定位置。对于较长的页面来说，使用锚点链接可以快速定位到页面中的某一个位置，提升用户体验。

（1）语法格式

  在HTML中，当a标签中href=“#xxx”，点击后，页面会跳转到标签中id="xxx"的地方。

<a href="#example">点击跳转</a>

<div id='example'>跳转位置</div>

（2）示例

<div id='example'></div>     # 将此标签放置在文章开头

<a href="#example">点击跳转到文章开头</a>

点击跳转到文章开头

8.分割线

（未完待续）

  1. 注脚①的具体内容. ↩︎

  2. 注脚②的具体内容. ↩︎

揪。
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
PHP 生成Excel报表基本操作
niexinjin的博客
01-08 2096
PHP生成Excel基础操作 1.基本操作 导出excel属性设置 //Include class require_once(‘Classes/PHPExcel.php’); require_once(‘Classes/PHPExcel/Writer/Excel2007.php’); $objPHPExcel = new PHPExcel(); //Set properties 设置文件属性 $objPHPExcel->getProperties()->setCreator(“Maarten B
CSDN-markdown基本语法说明
程序媛想事儿
03-16 1万+
概述 简单介绍Markdown CSDN Markdown的功能支持 标题 Setext形式 atx形式 区块引用 分隔线 强调 列表 无序列表 有序列表 注意事项 链接 自动链接 普通文本链接 行内式链接 参考式链接 代码 行内代码 代码区块 反斜杠的用处 常见问题 参考资料 概述简单介绍MarkdownMarkdown 是一种轻量级标记语言，它允许人们使用易读易写的纯文本格式编写文档
CSDN Markdown编辑实用技巧（不断更新）：图片居中，图片描述、添加空行等
SLAM小学僧
06-22 1486
CSDN Markdown编辑实用技巧（不断更新）一、图片处理1. 图片描述2. 图片位置摆放3. 图片大小二、空格或空行 一、图片处理 1. 图片描述 在需要添加描述的在图片下方加入如下（注意：不需要添加代码块）： <center><b><font size ='2'>图片描述</font></b></center></font> Markdown编辑示例： 效果如下： 添加注释 图1. 奔跑的小猪猪 2. 图片
web安全色
wangxiaohui6687的专栏
01-25 1万+
Web上的颜色运用，对于设计师来说是小菜一碟，对于不是设计师来说还真是头痛的事情。打个比方说，Web的安全色是什么？或者说Web的安全色有多少？说实话，我以前只知道一个数字216，但我不知道具体是什么？今天为大家整理了216个web安全颜色，仅供大家参考。 Web安全色产生的原因 不同的平台（Mac、PC等）有不同的调色板，不同的浏览器也有自己的调色板。这就意味着对于一幅图，显示在Ma
signature=a3f2e15a5fd7c6b48a95441dea30fd72,encrypt-loader/yarn.lock at d37a49a9eed37443cd4c87c9e5847...
weixin_39980184的博客
05-30 2万+
# THIS IS AN AUTOGENERATED FILE. DO NOT EDIT THIS FILE DIRECTLY.# yarn lockfile v1"@babel/cli@^7.2.3":version "7.2.3"resolved "http://npm.zymreal.com/@babel%2fcli/-/cli-7.2.3.tgz#1b262e42a3e959d28ab3d...
CSDN Markdown语法.ynt
08-01
你好！ 这是你第一次使用 **Markdown编辑器** 所展示的欢迎页。如果你想学习如何使用Markdown编辑器, 可以仔细阅读这篇文章，了解一下Markdown的基本语法知识。
markdown语法
01-27
总的来说，Markdown语法是IT行业中不可或缺的一部分，无论是开发者记录代码笔记，还是博主撰写文章，都能极大地提升写作效率和阅读体验。了解并熟练掌握Markdown，将使你在文档创作方面更加得心应手。
markdown语法演示代码
11-10
Markdown的语法演示代码 适合用typora打开 配合https://blog.csdn.net/qq_41554005/article/details/109599364 使用
csdn文章转换为markdown格式
10-01
3. **Markdown转换**：将HTML转换为Markdown，可能使用了如`html2text`这样的Python库，它能将HTML标签转换成对应的Markdown语法。 4. **用户界面**：`csdn.exe`可能是一个带有图形用户界面（GUI）的应用程序，使用...
Markdown语法完美案例(CSDN常用)
学术小渣渣的博客
11-13 895
文章目录 一、代码集合二、空格三、颜色四、加粗五、倾斜、删除线、单行代码六、目录七、标题（用来显示在Markdown自动生成的目录中） 标题1标题2标题3标题4标题5标题6 八、有序标题九、无序列表十、任务列表十一、引用十二、表格十三、...
ma:Markdown 锚点
06-28
嘛 使创建目录部分变得简单，其中包含指向文档内容中标题锚点的锚链接。 安装 npm install ma -g或克隆源。 用 Ma 假定您使用正确的缩进样式。 每个缩进级别没有制表符和两个或四个空格。 通过将目录放在以下两个注释之间来定义目录的位置： <!--- TABLE_OF_CONTENTS --> <!--- /TABLE_OF_CONTENTS --> 。 通过放置（在）以下两个注释来定义（放置位置）您的内容的位置： <!--- CONTENT --> <!--- /CONTENT --> 之后，从命令行运行ma myMarkdownFile.md 。 如果您在未指定文件的情况下运行 ma，它将自动尝试查找具有.md或.markdown文件扩展名的文件。 自动内容 如果内容为空，它会自动放置标题。 当您的文档的一个部分有一个子部分时，它会自动给它一个较小的字体大
CSDN-markdown编辑器使用方法
老猿Python
07-12 820
这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入 欢迎使用Ma...
CSDN网页转Markdown
最新发布
李青鸽的博客
11-09 1269
将csdn网页内容转化为markdown文本保存
【MarkDown】CSDN Markdown之甘特图gantt详解
少莫千华
06-17 3849
甘特图（Gantt chart）又称为横道图、条状图（Bar chart），通过条状图来显示项目、进度和其他时间相关的系统进展的内在关系随着时间进展的情况。以提出者亨利·劳伦斯·甘特（Henry Laurence Gantt）先生的名字命名。– 百度百科甘特图将每个计划的任务记录为一个连续的条形图，从左到右延伸。X轴代表时间，Y轴记录不同的任务及其完成顺序。通过不同长度和颜色的条形图，可以清晰地展示每个任务的开始时间、结束时间、持续时间和完成情况。
signature=ae0de8e34b6245c325b1b433d9eb5401,ELMA 德国艾尔玛，机械式增量型编码器， E27-0-21151 AL011...
热门推荐
weixin_36483050的博客
05-29 5万+
产品详情元件型号国家/地区供应商种类总数E27-0-20101AL001US2290E27-0-20101AL001CA1157其他元器件国家/地区供应商种类总数E27-0-21151AL011566270E27-0-21251AE211233168E2702AXF233817E27-0-20151AL01122221E27-0-20051AL011122160E27-0-21101AL00122...
带你玩转Markdown---CSDN编辑器测评
未见花闻的博客
11-16 935
大家好！本篇文章将介绍Markdown编辑器（CSDN）的一些使用技巧，使用心得，以及对CSDN的Markdown编辑器的一些评价。
配色使用的原色
My Backup
06-27 1153
a {text-decoration: none;}a:hover {text-decoration:underline;}.tableborder{border-collapse: collapse;}.tdborder{border: solid 1px #000000;}td{/*font-weight:bold;*/font-size: 80%;
Android的十六进制颜色值
ElaineYY714的专栏
09-11 964
颜色和不透明度 (alpha) 值以十六进制表示法表示。任何一种颜色的值范围都是 0 到 255（00 到 ff）。对于 alpha，00 表示完全透明，ff 表示完全不透明。表达式顺序是“aabbggrr”，其中“aa=alpha”（00 到 ff）；“bb=blue”（00 到 ff）；“gg=green”（00 到 ff)；“rr=red”（00 到 ff）。 参考1：http:/
关于在CSDN中写博客时如何插入图片
未来，你好！
08-21 4210
最近在在CSDN中写博客的时候发现自己插入到博文中的图片在保存完以后就没有了，研究了一下，把问题解决了！ 想必大家也会遇到这个问题，就给大家总结一下！
markdown语法csdn
09-03
CSDN 支持使用 Markdown 语法编写文章，以下是一些常用的 Markdown 语法示例： 1. 标题：使用 `#` 符号表示标题级别，`#` 的数量表示级别的深度，例如 `# 一级标题`。 2. 强调：使用 `*` 或 `_` 包裹文本，例如 `*...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值