Markdown入门指南

news/2025/1/18 13:47:53/文章来源:https://www.cnblogs.com/XiongHaiyang/p/18338664

Markdown入门指南

HelyaHsiung
2021.9.27
SRE IN UESTC

1.The Title of Markdown

(1) Denote title using '=' or '-'

First title
===========Second title
-----------

(2) Denote title using '#'

# First title
## Second title
### Third title
#### Fourth title
##### Fifth title
###### Sixth title

2.The paragraph of Markdown

(1) Create a paragrapha by two blankspaces and an 'Enter'

Paragraph 1  
Paragraph 2

(2) Create a paragraph by two 'Enter'

Paragraph 1 Paragraph 2

3.The font of Markdown

*斜体文字*
_斜体文字_
**粗体文字**
__粗体文字__
***粗斜体文字***
___粗斜体文字___
CO<sub>2</sub>
O<sub>16</sub><sup>8</sup>
$O_{16}^{8}$

斜体文字
斜体文字
粗体文字
粗体文字
粗斜体文字
粗斜体文字
CO2
O168
\(O_{16}^{8}\)​

4.The split line of Markdown

You can create an new split line by more than 3 continuous '*', even with blankspace in them. However, other symbols or figures aren't permitted among '*', '-' or '_'.

***
* * *
---
- - -
___
_ _ _

5.The Strikethrough of Markdown

~~baidu~~

baidu

6.The underline of Markdown

<u>要加下划线的文本<u>                  //<u>为html语言$\underline{要加下划线的文本}$

\(\underline{要加下划线的文本}\)

7.The footnote of Markdown

使用 Markdown可以效率的书写文档, 直接转换成 HTML[1], 你可以使用 Typora[2] 编辑器进行书写。(引文见本指南文末)

使用 Markdown可以效率的书写文档, 直接转换成 HTML[^HTML], 你可以使用 Typora[^2] 编辑器进行书写。# 脚注说明在文档末尾
[^HTML]:HyperText Markup Language 超文本标记语言
[^2]:NEW WAY TO READ & WRITE MARKDOWN

8.The list of Markdown

Markdown支持无序列表和有序列表。

(1) Unordered lists

* 第一项
* 第二项
+ 第一项
+ 第二项
- 第一项
- 第二项

  • 第一项

  • 第二项

  • 第一项

  • 第二项

  • 第一项

  • 第二项

(2) Ordered lists

1. 第一项
2. 第二项
  1. 第一项
  2. 第二项

(3) The nest of lists

嵌套列表只需要在子列表之前加入4个空格。

1. 第一项* 第一项嵌套的第一个元素* 第一项嵌套的第一个元素嵌套的第一个元素* 第一项嵌套的第一个元素嵌套的第二个元素* 第一项嵌套的第二个元素
2. 第二项* 第二项嵌套的第一个元素* 第二项嵌套的第二个元素
  1. 第一项
    • 第一项嵌套的第一个元素
      • 第一项嵌套的第一个元素嵌套的第一个元素
      • 第一项嵌套的第一个元素嵌套的第二个元素
    • 第一项嵌套的第二个元素
  2. 第二项
    • 第二项嵌套的第一个元素
    • 第二项嵌套的第二个元素

9. The block of Markdown

(1) The cition of block(区块引用)

> 有志者，事竟成，破釜沉舟，百二秦关终属楚；
苦心人，天不负，卧薪尝胆，三千越甲可吞吴。

有志者，事竟成，破釜沉舟，百二秦关终属楚；
苦心人，天不负，卧薪尝胆，三千越甲可吞吴。

(2) The nest of block

> 最外层嵌套
> > 第一层嵌套
> > > 第二层嵌套

最外层嵌套

第一层嵌套

第二层嵌套

(3) Using lists in block

> 1. 第一项
>     * 第一项嵌套的第一个元素
>         * 第一项嵌套的第一个元素嵌套的第一个元素
>         * 第一项嵌套的第一个元素嵌套的第二个元素
>     * 第一项嵌套的第二个元素
> 2. 第二项
>     * 第二项嵌套的第一个元素
>     * 第二项嵌套的第二个元素
  1. 第一项
    • 第一项嵌套的第一个元素
      • 第一项嵌套的第一个元素嵌套的第一个元素
      • 第一项嵌套的第一个元素嵌套的第二个元素
    • 第一项嵌套的第二个元素
  2. 第二项
    • 第二项嵌套的第一个元素
    • 第二项嵌套的第二个元素

