【简书MD语法大全】—— 🔓解锁简书markdown语法

申明：整理简书markdown的语法，以方便自己写作，当然也希望能给看到这份整理文档的人有所帮助；大部分内容都是看了其他人写的搜罗过来的，也有部分是自己发现的；也希望大家多多分享自己觉得用的很好的简书markdown语法。

文章最后一个部分分享了，在简书中如何使用MathJax实现文本的居中和文本大小、文本颜色、样式改变的方法，可以直接将页面滚动到最后查看；以及可以直接在简书markdown中插入Emoji图片，让你的博文看起来图文并茂、深情款款。

如果有新的、好玩的用法，会做不定期更新。本文的Markdown源文件可以提供，需要的私信我！

🔓【简书MD语法大全】之标题^[1]

标题很重要，基本奠定了一篇文章整体的框架；当然，标题也很简单，用 # 表示：一个 # 代表的是一级标题、二个 ## 代表的是二级标题，以此类推，至多到六级标题，也就是六个 ######。

$\color{green}{\small\mathbf{「Code」}}$

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

$\color{green}{\small\mathbf{「Demo」}}$

一级标题

二级标题

三级标题

四级标题

五级标题

六级标题

当然，还有一种code只对一级标题、二级标题起作用，就是在一级标题下一行输入====================就👌，其实这里只需要数一个=就会起作用；二级标题只需要在下一行输入一个-就👌

一级标题
====================

二级标题
---------------------
效果如下：

一级标题

二级标题

🔓【简书MD语法大全】之列表^[2]

markdown支持的列表有2种，一种是有序列表，另一种是无序列表；其实也没有太多差别，只是让文档内容更加的有条理点，主要还是看个人的审美和写作习惯了。列表不仅可以列出item，当然也可以用来分段落。每个段落开头使用列表的标记语法。

$\color{green}{\small\mathbf{a、}}$ 有序列表 —— 利用数字加点号来标记序列，例如1.；有序是可以嵌套的，所以要注意1.和内容之间的空格；~~相同空格数为同级列(这里的空格数只有零空格和空一格起作用，超过一格的效果和一格的效果一样的)~~；当然空到5格，整行的背景将变成黑色。

$\color{green}{\small\mathbf{「Code」}}$

Code 1:
    1.这是第一点要素(空一格)
    2.这是第二点要素(零空格)
    3.这是第三点要素(零空格)

Code 2:
    1.这是第一点要素(零空格)
    2.这是第二点要素(空一格)
    3.这是第三点要素(零空格)

Code 3:
    1.     这是第一点要素(空五格)
    2.这是第二点要素(零空格)

$\color{green}{\small\mathbf{「Demo」}}$

Demo 1:

这是第一点要素(空一格)
2.这是第二点要素(零空格)
3.这是第三点要素(零空格)

Demo 2:

这是第一点要素(零空格)
2.这是第二点要素(空一格)
3.这是第三点要素(零空格)
Demo 3:
这是第一点要素(空五格)
2.这是第二点要素(零空格)

$\color{green}{\small\mathbf{b、}}$ 无序列表 —— 利用符号-、+、*来标记；注意符号和内容之间空一格，和有序列表一样，空五格整行背景色变成黑色；当有2个符号交错使用时，列表内容之间的空行的大小不一致，看Code3和Demo3。

$\color{green}{\small\mathbf{「Code」}}$

Code 1:
    * 这是第一点要素(空一格)
    * 这是第二点要素(空一格)
    * 这是第三点要素(空一格)

Code 2:
    *     这是第一点要素(空五格)
    * 这是第二点要素(空一格)

Code 3:
    * 这是第一点要素(使用*空一格)
    - 这是第二点要素(使用-空一格)
    - 这是第三点要素(使用-空一格)

$\color{green}{\small\mathbf{「Demo」}}$

Demo 1:

这是第一点要素(空一格)

这是第二点要素(空一格)

这是第三点要素(空一格)
Demo 2:
这是第一点要素(空五格)
这是第二点要素(空一格)
Demo 3:

这是第一点要素使用*空一格)

这是第二点要素(使用-空一格)

这是第三点要素(使用-空一格)

🔓【简书MD语法大全】之引用^[3]

