Markdown 常用语法

作者: Q以梦为马 | 来源:发表于2017-02-07 14:07 被阅读0次

    又有朋友入坑程序猿这一神圣而又伟大的职业,问写博客用 Markdown 语法怎么样,表示大力赞同 ,一直以来都觉得 Markdown 语法超级简单方便,这两天年后刚上班,闲来无事,于是整理下平常用到的 Markdown 语法,希望能帮到有需要的道友。

    一、标题

    // 标题前面加 # 号,一个 # 代表是一级标题
    #一级标题
    ##二级标题
    ###三级标题
    ####四级标题
    #####五级标题
    ######六级标题
    

    效果预览

    一级标题

    二级标题

    三级标题

    四级标题

    五级标题
    六级标题

    二、区块引用

    // `>`后有 1 个空格
    > 引用      
    
    > 一级引用
    > > 二级引用
    > > > 三级引用
    > > > > 四级引用
    > > > > > 五级引用
    

    效果预览

    引用

    一级引用

    二级引用

    三级引用

    四级引用

    五级引用

    三、强调

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

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

    效果预览

    斜体加粗文本 或者 斜体加粗文本

    加粗文本 或者 加粗文本

    斜体文本 或者斜体文本

    删除文本

    当然以上几种还可以交叉使用,比如

    ~~**删除加粗文本**~~
    
    ~~***删除斜体加粗文本***~~
    

    效果预览

    删除加粗文本

    删除斜体加粗文本

    四、列表

    Markdown 支持有序列表和无序列表。
    无序列表使用 *-、和 + 作为列表标记:

    * 北京
        * 海淀区
            * 五道口
    * 上海
        * 黄浦区
            * 外滩
    * 广州
        * 广州
            * 广州
            
    
    - 北京
        - 海淀区
            - 五道口
    - 上海
        - 黄浦区
            - 外滩
    - 广州
        - 广州
            - 广州
            
    
    + 北京
        + 海淀区
            + 五道口
    + 上海
        + 黄浦区
            + 外滩
    + 广州
        + 广州
            + 广州
    

    效果预览

    • 北京
      • 海淀区
        • 五道口
    • 上海
      • 黄浦区
        • 外滩
    • 广州
      • 广州
        • 广州

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

    1. 北京
    2. 上海
    3. 广州
    

    效果预览

    1. 北京
    2. 上海
    3. 广州

    五、分隔线

    可以用三个或三个以上的 *-、或 _ 来建立分隔线

    ******
    ___
    ---
    

    效果预览




    六、链接

    Markdown 支持三种形式的链接语法: 行内式和参考式和自动链接。

    行内式链接:[_以梦为马](http://www.jianshu.com/u/4f54fbd2ea5f)
    
    参考式链接:[_以梦为马][url]
    
    // url 为链接标记
    [url]: http://www.jianshu.com/u/4f54fbd2ea5f
    
    自动链接:<http://www.jianshu.com/u/4f54fbd2ea5f>
    
    

    效果预览

    行内式链接:_以梦为马

    参考式链接:_以梦为马

    自动链接:http://www.jianshu.com/u/4f54fbd2ea5f

    七、图片

    Markdown 插入图片的方式有两种,分为行内式和参考式,但两者都无法调整图片大小,因此建议在插入图片之前先调整好图片的大小

    行内式插入图片:![图片描述](http://upload.jianshu.io/users/upload_avatars/2665449/2a2822209b0d.jpeg?imageMogr2/auto-orient/strip|imageView2/1/w/240/h/240)
    参考式插入图片:![图片描述][image]
    [image]: http://upload.jianshu.io/users/upload_avatars/2665449/2a2822209b0d.jpeg?imageMogr2/auto-orient/strip|imageView2/1/w/240/h/240
    
    

    效果预览

    这是行内式插入图片: [图片上传失败...(image-62463-1514895850682)]

    这是参考式插入图片:![参考式插入图片][image]
    [image]: http://upload.jianshu.io/users/upload_avatars/2665449/2a2822209b0d.jpeg?imageMogr2/auto-orient/strip|imageView2/1/w/240/h/240

    八、代码

    代码分为行内代码和代码框
    • 行内代码就是用两个`把需要添加行内代码的区域包起来。
    这是行内代码:`self.tableView.delegate = self`
    

    效果预览

    这是行内代码:self.tableView.delegate = self

    • 代码框就是用两个 ``` 把需要添加行内代码的区域包起来。
      这是代码框:
    ``` iOS
        self.tableView.delegate = self;
        self.tableView.dataSource = self;
        self.tableView.showsVerticalScrollIndicator = NO;
        self.tableView.separatorStyle = UITableViewCellSeparatorStyleNone;
    ``` ```
    
    **效果预览**:
    
    这是代码框:
    ``` iOS
        self.tableView.delegate = self;
        self.tableView.dataSource = self;
        self.tableView.showsVerticalScrollIndicator = NO;
        self.tableView.separatorStyle = UITableViewCellSeparatorStyleNone;
    

    九、表格

    • 表格对齐方式有三种:
      • 居左::----
      • 居中::----:-----
      • 居右:----:
    |标题|标题|标题|
    |:---|:---:|---:|
    |居左居左居左居左|居中|居右|
    |居左|居中居中居中居中|居右|
    |居左|居中|居右居右居右居右|
    

    效果预览

    标题 标题 标题
    居左居左居左居左 居中 居右
    居左 居中居中居中居中 居右
    居左 居中 居右居右居右居右

    十、脚注

    使用[^]来定义脚注:

    这是一个脚注 [^1]
    
    [^1]: 这是一个脚注
    

    效果预览

    这是一个脚注 [1]

    十一、高级技巧

    • HTML 标签
    • 代码块 <pre>代码块</pre>
      效果预览
      <pre>代码块</pre>
    • 粗斜体 <b> Markdown 加粗 *斜体* </b>
      效果预览
      <b> Markdown 加粗 斜体 </b>
    • 下划线 <u>下划线</u>
      效果预览
      <u>下划线</u>

    Markdown 中 HTML 标签还有很多,比如<kdb> <i> <em> <sup> <sub> <br> <p>等等,有兴趣的童鞋可以试试。

    • 符号转义
    \_不想这里的文本变斜体\_
    \*\*不想这里的文本加粗\*\*
    

    效果预览
    _不想这里的文本变斜体_
    **不想这里的文本加粗**

    结束语:

    Markdown 的常用语法基本上都在这里了,另外再推荐一款免费且十分好用的 Markdown 编辑器 Mou(Mac OS X 上)。


    1. 这是一个脚注

    相关文章

      网友评论

        本文标题:Markdown 常用语法

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