美文网首页其他iOS精华备课专题
Markdown的常用语法(个人总结)

Markdown的常用语法(个人总结)

作者: ConnorLin | 来源:发表于2016-05-07 14:09 被阅读34631次

    简介

    Markdown 是一种轻量级标记语言,它用简洁的语法代替排版,使我们专心于码字。它的目标是实现易读易写,成为一种适用于网络的书写语言。同时,Markdown支持嵌入html标签。

    <u>注意:Markdown使用#+*等符号来标记, 符号后面必须跟上 至少1个 空格才有效!</u>

    Markdown的常用语法

    标题

    Markdown 标题支持两种形式:

    1、用#标记

    标题开头 加上1~6个#,依次代表一级标题、二级标题....六级标题

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

    2、用=-标记

    标题底下 加上任意个=代表一级标题,-代表二级标题

    一级标题
    ======
    
    二级标题
    ----------
    

    效果如下:

    一级标题

    二级标题

    三级标题

    四级标题
    五级标题
    六级标题

    列表

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

    无序列表使用-+*作为列表标记:

    - Red
    - Green
    - Blue
    
    * Red
    * Green
    * Blue
    
    + Red
    + Green
    + Blue
    

    效果如下:

    • Red
    • Green
    • Blue

    有序列表则使用数字加英文句点.来表示:

    1. Red
    2. Green
    3. Blue
    

    效果如下:

    1. Red
    2. Green
    3. Blue

    引用

    引用以>来表示,引用中支持多级引用、标题、列表、代码块、分割线等常规语法。

    常见的引用写法:

    > 这是一段引用    //在`>`后面有 1 个空格
    > 
    >     这是引用的代码块形式    //在`>`后面有 5 个空格
    >     
    > 代码例子:
    >   
        protected void onCreate(Bundle savedInstanceState) {
            super.onCreate(savedInstanceState);
            setContentView(R.layout.activity_main);
        }
    
    > 一级引用
    > > 二级引用
    > > > 三级引用
    
    > #### 这是一个四级标题
    > 
    > 1. 这是第一行列表项
    > 2. 这是第二行列表项
    

    效果如下:

    这是一段引用

    这是引用的代码块形式    //在`>`后面有 5 个空格
    

    代码例子:

    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
    }
    

    一级引用

    二级引用

    三级引用

    这是一个四级标题

    1. 这是第一行列表项
    2. 这是第二行列表项

    以下是分割线


    强调

    两个*-代表加粗,一个*-代表斜体,~~代表删除。

    **加粗文本** 或者 __加粗文本__
    
    *斜体文本*  或者_斜体文本_
    
    ~~删除文本~~
    

    效果如下:

    加粗文本 或者 加粗文本

    斜体文本 或者 斜体文本

    删除文本


    图片与链接

    图片与链接的语法很像,区别在一个 ! 号。二者格式:

    图片:![]()    ![图片文本(可忽略)](图片地址)
    
    链接:[]()     [链接文本](链接地址)
    

    链接又分为行内式参考式自动链接

    这是行内式链接:[ConnorLin's Blog](http://connorlin.github.io)。
    
    这是参考式链接:[ConnorLin's Blog][url],其中url为链接标记,可置于文中任意位置。
    
    [url]: http://connorlin.github.io/ "ConnorLin's Blog"
    
    链接标记格式为:[链接标记文本]:  链接地址  链接title(可忽略)
    
    这是自动链接:直接使用`<>`括起来<http://connorlin.github.io>
    
    这是图片:![][avatar]
    
    [avatar]: https://connorlin.github.io/images/avatar.jpg
    

    效果如下:

    这是行内式链接:ConnorLin's Blog

    这是参考式链接:ConnorLin's Blog,其中url为链接标记,可置于文中任意位置。

    这是自动链接:直接使用<>括起来http://connorlin.github.io

    这是图片:

    代码

    代码分为行内代码代码块

    • 行内代码使用 `代码` 标识,可嵌入文字中

    • 代码块使用4个空格或```标识

      ```
      这里是代码
      ```

    • 代码语法高亮在 ```后面加上空格和语言名称即可

      ``` 语言
      //注意语言前面有空格
      这里是代码
      ```

    例如:

    这是行内代码`onCreate(Bundle savedInstanceState)`的例子。
    
    这是代码块和语法高亮:
    
    ``` java
    // 注意java前面有空格
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
    }
    ```
    

    效果如下:

    这是行内代码onCreate(Bundle savedInstanceState)的例子。

    这是代码块和语法高亮:

    // 注意java前面有空格
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
    }
    

    表格

    表格对齐格式

    • 居左::----
    • 居中::----:-----
    • 居右:----:

    例子:

    |标题|标题|标题|
    |:---|:---:|---:|
    |居左测试文本|居中测试文本|居右测试文本|
    |居左测试文本1|居中测试文本2|居右测试文本3|
    |居左测试文本11|居中测试文本22|居右测试文本33|
    |居左测试文本111|居中测试文本222|居右测试文本333|
    

    效果如下:

    标题 标题 标题
    居左测试文本 居中测试文本 居右测试文本
    居左测试文本1 居中测试文本2 居右测试文本3
    居左测试文本11 居中测试文本22 居右测试文本33
    居左测试文本111 居中测试文本222 居右测试文本333

    分隔线

    在一行中用三个以上的*-_来建立一个分隔线,行内不能有其他东西。也可以在符号间插入空格。

    ***
    ---
    ___
    
    * * *
    

    效果均为一条分割线:



    换行

    在行尾添加两个空格加回车表示换行:

    这是一行后面加两个空格  换行
    

    效果如下:

    这是一行后面加两个空格
    换行


    脚注(注解)

    使用[^]来定义脚注:

    这是一个脚注的例子[^1]
    
    [^1]: 这里是脚注
    

    效果如下:

    这是一个脚注的例子[1]


    常用弥补Markdown的Html标签

    字体

    <font face="微软雅黑" color="red" size="6">字体及字体颜色和大小</font>
    <font color="#0000ff">字体颜色</font>
    

    效果如下:

    <font face="微软雅黑" color="red" size="6">字体及字体颜色和大小</font>
    <font color="#0000ff">字体颜色</font>


    换行

    使用html标签`<br/>`<br/>换行
    

    效果如下:

    使用html标签<br/>
    换行


    文本对齐方式

    <p align="left">居左文本</p>
    <p align="center">居中文本</p>
    <p align="right">居右文本</p>
    

    效果如下:

    <p align="left">居左文本</p>
    <p align="center">居中文本</p>
    <p align="right">居右文本</p>


    下划线

    <u>下划线文本</u>
    

    效果如下:

    <u>下划线文本</u>


    That's all, Enjoy it!

    备注:文末有些html标签在简书上不支持,同时,本文提供Markdown源文件,需要的请联系我!


    1. 这里是脚注

    相关文章

      网友评论

      • 沐陽泓謹:感觉看完以后明白很多了,非常感谢
      • LD_左岸:能修改字体颜色吗
        小小猪0904:简书的不行,其他的可以
      • 闪电代码手:流弊了,老铁,很实用,谢谢分享
      • 不周山:非常棒,

        有个小bug

        这是一个脚注的例子[^1]
        [^1]: 这里是脚注
      • 我ID怎么了:为什么用``` java
        ```
        没有高亮啊?
      • 是小噜噜啦:我正在学习JAVA开发,可以用这个做笔记吗,或者有更好的笔记软件吗
        是小噜噜啦: @ConnorLin 嗯嗯,evernote这个我昨天下了,感觉不太好用啊,还有就是,我看马克飞象挺好的,可是它收费,而且马克飞象需要绑定evernote,好纠结😣
        ConnorLin:@迷途小书童_ 用来做笔记最好不过,特别是代码可以保留格式。我目前使用sublime + evernote,可以参考下。
      • 无神:这个比之前看到的全面,学习啦,收藏一下,谢谢!:blush:
      • b948f0a1cc6e:你的最后一节’常用弥补Markdown的Html标签‘,用html标签改变字体好像并没有效果啊,我在jupyter notebook上写的时候也是这么用的,也能按标签改的显示,但是转为html后就没效果了,只显示<font ...>....</font>的代码。
      • 莫莫H:挺好的,之前一点都不会用,就感觉这个编辑器 好 高大上
        ConnorLin:@hanliey 其实很简单的,就这些常用的语法,用过一两次就会用了:smile:
      • 杏仁丶:感谢归纳总结分享~
        ConnorLin:@杏仁丶 :grin: 希望对你有帮助
      • 徐绍殷:挺全面的
        ConnorLin:@徐绍殷 希望对你有帮助:smiley:
      • lovexiaov:谢谢分享
        ConnorLin:@lovexiaov :smiley:,希望对你有帮助
      • 墙壁上的人:Mou里,脚注我怎么试都不行啊?
        ConnorLin:@墙壁上的人 我刚试了下,是可以的,要注意格式,中间有空一行且冒号后面需要有空格,如下:

        脚注测试[^1]

        [^1]: xxxxxxxxxxxx
        ConnorLin:@墙壁上的人 Mou我暂时还没用过,可能不同编辑器有差异,我下午试试看
      • b08673ef9ad1:学习下
        ConnorLin:@Princearthas 共同进步:fist:
      • mkitclear:学到了一点新东西,感谢作者咯
        ConnorLin:@且涉烟尘 共同进步:fist:
      • 请叫我大苏:mark 忘记了就过来看看
        ConnorLin:@请叫我大苏 谢谢:smile:
      • 老子与赫本:学习中
        ConnorLin:@老子与赫本 共同进步:fist:
      • cd274fb347b0:马克飞象用起来刚好
        ConnorLin:@Sugar_Lotus 你说得没错,我也是赞成付费使用,我这里的意思是有更好的替代品,我就不会付费去使用它。
        ConnorLin:@Mason克死你 马克飞象唯一不好的就是收费:grin:
      • 3266fc37a164:好棒!上次看到一个,两个结合起来就完美啦~
        ConnorLin:@wxhubu :smile:
      • a77118d36d9b:收藏
        ConnorLin:@decodelife :stuck_out_tongue_winking_eye:

      本文标题:Markdown的常用语法(个人总结)

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