美文网首页工具癖实用干货
【简书MD语法大全】—— 🔓解锁简书markdown语法

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

作者: 辛德瑞拉Dangerous | 来源:发表于2018-12-07 14:35 被阅读45次

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

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

    如果有新的、好玩的用法,会做不定期更新。


    🔓【简书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:

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

    Demo 2:

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

    Demo 3:

    1. 这是第一点要素(空五格)
      

    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,主要是使用$$$$$$$$表示行内的数学表达式;$$$$表示块数学表达式,这种方式可以使得文本居中。下面可以看一下示例:

    分享几个好的网站:

    \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是可以改变了,参数形式可以直接写redyellow等,也可以写成十六进制的形式,比如:#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}}


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

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

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


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

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

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

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

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

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

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

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

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

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

    11. 关于改革开放杰出贡献拟表彰对象的公示

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

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

    相关文章

      网友评论

        本文标题:【简书MD语法大全】—— 🔓解锁简书markdown语法

        本文链接:https://www.haomeiwen.com/subject/djgzcqtx.html