墨天轮Markdown语法保姆级教程，5分钟包教包会！

Markdown是一种轻量级标记语言，简单好用。我们建议各位墨友在写作时使用Markdown。

 

本篇教程共分为入门小白篇（1节-8节） 和 进阶篇（9节-13节），大家可以按需阅读。

 

目录导读

• 1. 快捷键
• 2. 字体
• 2.1 字体、字号、斜体、加粗
• 2.2 字体背景色、颜色
• 2.3 删除线、下划线
• 3. 分级标题
• 4. 引用
• 4.1 基本引用：
• 4.2 嵌套引用
• 5 . 序列
• 5.1 无序列表
• 5.2 有序列表
• 6 . 代码块
• 7. 插入链接
• 7.1 插入自动链接
• 7.2 插入图片链接
• 7.3 图片加超链接
• 8. 表格
• 9. 目录
• 10. 图片大小、位置
• 10.1 图片大小
• 10.2 图片位置
• 10.3 同时更改图片大小和位置
• 11. 分割线
• 12. 换行、缩进
• 12.1 换行
• 12.2 缩进
• 13. 注脚

 

 

1. 快捷键

 

上述表格中功能的实现既可以通过快捷键，也可以在墨天轮Markdown通过👉点击功能图标实现。
 

2. 字体

2.1 字体、字号、斜体、加粗

（1）字体：<font face="字体名称">文字内容</font>

示例代码：

<font face="思源黑体">我是思源黑体</font>
<font face="Times New Roman">我是Times New Roman</font>

示例效果：

我是思源黑体
我是Times New Roman

（2）字号 ：<font size=字号>文字内容</font>可使用字号的范围为1-7
 
示例代码：

<font size=2>给我点个赞</font>
<font size=4>给我点个赞</font>

示例效果：

给我点个赞
给我点个赞

 
(3) 斜体：*文字内容*
 
示例代码：

*给我点个赞*

示例效果：

给我点个赞

 

（4）加粗：**文字内容**
 
示例代码：

**给我点个赞**

示例效果：

给我点个赞
 

2.2 字体背景色、颜色

（1）字体背景色：<table><tr><td bgcolor=颜色名称>文字内容</td></tr></table>
 
示例代码：

<table><tr><td bgcolor=orange>给我点个赞</td></tr></table>

示例效果：

给我点个赞

 

（常用颜色名列表）

（2）字体颜色:<font color=颜色名>文字内容</font>

 
示例代码：

 <font color=red>给我点个赞</font>
 <font color=yellow>给我点个赞</font>
 <font color=green>给我点个赞</font>

示例效果：

给我点个赞
给我点个赞
给我点个赞

 
（3）同时更改字体大小和颜色：<font color=字体颜色 size=字号>文字内容</font>
 
示例代码：

<font color=FireBrick size=2>给我点个赞</font>
<font color=green size=4>给我点个赞</font>

示例效果：

给我点个赞
给我点个赞
 

2.3 删除线、下划线

（1）删除线：~~文字内容~~
 
示例代码：

~~给我点个赞~~

示例效果：

给我点个赞
 
（2）下划线: ++ 文字内容++
 
示例代码：

++给我点个赞++

示例效果：

给我点个赞
 

3. 分级标题

分级标题：选中文字内容，前面加#, #的个数对应标题的层级。
 
示例代码：

# 一级标题
## 二级标题
### 三级标题
#### 四级标题
##### 五级标题

示例效果：

 

4. 引用

4.1 基本引用：

基本应用：在被引用的文本前加上>符号：> 文字内容
 
示例代码：

> 给我点个赞

示例效果：

给我点个赞

 

4.2 嵌套引用

嵌套引用：在基本引用嵌套一个引用：>> 文字内容
 
示例代码：

>> 给我点个赞

示例效果：

给我点个赞

 

5 . 序列

5.1 无序列表

无序列表：排列不具有顺序性：- 文字内容
 
示例代码：

- 给我点个赞

示例效果：

• 给我点个赞
   

5.2 有序列表

有序列表：数据排列有顺序：序号+文字内容
 
示例代码：

1. 给我点个赞 
2. 给我点个赞 
3. 给我点个赞 

示例效果：

1. 给我点个赞
2. 给我点个赞
3. 给我点个赞
    

6 . 代码块

代码块：需要在代码块前面增加三个点+语言+回车+三个点+回车。
 
示例代码：

示例效果：

select * from tab;

 

7. 插入链接

7.1 插入自动链接

• 插入自动链接：用<>括起来，自动生成链接：<链接>
   

示例代码：

<https://www.modb.pro/db/157865>

示例效果：

https://www.modb.pro/db/157865
 

• 插入链接描述：把链接地址显示成链接描述 [链接描述](链接地址)

