【前端】Markdown基础语法入门指南

作者: 吾非言 | 来源:发表于2017-10-22 18:39 被阅读183次

    作者:邹峰立,微博:zrunker,邮箱:zrunker@yahoo.com,微信公众号:书客创作,个人平台:www.ibooker.cc

    本文选自书客创作平台第67篇文章。阅读原文

    书客创作

    什么是Markdown?

    Markdown 是一种用来写作的轻量级「标记语言」,它用简洁的语法代替排版,而不像一般我们用的字处理软件 Word 或 Pages 有大量的排版、字体设置。它使我们专心于码字,用「标记」语法,来代替常见的排版格式。

    如何使用Markdown?

    Markdown的使用只需要遵循它的语法规则来实现相应的功能,下面我将从常用的一些语法进行讲解,当然Markdown的语法规则不限于以下内容。

    标题

    在Markdown当中标题分六级。语法:'#'+标题(#个数1~6分别表示标题的一到六级)。

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

    一级标题

    二级标题

    三级标题

    四级标题

    五级标题
    六级标题

    有序列表

    有序列表是由数字顺序排列的列表项目。语法:数字+'.'+空格+内容。

    1. 张三
    2. 李四
    3. 王五
    4. 赵六
    5. [x] 打勾
    6. [ ] 不打勾
    
    1. 张三
    2. 李四
    3. 王五
    4. 赵六
    5. [x] 打勾
    6. [ ] 不打勾

    无序列表

    无序列表是一个没有特定顺序的列表项的集合,也称为项目列表。语法:'*'或'-'或'+'+空格+内容。

    - 张三
    - 李四
    - 王五
    - 赵六
     - [x] 打勾
     - [ ] 不打勾
    或
    * 张三
    * 李四
    * 王五
    * 赵六
    或
    + 张三
    + 李四
    + 王五
    + 赵六
    
    • 张三
    • 李四
    • 王五
    • 赵六
    • [x] 打勾
    • [ ] 不打勾

    引用

    Markdown 标记区块引用是使用类似 email 中用 > 的引用方式。语法:'>'+内容。

    >引用内容
    >>多级引用
    
    >*  无序列表
    >1. 有序列表
    >[链接](地址)
    

    引用内容

    多级引用

    • 无序列表
    1. 有序列表
      链接

    链接

    Markdown支持两种形式的链接语法:行内式和参考式两种形式。语法:[链接标题] + (链接地址)。

    [书客创作](http://www.ibooker.cc/"书客创作")
    [书客创作](http://www.ibooker.cc)
    

    书客创作
    书客创作

    图片链接

    语法:'!'+[可选Alt Text]+(图片地址)。

    ![书客创作Logo](http://ibooker.cc/resources/images-logos/ibooker_logo_web_217x80.jpg)
    
    // 可以收到设置图片尺寸
    simple, assumes units are in px
    ![书客创作Logo](http://ibooker.cc/resources/images-logos/ibooker_logo_web_217x80.jpg =100x80)
    sets the height to "auto"
    ![书客创作Logo](http://ibooker.cc/resources/images-logos/ibooker_logo_web_217x80.jpg =100x*)
    Image with width of 80% and height of 5em
    ![书客创作Logo](http://ibooker.cc/resources/images-logos/ibooker_logo_web_217x80.jpg =80%x5em)
    
    书客创作Logo

    邮箱

    语法:<邮箱地址>。

    <ibooker@email.com>
    

    ibooker@email.com


    普通内容

    Markdown使用一些特殊的字符包裹文字,从而实现不同的效果。

    **加粗**
    __加粗(单独)__
    *倾斜*
    _倾斜(单独)_
    ~~删除线~~
    `Code 标记`
    \<div>Html标签\</div>
    

    加粗
    加粗(单独)
    倾斜
    倾斜(单独)
    删除线
    Code 标记
    <div>Html标签</div>


    表格

    | h1    |    h2   |      h3 |
    |:------|:-------:|--------:|
    | 100   | [a][1]  | ![b][2] |
    | *foo* | **bar** | ~~baz~~ |
    
    h1 h2 h3
    100 [a][1] ![b][2]
    foo bar baz

    代码块

    和程序相关的写作或是标签语言原始码通常会有已经排版好的代码区块。语法: 四个空格+内容。或者将内容用```包裹。

    system.out.println("Hello 书客创作");
    

    system.out.println("Hello 书客创作");

    system.out.println("Hello 书客创作");


    段落

    Markdown对段落的处理有一些麻烦,提供以下两个方式:

    1、留空白的换行,将会被自动转换成一个段落,会有一定的段落间距。
    2、在插入处先按入两个以上的空格然后回车。
    3、目前只支持两个换行。


    分隔线

    可以在一行中用三个以上的星号、减号、底线来建立一个分隔线,行内不能有其他东西。也可以在星号或是减号中间插入空格。下面每种写法都可以建立分隔线:

    ***
    
    ----------
    
    * * *
    
    *****
    
    - - -
    
    ----------
    
    ---------------------------------------
    

    阅读原文


    微信公众号:书客创作

    相关文章

      网友评论

        本文标题:【前端】Markdown基础语法入门指南

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