美文网首页前端笔记markdown
MarkDown编辑语法的学习

MarkDown编辑语法的学习

作者: 六个周 | 来源:发表于2018-08-22 21:33 被阅读41次

    最近在简书写文章时,发现对MarkDown语法的了解是如此的欠缺,本文便是进行学习整理出来的一份MarkDown学习笔记。
    首先,学习该语法前,我们要明白Markdown 语法的目标是:成为一种适用于网络的书写语言,能让文档更容易读、写和随意改。


    标题{#}

    Markdown支持两种标题写法:

    • 利用【===】(最高阶标题) 和【---】(第二阶标题)来定义标题。
    • 利用【#】这是H1,【##】这是H2,……【######】H6(推荐)

    区块引用{>}

    • 在段落前使用【>】符号,则代码显示为上段与本段的样式显示(在一>个灰色方框中)
    • Markedown也可以使用【>>】进行引用嵌套,例如下面的显示:
    这是在本段话前添加【>>#####】,而进行的一级显示。
    这是在本段话前添加【>>>######】,而进行的显示
     这是空格加TAB制表符的显示
    

    列表{+加空格}

    无序列表使用星号(*)、加号(+)、减号(-)作为列表标记。我们掌握i+号,实例如下:
    • 无序列表1
    • 无序列表2
    • 无序列表3
    有序列表使用使用数字(随意一个数字)接着一个英文句点
    1. 有序列表1
    2. 有序列表2
    3. 有序列表3

    代码区块{空行+制表符}

    这里是代码区块的示例。
    
    显示上方代码,只有空一行加一个制表符就可以了。

    分割线{***}

    例如上面的分割线,只要在一行代码中输入【***】,那么就可以实现上面显示的横线。


    区块元素

    链接

    Markdown 支持两种形式的链接语法: 行内式和参考式两种形式。
    不管是哪一种,链接文字都是用 [方括号] 来标记。

    • 行内式链接{[]()}

    只要在【方块括号】后面紧接着【圆括号】并插入网址链接即可,例如下面的显示:
    我的前端笔记

    • 参考式链接{[] []}

    参考式的链接是在链接文字的【方块括号】后面再接上另一个【方块括号】,而在第二个方括号里面要填入用以辨识链接的标记,例如下面的显示:
    我的微博主页
    我的简书主页

    强调{*或者_}

    Markdown 使用星号(*)和底线(_)作为标记强调字词的符号,被 * 或 _ 包围的字词会被转成用 <em> 标签包围,用两个 * 或 _ 包起来的话,则会被转成 <strong>.
    示例1(一个*前后包围起来的文字)
    示例2(两个*前后包围起来的文字)

    代码{`}

    Use the printf() function.

    上面的示例与本示例是使用反引号(`或者``)将它包起来而改变的颜色。

    图片

    同样也允许两种样式: 行内式和参考式。参考上面,这里只记行内式:
    行内式的图片语法与显示如下:
    [image](图片地址)

    image

    其它

    自动链接

    比如链接到我的简书主页,我直接在编辑器中输入
    https://www.jianshu.com/u/5842abb77bd1,显示如下:

    https://www.jianshu.com/u/5842abb77bd1

    以上便是我做的一些总结,希望对你有所帮助。

    相关文章

      网友评论

      本文标题:MarkDown编辑语法的学习

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