区块引用其实很简单，使用>标记，区块引用是可以嵌套的，标记多少个>，就嵌套多少层，简书我测试了一下，好像是最高可以嵌套20层；超过20个的>会按文本形式输出。值得注意的是区块引用不仅可以嵌套自己，还可以嵌套其他markdown语法，比如标题、列表、代码块等，可以自己尝试着把所有的语法一个个嵌套进去玩玩，很有意思的，这里就做代码演示了。
$\color{green}{\small\mathbf{「Code」}}$

   >>>>>>>>>>>>>>>>>>>>> 区块引用内容(这里有21个>，最后一个会按文本形式输出)

$\color{green}{\small\mathbf{「Demo」}}$

> 区块引用内容(这里有21个>，最后一个会按文本形式输出)

🔓【简书MD语法大全】之代码块^[4]

代码块有2种形式，一种是行内代码块，使用 $\color{green}{\small\text{`code`}}$ 来标记；另一种使用 $\color{green}{\small\text{``` code ```}}$ 来标记。

$\color{green}{\small\mathbf{a、}}$ 行内代码块

$\color{green}{\small\mathbf{「Code」}}$

   行内代码演示：java打印语句为：`System.out.printf("test");`

$\color{green}{\small\mathbf{「Demo」}}$

行内代码演示：java打印语句为：System.out.printf("test");

$\color{green}{\small\mathbf{b、}}$ 区块代码 —— 区块代码引用是可以分编程语言的，比如java、php、c、c++等，注意在 $\color{green}{\small\text{```}}$ 加上编程语言名称就行，比如： $\color{green}{\small\text{```java}}$ 、 $\color{green}{\small\text{```php}}$ ；区块代码也可以以行的形式显示：区块引用前一行必须为文本(可以试一下不是文本)，然后再写要引用的区块代码，注意这里的头尾的 $\color{green}{\small\text{```}}$ 必须空四格，也就是2个制表符，请看示例。

$\color{green}{\small\mathbf{「Code」}}$
java的代码引用语法：

   ```java
       public class Printf {
          public static void main(String[] args) {
            System.out.printf("test");
          }
       }
   ```

php的代码引用语法：

   ```php
       <?php 
         echo "Hello World!"; 
       ?> 
   ```

$\color{red}{\Large\mathbf{\star}}$ 区块代码以行形式显示输出语法：

区块代码前必须有的一行文本(注意头尾```要空4格)
    ```java
public class Printf {
public static void main(String[] args) {
System.out.printf("test");
}
}
    ```

$\color{green}{\small\mathbf{「Demo」}}$
java的代码引用效果：

      public class Printf {
         public static void main(String[] args) {
           System.out.printf("test");
         }
      }

php的代码引用效果：

     <?php 
        echo "Hello World!"; 
     ?>

$\color{red}{\Large\mathbf{\star}}$ 区块代码以行形式显示效果：

区块代码前必须有的一行文本(注意头尾 $\color{green}{\small\text{```}}$ 要空4格)
java public class Printf { public static void main(String[] args) { System.out.printf("test"); } }

🔓【简书MD语法大全】之分割线^[5]

分割线一般使用3个或着3个以上的星号*、减号-、下划线_来标记，当然星号*、减号-、下划线_之间可以加入空格；还有一个就是<hr>也可以显示为分割线，以下都可以表示为分割线：

$\color{green}{\small\mathbf{「Code」}}$

***
- - -
_ _ _

<hr>

$\color{green}{\small\mathbf{「Demo」}}$

🔓【简书MD语法大全】之斜体、加粗、删除^[6]

斜体、加粗、删除一般使用标记符号*、_、~，他们是可以嵌套使用的，直接看代码语法：

$\color{green}{\small\mathbf{「Code」}}$

*斜体*
_斜体_
**加粗**
__加粗__
***斜体+加粗***
___斜体+加粗___
~~删除~~
~~***斜体+加粗+删除***~~

$\color{green}{\small\mathbf{「Demo」}}$

斜体
斜体
加粗
加粗
斜体+加粗
斜体+加粗
删除
~~斜体+加粗+删除~~

🔓【简书MD语法大全】之链接^[7]

链接有多种形式，最直接的一种使用<url>来标记，还有2种，一种是行内链接和参考链接。对于行内链接，直接用[链接显示的文本](url "鼠标移动到链接显示文本时显示次title")来表示；而对于参考链接，首先使用[链接显示的文本][id]来标记，然后再文章的任意处写上[id]:url "鼠标移动到链接显示文本时显示次title"，参考链接2行语法不能相邻写，至少要空一行写，否则不起作用。好像"鼠标移动到链接显示文本时显示次title" 文章发布后不起作用。请看示例：

