美文网首页女猿1024
Markdown语法整理

Markdown语法整理

作者: 代艳霞 | 来源:发表于2019-10-14 10:59 被阅读0次

    目录

    • 一、标题写法
    • 二、文本样式
    • 三、列表
    • 四、引用
    • 五、插入
    • 六、表格
    • 七、数学公式
    • 八、其他

    内容

    一、标题写法

    使用”#“表示其后为标题,”#“的数量表征了其后标题的级数,使用时应注意”#“后务必要追加一个空格。或者用"===="表示一级标题,"-----"表示二级标题,(当需要多行文本为标题时可以使用,不用每行前面都加"#",但是简书只支持单行,不支持多行)如:

    我是一级标题
    我是一级标题
    我是一级标题
    ===
    # 我是一级标题
    我是二级标题
    我是二级标题
    我是二级标题
    我是二级标题
    ---
    ## 我是二级标题
    ### 我是三级标题
    

    效果如下:

    标题

    二、文本样式

    1. 斜体

    使用一对"*"或者"_"括起来的内容将会被斜体展示。如:

    *我是斜体*
    __我是斜体__
    
    

    效果如下:

    斜体

    2. 粗体

    使用一对”**“或“__”括起来的内容将会被粗体展示。如:

    **我粗体**
    __我粗体__
    我是普通字体
    

    效果如下:

    粗体

    3. 删除线

    使用一对”~~“括起来的内容将会当成删除线展示。如:

    ~~我是删除线~~
    

    效果如下:

    删除线

    4. 分割线

    你可以在一行中用三个以上的星号、减号、底线来建立一个分隔线,行内不能有其他东西。你也可以在星号或是减号中间插入空格。下面每种写法都可以建立分隔线:使用一对”~~“括起来的内容将会当成删除线展示。如:

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

    效果如下:

    分割线

    5. 角标

    • 上角标

    使用一对”^“括起来的内容是上角标。如:

    2^10^
    

    效果如下:

    上角标
    • 下角标

    使用一对”~“括起来的内容是下角标。如:

    H~2O
    

    效果如下:

    下角标

    6. 注脚

    使用"[X]"(X指代数字),使用"[X]:" 给出注解的解释。如:

    《钢铁是怎样了炼成的》[^1]
    [^1]:这是苏联作家奥斯特洛夫斯基的一部作品。
    

    效果如下:

    注脚

    7. 首行缩进

    把输入法由半角改为全角。 两次空格之后就能够有两个汉字的缩进。
    在开头的时候,先输入下面的代码,然后紧跟着输入文本即可。分号也不要掉。

    半方大的空白 或 
    全方大的空白 或 
    不断行的空白格 或 
    

    三、列表

    1. 无序列表

    使用 "-", "+", "*" (三者功能相同)表示其后是一个列表,符号后同样需要追加空格。(子项,要以一个制表符或者4个空格缩进)如:

    产品展示

    • 无序列表
    • 无序列表
    • 无序列表
    - 无序列表
    + 无序列表
    * 无序列表
    

    效果如下:

    无序列表

    2. 有序列表

    使用"X."(X代指数字)表示其后是一个有序列表,"."后需增加空格。如:

    1. 选项一
    2. 选项二
    3. 选项三
    

    效果如下:

    有序列表

    4.待办事项

    使用"[]"表示一个方框(一对方括号间有一个空格),使用"X"表示被勾选的方框(x不区分大小写)。(很多地方不支持)如:

    - [ ]6:00起床
    - [x]7:00 吃早饭
    - [ ]8:00上课
    

    效果如下:

    待办事项

    四、引用

    使用">"可以引用文本。如:

    > 这是一个引用示例
    

    效果如下:

    引用

    五、插入

    1. 插入链接

    使用下缅甸格式可以插入一个链接。如:

    [百度](http://www.baidu.com)
    <http://www.baidu.com>
    
    (链接集中管理)写法如下:
    [id1]: http://www.baidu.com
    [id2]: http://www.baidu.com
    [链接文字][id1]
    [链接文字][id2]
    
    当链接的id和描述文字相同时,写法如下:
    [链接文字][]
    [链接文字]: http://www.w3cschool.cn/
    

    效果如下:

    插入链接

    2.插入图片

    使用下缅甸格式插入一张图片。如:

    ![插入图片](./插入图片.jpg)
    
    (图片集中管理)写法如下:
    [id1]: http://www.baidu.com
    [id2]: http://www.baidu.com
    ![插入图片][id1]
    ![插入图片][id2]
    
    当图片的id和描述文字相同时,写法如下:
    [插入图片][]
    [插入图片]: http://www.w3cschool.cn/
    

    效果如下:

    插入图片

    3. 插入代码

    使用一对"```"括起来的内容被展示为一段代码。或者只要简单地缩进 4 个空格或是 1 个制表符就可以,如:

    Zepto(".img").on("touchend",function () {
        if(isShow){
            isShow=false;
            Zepto("#m_nav").show();
        }else{
            isShow=true;
            Zepto("#m_nav").hide();
        }
    
    })
    

    效果如下:

    插入代码
    此外,使用一对"``"阔气来的内容被当作是单行代码。如:

    这是一段for()单行代码
    效果如下:

    单行代码

    六、表格

    使用下面的格式可以生成一个表格:

    |科目|分数|排名|
    |-------|------:|:-------|
    |语文|70|2|
    |数学|90|4|
    |英语|99|1|
    

    其中,中划线后的分号可以控制对齐方式,在左边即左对齐,在右边即右对齐。
    效果如下:

    表格

    七、数学公式

    有些时候我们需要输入特殊的数学符号,比如∑ 、∏ 、等,可以用下面的格式 :
    如: \sum_1^n\int_0^1x^2dx
    其中"_",表示后面是下标,"^"表示后面是上标。

    八、其他

    使用HTML增强Markdown功能:
    1. 设置字体大小,颜色,种类

    <font size=3 color=green face="微软雅黑">这是一句话<font>
    

    效果如下:
    2. 下划线效果

    <ins>下划线效果展示1<ins>
    <u>下划线效果展示2<u>
    

    3. 设置背景色

    <table><tr><td bgcolor=yellow>一段有背景色的文字</td></tr></table>
    

    4. 文本对齐

    <p align="center">居中对齐</p>
    <p align=left>左对齐</p>
    <p align=right>右对齐</p>
    

    5. 插入图片进阶

    <img src="网址" width=x height=Y align=center/>
    width设置宽度,height设置高度,align设置对齐方式
    

    相关文章

      网友评论

        本文标题:Markdown语法整理

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