(4) Using block in lists

1. 第一项> 第一个区块
2. 第二项> 第二个区块

  1. 第一项

    第一个区块

  2. 第二项

    第二个区块

10.Code block in Markdown

(1) Code block in sentences

Bracket the code block using two ' ` '(反单引号)

`printf()`函数

printf()函数

(2) Code block out of sentences(You may need select language)

i Bracket the code block using ' ``` '(3个反单引号)

代码如下：

```C
printf("Hello, World!");
return 0;
```(这里空着)

效果如下：

printf("Hello, World!");
return 0;

ii Typing 'Tab' or 4 blankspaces before the code block

代码如下：

    printf("Hello, World!");return 0;

效果如下：

printf("Hello, World!");
return 0;

i Method 1 插入隐式链接

[菜鸟教程](https://www.runoob.com)

菜鸟教程

ii Method 2 明文插入链接

<https://www.runoob.com>

https://www.runoob.com

Assign the interlink by variable.

谷歌链接用 1 作为网址链接 [Google][1]
菜鸟教程链接用 runoob 作为网址链接 [Runoob][runoob]
然后在文档的结尾为变量赋值。[1]: https://www.google.com/
[runoob]: https://www.runoob.com/

谷歌链接用 1 作为网址链接 Google
菜鸟教程链接用 runoob 作为网址链接 Runoob
然后在文档的结尾为变量赋值。

12.Insert Pictures in Markdown

(1) Get pictures from website (依赖网络)

获取图片地址方法：在浏览器右键图片，点击复制图片地址。

![图片说明(可选)|200](https://img2024.cnblogs.com/blog/2331888/202408/2331888-20240802141613654-87186117.jpg "标题(可选)")

原生Markdown不支持图片缩放，但是在部分编辑器（如Obsidian）的支持下可以设定，我们也可以借助html实现图片位置和大小的设定。

(2) Get pictures from local files (需要图片存储在固定位置)

![图片|400x300](./sources/IMG_20210724_102851.jpg "本地图片")               //当前文件夹

或者

![图片|400x300](D:/AppData/MarkDown/IMG_20210724_102851.jpg "本地图片") //文件夹全称

(3) Store Pictures into the picture database (图床同样依赖网络)

这里不再展示。

(4) Transform the picture into base64 code (需要Python或者其他工具)

base64编码太长，这里不再展示。

(5) Insert video into markdown file

![Video](./sources/2023-08-16-16-38-49.mkv)

Video

13.Table

(1)居中对齐

| 中国省份 | 对应省会 | 典型美食 |
|:----:|:----:|:----:|
| 河南 | 郑州 | 胡辣汤 |
| 湖北 | 武汉 | 热干面 |
| 湖南 | 长沙 | 臭豆腐 |
中国省份 对应省会 典型美食
河南 郑州 胡辣汤
湖北 武汉 热干面
湖南 长沙 臭豆腐
图片1 还是图片1
加载失败
加载失败

(2)靠左对齐

| 中国省份 | 对应省会 | 典型美食 |
|:---- |:---- |:---- |
| 河南 | 郑州 | 胡辣汤 |
| 湖北 | 武汉 | 热干面 |
| 湖南 | 长沙 | 臭豆腐 |
中国省份 对应省会 典型美食
河南 郑州 胡辣汤
湖北 武汉 热干面
湖南 长沙 臭豆腐

(3)靠右对齐

| 中国省份 | 对应省会 | 典型美食 |
| ----:| ----:| ----:|
| 河南 | 郑州 | 胡辣汤 |
| 湖北 | 武汉 | 热干面 |
| 湖南 | 长沙 | 臭豆腐 |
中国省份 对应省会 典型美食
河南 郑州 胡辣汤
湖北 武汉 热干面
湖南 长沙 臭豆腐

14.Markdown support for HTML

[-^-] 试试插入这个
<iframe src="https://www.bilibili.com/" width=100% height=500px></iframe>

(1)HTML设置图片大小以及对齐方式

<div align=center>
<img 
src='https://img2024.cnblogs.com/blog/2331888/202408/2331888-20240802141613654-87186117.jpg'
width='100px'
height='150px'
alt='加载失败时显示该内容' />
</div>
加载失败

(2)HTML设置字体对齐方式

<p align = "left">月是故乡明</p>
<center>月是故乡明</center>
<p align = "right">月是故乡明</p>

月是故乡明

月是故乡明

月是故乡明

(3)HTML设置字体、颜色、字号

<center>
<font face = "微软雅黑" color = "red" size = 5>
我是红色微软雅黑， 字号为5， 你值得拥有
</font>
</center>
我是红色微软雅黑， 字号为5， 你值得拥有 
<center>
<font face = "华文行楷" color = "purple" size = 20>
<b>             //字体加粗
三百六十行行行出状元
</b>            //字体加粗
</font>
</center>
三百六十行行行出状元

(4)HTML特殊字体设置

标签 描述
<b></b> 定义粗体文字
<i></i> 定义斜体文字
<sub></sub> 定义下标文字
<sup></sup> 定义上标文字
<del></del> 定义删除文字

15.Equation in Markdown

(1) Equationes in sentences

$\lim \limits_{i \to \infty} \Sigma \mu_{i} \cdot d_{i}$

我们说没事敲一敲像 \(\lim \limits_{i \to \infty} \Sigma \mu_{i} \cdot d_{i}\) 这样的公式可以缓和心情。

(2) Equationes between sentences

$$
\begin{cases}
\oiint_{s} \overrightarrow{D} \cdot \overrightarrow{dS} = \iiint_v \rho dV\\
\oint_{c} \overrightarrow{E} \cdot \overrightarrow{dl} = \iint_{s} (-\frac{\partial{\overrightarrow{B}}}{\partial{t}}) \cdot \overrightarrow{dS}\\
\oint_{c} \overrightarrow{H} \cdot \overrightarrow{dl} = \int_s (\overrightarrow{J}_{s} + \frac{\partial \overrightarrow{D}}{\partial t}) \cdot\overrightarrow{dS}\\
\oiint_{s} \overrightarrow{B} \cdot \overrightarrow{dS} = 0\\
\end{cases}
$$

\[\begin{cases} \oint_{s} \overrightarrow{D} \cdot \overrightarrow{dS} = \iiint_v \rho dV\\ \oint_{c} \overrightarrow{E} \cdot \overrightarrow{dl} = \iint_{s} (-\frac{\partial{\overrightarrow{B}}}{\partial{t}}) \cdot \overrightarrow{dS}\\ \oint_{c} \overrightarrow{H} \cdot \overrightarrow{dl} = \int_s (\overrightarrow{J}_{s} + \frac{\partial \overrightarrow{D}}{\partial t}) \cdot\overrightarrow{dS}\\ \oint_{s} \overrightarrow{B} \cdot \overrightarrow{dS} = 0\\ \end{cases} \]

16.Flow diagram in Markdown

(1) 横向流程图

```mermaidgraph LRA[方形] -->B(圆角)B --> C{条件a}C -->|a=1| D[结果1]C -->|a=2| E[结果2]F[横向流程图]
```(这里空着)
graph LRA[方形] -->B(圆角)B --> C{条件a}C -->|a=1| D[结果1]C -->|a=2| E[结果2]F[横向流程图]

(2) 竖式流程图

```mermaidgraph TDA[方形] --> B(圆角)B --> C{条件a}C --> |a=1| D[结果1]C --> |a=2| E[结果2]F[竖向流程图]
```(这里空着)
graph TDA[方形] --> B(圆角)B --> C{条件a}C --> |a=1| D[结果1]C --> |a=2| E[结果2]F[竖向流程图]

(3) UML标准时序图

```mermaid%% 时序图例子,-> 直线，-->虚线，->>实线箭头sequenceDiagramparticipant 张三participant 李四participant 王五张三->王五: 王五你好吗？loop 健康检查王五->王五: 与疾病战斗endNote right of 王五: 合理 食物 <br/>看医生...李四-->>张三: 很好!王五->李四: 你怎么样?李四-->王五: 很好!
```(这里空着)
%% 时序图例子,-> 直线，-->虚线，->>实线箭头sequenceDiagramparticipant 张三participant 李四participant 王五张三->王五: 王五你好吗？loop 健康检查王五->王五: 与疾病战斗endNote right of 王五: 合理 食物 <br/>看医生...李四-->>张三: 很好!王五->李四: 你怎么样?李四-->王五: 很好!

(4) 甘特图

示例一：

```mermaidganttdateFormat  YYYY-MM-DDtitle 使用mermaid语言定制甘特图section 任务1已完成的任务           :done,    des1, 2014-01-06,2014-01-08正在进行的任务               :active,  des2, 2014-01-09, 3d待完成任务1               :         des3, after des2, 5d待完成任务2              :         des4, after des3, 5dsection 关键任务已完成的关键任务 :crit, done, 2014-01-06,24h已完成的关键任务2         :crit, done, after des1, 2d正在进行的关键任务             :crit, active, 3d待完成的关键任务        :crit, 5d待完成任务           :2d待完成任务2                      :1dsection 文档编写描述甘特图语法               :active, a1, after des1, 3d完成甘特图实例1      :after a1  , 20h完成甘特图实例2    :doc1, after a1  , 48h
```(这里空着)
gantt dateFormat YYYY-MM-DD title 使用mermaid语言定制甘特图section 任务1已完成的任务 :done, des1, 2014-01-06,2014-01-08正在进行的任务 :active, des2, 2014-01-09, 3d待完成任务1 : des3, after des2, 5d待完成任务2 : des4, after des3, 5dsection 关键任务已完成的关键任务 :crit, done, 2014-01-06,24h已完成的关键任务2 :crit, done, after des1, 2d正在进行的关键任务 :crit, active, 3d待完成的关键任务 :crit, 5d待完成任务 :2d待完成任务2 :1dsection 文档编写描述甘特图语法 :active, a1, after des1, 3d完成甘特图实例1 :after a1 , 20h完成甘特图实例2 :doc1, after a1 , 48h

示例二：

```mermaid
gantt%% 语法示例dateFormat  YYYY-MM-DDtitle 软件开发甘特图section 设计需求                      :done,    des1, 2014-01-06,2014-01-08原型                      :active,  des2, 2014-01-09, 3dUI设计                     :         des3, after des2, 5d未来任务                     :         des4, after des3, 5dsection 开发学习准备理解需求                      :crit, done, 2014-01-06,24h设计框架                             :crit, done, after des2, 2d开发                                 :crit, active, 3d未来任务                              :crit, 5d耍                                   :2dsection 测试功能测试                              :active, a1, after des3, 3d压力测试                               :after a1  , 20h测试报告                               : 48h
```(这里空着)
gantt%% 语法示例dateFormat YYYY-MM-DDtitle 软件开发甘特图section 设计需求 :done, des1, 2014-01-06,2014-01-08原型 :active, des2, 2014-01-09, 3dUI设计 : des3, after des2, 5d未来任务 : des4, after des3, 5dsection 开发学习准备理解需求 :crit, done, 2014-01-06,24h设计框架 :crit, done, after des2, 2d开发 :crit, active, 3d未来任务 :crit, 5d耍 :2dsection 测试功能测试 :active, a1, after des3, 3d压力测试 :after a1 , 20h测试报告 : 48h

  1. HyperText Markup Language 超文本标记语言 ↩︎

  2. NEW WAY TO READ & WRITE MARKDOWN ↩︎

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.hqwc.cn/news/776598.html

如若内容造成侵权/违法违规/事实不符，请联系编程知识网进行投诉反馈email:809451989@qq.com，一经查实，立即删除！

相关文章

BGP属性 ASPath

BGP属性 ASPath

BGP属性 ASPath AS_PATH 属性 BGP路由的必遵属性； AS间防环属性； 用于BGP路由的路径选择,当经过多条路径到达莫网络的情况，会选择经过ASpath 较少的作为最优； 顺序的记录了某条BGP路由所经过的AS信息，每经过一个AS会在ASPath 属性的最左边…
阅读更多...
功能强大的电路设计与仿真软件Multisim 14.3安装教程

功能强大的电路设计与仿真软件Multisim 14.3安装教程

一款功能强大的电路设计与仿真软件Multisim是一款强大的电子电路仿真软件，广泛应用于电子工程和教育领域。本教程全面细致地解析了原理图设计、电路仿真以及虚拟仪器测试等核心功能，通过友好易学的界面设计，为用户打造了一款高效便捷的电路设计和分析工具，助您轻松掌握电路…
阅读更多...
图书《数据资产管理核心技术与应用》分享

图书《数据资产管理核心技术与应用》分享

《数据资产管理核心技术与应用》是由清华大学出版社出版的一本图书，该图书主要特点如下： 1、依托于大数据技术，独家加密数据血缘的底层技术实现 2、详解数据资产管理的知识体系和核心技术 3、应用元数据管理和数据建模技术，充分发挥出数据资产的更大潜力和价值。 4、全书从…
阅读更多...
山东省威海市台依村，杨文召——老赖！！！

山东省威海市台依村，杨文召——老赖！！！

山东省威海市台依村，杨文召——老赖！！！认识下老赖的家人！！！
阅读更多...
MQ高级

MQ高级

消息的可靠性：一个消息发送出去以后至少被消费一次 丢失场景：消息发送时候丢失，mq崩了消息丢失，消费者把消息搞丢了（交易服务） 解决方法针对以上三个场景和兜底方案 1、发送者可靠性 消息从生产者到消费者的每一步都可能导致消息丢失： - 发送消息时丢失： - 生产者发送…
阅读更多...
VitePress安装总结

VitePress安装总结

1、安装node.js 2、安装vscode，并在扩展中安装markdown插件 3、在vscode的终端中修改淘宝镜像源：1npm config set registry https://registry.npmmirror.com4、在终端中输入1npm add -D vitepress5、在D盘创建文件夹，右键用vscode打开，或在vscode中打开文件夹 6、在终端中执…
阅读更多...
哪位大佬知道为啥最后计数是0吗？ 实际是有数据的

哪位大佬知道为啥最后计数是0吗？ 实际是有数据的

大家好，我是Python进阶者。 一、前言 前几天在Python白银交流群【Jethro Shen】问了一个Python数据处理的问题，问题如下：哪位大佬知道为啥最后计数是0吗？实际是有数据的二、实现过程 这里【瑜亮老师】给了一个指导，如下所示：这不是发生错误了么？你设置的发生错误return …
阅读更多...
JDK、JRE和JVM简述

JDK、JRE和JVM简述

JDK（Java Development Kit） JDK是Java开发环境的核心组件，包括：Java编译器、JRE（Java运行环境）JavaDoc文档生成器和其他一些工具。 JDK是Java程序员开发Java应用程序所必需的软件包。 JRE（Java Runtime Environment） 也称为Java运行环境，它是Java应用程序运行的基础。…
阅读更多...
PGjdbc源码试读（二）

PGjdbc源码试读（二）

本期目标 追踪Connection.createStatement() Statement.executeUpdate(String sql)追踪 Connection.createStatement() 在PgConnection中找到createStatement()方法：该方法调用了同名方法，并传递了两个参数，查询两个常量的注释：TYPE_FORWARD_ONLY 表示返回的集合ResultSet只…
阅读更多...
四川省职工职业技能大赛网络安全决赛WP

四川省职工职业技能大赛网络安全决赛WP

上午CTF部分 web simplelogin yakit爆破出密码，记得应该是a123456： ppopp index.php有一个任意文件读取： <?php //upload.php error_reporting(0); highlight_file(__FILE__); class A {public $a;public function __destruct(){$s=$this->$a;$s();} } class B{publi…
阅读更多...
硬件开发笔记（二十九）：TPS54331电源设计（二）：12V转3.3V和12V转4V原理图设计

硬件开发笔记（二十九）：TPS54331电源设计（二）：12V转3.3V和12V转4V原理图设计

前言电源供电电路设计很重要，为了更好的给对硬件设计有需求的人，特意将电源设计的基础过程描述出来。  紧接前一篇12V转5V的，本篇设计常用的12V转3.3V电路，不常用的12V转4V电路。 12V转3.3V电路步骤一：应用典型电路（依据底板和典型电路得差别，电感和电容在3.3~5V范围内…
阅读更多...
深入浅出：可视化理解揭示决策树与梯度提升背后的数学原理

深入浅出：可视化理解揭示决策树与梯度提升背后的数学原理

决策树是一种非参数的监督学习算法，可用于分类和回归。它使用类似树的结构来表示决策及其潜在结果。决策树易于理解和解释，并且可以轻松地进行可视化。但是当决策树模型变得过于复杂时，它不能很好地从训练数据中泛化，会导致过拟合。 梯度提升是一种集成学习模型，在其中结合…
阅读更多...
推荐文章
最新文章

Copyright @ 2022~2023