$\color{green}{\small\mathbf{「Code」}}$

<https://www.baidu.com/>
[百度](https://www.baidu.com/ "行内式链接title:baidu")
[百度][baiduid]

[baiduid]:https://www.baidu.com/  "参考式链接title:baidu"  (这一句要和上面那句语法隔至少一行)

$\color{green}{\small\mathbf{「Demo」}}$

https://www.baidu.com/
百度
 百度

🔓【简书MD语法大全】之图片^[8]

图片的使用和链接差不多，也有2种：行内式和参考式。

$\color{green}{\small\mathbf{「Code」}}$

![鲁迅](https://gitee.com/blackkeydestiny/blogAssets/raw/master/article/cover/2018093002.png "行内式图片链接title:鲁迅")
![鲁迅][luxunid]

[luxunid]:https://gitee.com/blackkeydestiny/blogAssets/raw/master/article/cover/2018093001.png "参考式图片链接title:鲁迅" (这一句要和上面那句语法隔至少一行)

$\color{green}{\small\mathbf{「Demo」}}$

鲁迅

🔓【简书MD语法大全】之表格^[9]

表格很简单，只要注意列的对齐方式就行。当然每个单元格内还可以嵌套其他语法，比如加粗、斜线、删除等。

$\color{green}{\small\mathbf{「Code」}}$

|列1  |列2    |列3   |
|:--- |:---:  |----:|
|左对齐|中间对齐|右对齐|

$\color{green}{\small\mathbf{「Demo」}}$

列1	列2	列3
*左对齐*	$\color{green}{\small\mathbf{center}}$	~~右对齐~~

🔓【简书MD语法大全】之注脚^[10]

注脚用于在正文中对某个需要解释的词，作用当然是对词进行解释；一般在文中做了一个注脚，相应的在文章的最末尾就会产生相应的注脚解释。简书不支持页内跳转，也可以用注脚来实现业内跳转，但是我总觉得这种方式实现业内跳转不太方便。本文所有的标题都用到了注脚，可以直接到文章末尾查看，也可以看下面的示例。

$\color{green}{\small\mathbf{「Code」}}$

马云，男，汉族，中共党员[^mayun]  ，1964年9月10日生于浙江省杭州市，祖籍浙江省。
[^mayun]:[关于改革开放杰出贡献拟表彰对象的公示](http://cpc.people.com.cn/n1/2018/1126/c419242-30420351.html)

$\color{green}{\small\mathbf{「Demo」}}$
这里给中共党员做了注脚。点击 $\color{blue}{\tiny\mathbf{[11]}}$ 可以跳转到文章末尾处的注脚解释部分。

马云，男，汉族，中共党员^[11] ，1964年9月10日生于浙江省杭州市，祖籍浙江省。

🔓【简书MD语法大全】之如何使用MathJax实现文本居中、改变文本大小和颜色^[12]

咱们的简书markdown是支持数学表达式的，像mathjax，主要是使用$$和$$$$，$$表示行内的数学表达式；$$$$表示块数学表达式，这种方式可以使得文本居中。下面可以看一下示例：

【1、温馨提示：】

Note: 如果一行中出现了2个以上的$，$中间的文本会按照数学表达式输出显示；如果想$按文本显示可以使用反斜杠\进行转义；

例如：
 $this is the test.$
以上代码的显示结果为： $this is the test.$
如果想按照文本显示$符号，使用如下代码(在第一个$前加上反斜杠\进行转义)：
  \$this is the test.$
加上反斜杠的显示结果为：$this is the test.$

【2、分享几个好的网站：】

【3、示例：】
$\color{green}{\small\mathbf{「Code」}}$

质能守恒方程可以用一个很简洁的方程式 $E=mc^2$ 来表达。

$$\sum_{i=1}^n a_i=0$$

$$f(x_1,x_x,\ldots,x_n) = x_1^2 + x_2^2 + \cdots + x_n^2 $$

$$\Biggl(\biggl(\Bigl(\bigl((x)\bigr)\Bigr)\biggr)\Biggr)$$

$$
    \begin{matrix}
    1 & x & x^2 \\
    1 & y & y^2 \\
    1 & z & z^2 \\
    \end{matrix}
$$

$\color{green}{\small\mathbf{「Demo」}}$

质能守恒方程可以用一个很简洁的方程式 $E=mc^2$ 来表达。
$\sum_{i=1}^n a_i=0$
$f(x_1,x_x,\ldots,x_n) = x_1^2 + x_2^2 + \cdots + x_n^2$
$\Biggl(\biggl(\Bigl(\bigl((x)\bigr)\Bigr)\biggr)\Biggr)$
$\begin{matrix} 1 & x & x^2 \\ 1 & y & y^2 \\ 1 & z & z^2 \\ \end{matrix}$

一般我是使用这条语句$$\color{green}{\small\mathbf{文本内容}}$$来实现文本的居中、改变大小和颜色的，上面有说头尾分别2个$$就可以实现文本的居中、而\color{green}实现了颜色的改变，这里的参数green是可以改变了，参数形式可以直接写red、yellow等，也可以写成十六进制的形式，比如：#3f48cc；而参数\small是实现字体大小的，这里可以是\tiny, \small, \normalsize (the usual default), \large, \Large, \LARGE, \huge and \Huge；而参数\mathbf改变字体样式的，可能的值有\mathbb or \Bbb、 \mathbf、\mathit、\pmb、\mathtt等，相关内容可以在上面分享的教程站点中可以找到；值得注意的是文本内容最好是英文的，因为如果是中文的话，在手机端或者某些浏览器是显示不出来的。具体看下面的示例：

$\color{green}{\small\mathbf{「Code」}}$
$\color{red}{\Large\mathbf{\star}}$ 文本居中：(这里的中文测试在手机端没法显示，而TEST会显示)

$${\text{测试}}$$

$${\text{TEST:center}}$$

${\text{TEST:left}}$

$\color{red}{\Large\mathbf{\star}}$ 文本大小：(这里的中文测试在手机端没法显示，而TEST会显示)

$${\tiny\text{测试}}$$

$${\small\text{TEST}}$$

$${\large\text{TEST}}$$

$${\huge\text{TEST}}$$

$\color{red}{\Large\mathbf{\star}}$ 文本颜色：(这里的中文测试在手机端没法显示，而TEST会显示)

$${\color{red}{\text{测试}}}$$

$${\color{green}{\text{TEST:green}}}$$

$${\color{blue}{\text{TEST:blue}}}$$

$${\color{#3f48cc}{\text{TEST:#3f48cc}}}$$

$\color{red}{\Large\mathbf{\star}}$ 文本样式：(这里的中文测试在手机端没法显示，而TEST会显示)

$${\text{测试}}$$

$${\mathbb{TEST}}$$

$${\pmb{TEST}}$$

$${\mathscr{TEST}}$$

$${\mathfrak{TEST}}$$

$\color{green}{\small\mathbf{「Demo」}}$

$\color{red}{\Large\mathbf{\star}}$ 文本居中效果：
${\text{测试}}$
${\text{TEST:center}}$
${\text{TEST:left}}$

$\color{red}{\Large\mathbf{\star}}$ 文本大小效果：
${\tiny\text{测试}}$
${\small\text{TEST}}$
${\large\text{TEST}}$
${\huge\text{TEST}}$

$\color{red}{\Large\mathbf{\star}}$ 文本颜色效果：
${\color{red}{\text{测试}}}$
${\color{green}{\text{TEST:green}}}$
${\color{blue}{\text{TEST:blue}}}$
${\color{#3f48cc}{\text{TEST:#3f48cc}}}$

$\color{red}{\Large\mathbf{\star}}$ 文本样式效果：
${\text{测试}}$
${\mathbb{TEST}}$
${\pmb{TEST}}$
${\mathscr{TEST}}$
${\mathfrak{TEST}}$

【 $\color{red}{\Large\mathbf{\star}}$ 多行居中，行距太大：】

对于使用多对$$$$实现多行文本居中，而导致的文本之间的行距很大的问题，总结和测试一下解决方法，直接看Code和Demo:

$\color{green}{\small\mathbf{「Code」}}$

\\ 如果这样写的话，就会导致行距很大
$${\text{TEST}}$$
$${\text{TEST}}$$
$${\text{TEST}}$$
$${\text{TEST}}$$

\\ 如果这样写，就不会发生这种问题了：每对$$$$之间空一格
$${\text{TEST}}$$ $${\text{TEST}}$$ $${\text{TEST}}$$ $${\text{TEST}}$$

$\color{green}{\small\mathbf{「Demo」}}$

行距很大
${\text{TEST}}$
${\text{TEST}}$
${\text{TEST}}$
${\text{TEST}}$

行距变小
${\text{TEST}}$ ${\text{TEST}}$ ${\text{TEST}}$ ${\text{TEST}}$

【 $\color{red}{\Large\mathbf{\star}}$ 一些Demo展示：】
$\left\{ \begin{array}{c} 让那些疲惫的梦可以安放 \\ 让那些疲惫的梦可以安放 \\ a_3x+b_3y+c_3z=d_3 \end{array} \right.$

${\small\mathbf{\bbox[yellow,5px,border:2px solid red]{寻一处小桥流水宁静故乡寻一处小桥流水宁静故乡}}} \tag{1}$

$\color{green}{\small\mathbf{\underline{\fbox{寻一处小桥流水宁静故乡寻一处小桥流水宁静故乡}}}} \tag{2}$

$\begin{matrix} {\small\mathbf{\bbox[yellow,5px,border:2px solid red]{寻一处小桥流水宁静故乡}}} \\ 让那些疲惫的梦可以安放 \\ 让那些疲惫的梦可以安放 \\ \end{matrix}$

$\begin{CD} A @>>> B @>{\text{very long label}}>> C \\ @. @AAA @| \\ D @= E @<<< F \end{CD}$

🔓【简书MD语法大全】之其他^[13]

最后分享几个Emoji的在线站点，再提一下<br>用来换行、&nbap;表示英文半角空格、&emsp;表示中文半角空格、<! -- -->用来注释；注释的实际使用中<!和--之间不能有空格，我这里有空一格，是为了显示出来这个注释的标记语法，如果不空格，<! -- -->就无法显示出来；

Emoji在线站点：emoji的使用就是直接copy到文档中就👌，值得注意的是，有些浏览器可能对有些emoji而言显示不出来，所以最选择emoji时，选择恰当的就行了。

https://emojipedia.org/

https://getemoji.com/

https://www.emojicopy.com/

🔓【简书MD语法大全】之标题 ↩
🔓【简书MD语法大全】之列表 ↩
🔓【简书MD语法大全】之引用 ↩
🔓【简书MD语法大全】之代码块 ↩
🔓【简书MD语法大全】之分割线 ↩
🔓【简书MD语法大全】之斜体、加粗、删除 ↩
🔓【简书MD语法大全】之链接 ↩
🔓【简书MD语法大全】之图片 ↩
🔓【简书MD语法大全】之表格 ↩
🔓【简书MD语法大全】之注脚 ↩
关于改革开放杰出贡献拟表彰对象的公示 ↩
🔓【简书MD语法大全】之如何使用MathJax实现文本居中、改变文本大小和颜色 ↩
🔓【简书MD语法大全】之其他 ↩

【简书MD语法大全】—— 🔓解锁简书markdown语法

🔓【简书MD语法大全】之 标题[1]

一级标题

二级标题

三级标题

四级标题

五级标题

六级标题

一级标题

二级标题

🔓【简书MD语法大全】之 列表[2]

🔓【简书MD语法大全】之 引用[3]

🔓【简书MD语法大全】之 代码块[4]

🔓【简书MD语法大全】之 分割线[5]

🔓【简书MD语法大全】之 斜体、加粗、删除[6]

🔓【简书MD语法大全】之 链接[7]

🔓【简书MD语法大全】之 图片[8]

🔓【简书MD语法大全】之 表格[9]

🔓【简书MD语法大全】之 注脚[10]

🔓【简书MD语法大全】之 如何使用MathJax实现文本居中、改变文本大小和颜色[12]

🔓【简书MD语法大全】之 其他[13]

推荐阅读更多精彩内容

🔓【简书MD语法大全】之标题^[1]

🔓【简书MD语法大全】之列表^[2]

🔓【简书MD语法大全】之引用^[3]

🔓【简书MD语法大全】之代码块^[4]

🔓【简书MD语法大全】之分割线^[5]

🔓【简书MD语法大全】之斜体、加粗、删除^[6]

🔓【简书MD语法大全】之链接^[7]

🔓【简书MD语法大全】之图片^[8]

🔓【简书MD语法大全】之表格^[9]

🔓【简书MD语法大全】之注脚^[10]

🔓【简书MD语法大全】之如何使用MathJax实现文本居中、改变文本大小和颜色^[12]

🔓【简书MD语法大全】之其他^[13]