示例代码：

[墨天轮官网](https://www.modb.pro/)

示例效果：

墨天轮官网

 

7.2 插入图片链接

插入图片链接：![图片描述](图片链接)
 
示例代码：

![墨天轮 logo.png](https://oss-emcsprod-public.modb.pro/image/editor/20211201-2e1d1932-76a0-4409-9716-5139b40175c5.png)

 

7.3 图片加超链接

插入图片链接：[![图片描述](图片链接)](超链接)
 
示例代码：

[![墨天轮 logo.png](https://oss-emcsprod-public.modb.pro/image/editor/20211201-2e1d1932-76a0-4409-9716-5139b40175c5.png)](https://www.modb.pro/)

示例效果：

 

8. 表格

表格：可以通过增加或减少“|”来增加或减少列数和行数。
 
示例代码：

学号|姓名|分数
   -|-|-|
1|小明|78
2|小红|98
3|小绿|87

示例效果：

学号	姓名	分数
1	小明	78
2	小红	98
3	小绿	87

 

 

9. 目录

 
文章所有的标题层级按markdown语法写，最后在任意位置输入相应代码独占一行，自动生成目录。
 
示例代码：

@[toc]

示例效果：

 

10. 图片大小、位置

10.1 图片大小

（1）更改width和height的数值来更改图片长、宽：<img src="图片链接" width = "数值" height = "数值">
 

示例代码：

<img src="https://oss-emcsprod-public.modb.pro/image/editor/20211201-aeb1e01f-2d43-4bdb-8651-af799ef35dec.png" width = "100" height = "40" >

<img src="https://oss-emcsprod-public.modb.pro/image/editor/20211201-aeb1e01f-2d43-4bdb-8651-af799ef35dec.png" width = "150" height = "90" >

示例效果：

 

 

（1）更改width和height的百分比来更改图片长、宽：<img src="图片链接" width = 原图百分比数值% height = 原图百分比数值% />

示例代码：

<img src="https://oss-emcsprod-public.modb.pro/image/editor/20211201-aeb1e01f-2d43-4bdb-8651-af799ef35dec.png" width = 20% height = 10% />

<img src="https://oss-emcsprod-public.modb.pro/image/editor/20211201-aeb1e01f-2d43-4bdb-8651-af799ef35dec.png" width = 40% height =20% />

示例效果：

 

10.2 图片位置

改变图片位置：位置代码可替换成left（居左）、 center（居中）、 right(居右）
 
示例代码：

::: hljs-center

<img src="https://oss-emcsprod-public.modb.pro/image/editor/20211201-aeb1e01f-2d43-4bdb-8651-af799ef35dec.png"/>

:::


::: hljs-left

<img src="https://oss-emcsprod-public.modb.pro/image/editor/20211201-aeb1e01f-2d43-4bdb-8651-af799ef35dec.png"/>

:::

 
示例效果：
 

 

10.3 同时更改图片大小和位置

 
示例代码：
 

::: hljs-center

<img src="https://oss-emcsprod-public.modb.pro/image/editor/20211201-aeb1e01f-2d43-4bdb-8651-af799ef35dec.png" width = 20% height = 10% />

:::


::: hljs-left

<img src="https://oss-emcsprod-public.modb.pro/image/editor/20211201-aeb1e01f-2d43-4bdb-8651-af799ef35dec.png" width = 40% height =20% />

:::

 
示例效果：
 

 

11. 分割线

在一行中用三个以上的星号(*)、减号(-)、底线(_)来建立一个分隔线，行内不能有其他内容。*** --- _ _ _
 
示例代码：

***

---

_ _ _ 

示例效果：

---

---

---

12. 换行、缩进

12.1 换行

 
要想换行，可以点击 回车键 还可以键入  来实现。

示例代码：

给我点个赞
 
给我点个赞

示例效果：
 
给我点个赞
 
给我点个赞
 

12.2 缩进

  缩进1/4 个中文;      缩进1/2个中文;    缩进1个中文

示例代码：

 给我点个赞
 给我点个赞
 给我点个赞

示例效果：

 给我点个赞
 给我点个赞
 给我点个赞

13. 注脚

在需要添加注脚的文字后加上脚注名字[^注脚名字],称为加注。 然后在文本的任意位置(一般在最后)添加脚注，脚注前必须有对应的脚注名字。

示例代码：

给我点个赞。[^1]
[^1]:来源于[https://www.modb.pro/](墨天轮) 

示例效果：

 

💓学习了5分钟，快去编写文章检验学习成果吧！本篇教程，建议点赞收藏哟！
 

 
👉更多阅读：

@所有DBA，墨力计划已开启，写出我精彩！https://www.modb.pro/db/142952