美文网首页
Markdown语法

Markdown语法

作者: Sattelizer | 来源:发表于2016-11-14 17:04 被阅读8次

记性不好,在这里记录一点东西备用…

使用的markdown工具是Typora,感觉还是蛮好用的.....

  • 标题 Title

    atx形式:在行首插入1到6个#,对应标题1到6阶。也可以在行尾添加#来表示闭合,但是其实并没有什么卵用,加多少也都是一样的,决定标题阶数的只有行首的#数量。

    # H1
    ## H2
    ···
    ###### H6
    

    还有个Setext形式,用底线=和-来作为标记,但是觉得好麻烦,就不记了,就用#挺好的....

  • 区块引用 Blockquotes

    在行首使用 “ > ” 符号表示区块引用,可以嵌套使用,每层一个“ > ”。

    >This is a Blockquotes
    > > This is nested blockquotes
    
  • 列表

    • 无序列表

      在行首使用“ * ” 、“ + ” 或 “ - ”作为标记

      * row
      * row
      * row
      
      + row
      + row
      + row
      
      - row
      - row
      - row
      
    • 有序列表

      在行首使用阿拉伯数字后接“ . ”作为标记

      1. Hey
      2. Siri
      3. Um...
      

      使用的阿拉伯数字其实没有什么影响,只是为了我们看起来习惯,123和736其实并没有什么区别....

  • 区段元素

    • 链接

      用“ [ ] ” 做为链接的标记,在后接的 “ () ”中填入链接地址。

      This is a link of [google](http://www.google.com/).
      

      这是行内式的语法,比较方便,还有一种参考式要稍微麻烦一些,不过也有会用到的地方,一并记录下来好了....

      同样用“ [ ] ” 做为链接的标记,在后接的“ [ ] ” 中填入作为辨识链接的标记,之后在任何地方把这个标记的链接内容定义出来即可。

      //标记链接
      This is a link of [google][example].
      //定义链接内容
      [example]: http://www.google.com/ "Optional Title"
      [example]: http://www.google.com/ 'Optional Title'
      [example]: http://www.google.com/ (Optional Title)
      

      定义的内容只在产生链接的时候起作用,不会直接出现,并不用担心排版的问题,有一点要注意的是,标签不区分大小写[a][A]是一样的....

      还有一个需要补充的,隐式链接标记功能,意思就是链接标记就是链接辨识链接的标记.......也就是[Google][example]变成了[Google][]定义链接内容时直接用[Google]:http://google.com/ "Google"就可以了。

    • 强调

      用 “ * ” 或者 “ _ ” 作为强调的标记,使用一个“ * ”标记的字符会被转换为斜体,而被两个“ * ”标记的字符则会被加粗。 “ _ ” 与 “ * ” 并无二致,别串着用就好.....

      *Hey*
      _Hey_
      **Siri**
      _Siri_
      

      需要注意的是如果“ * ”或者“ _ ”两边都有空白,就会被作为普通符号来处理,如果要直接插入这两个符号,在前面加上反斜线\即可\*example\*

    • 代码

      代码可以使用“ ` ”来标记,现用的编辑器使用连续三个可以自动生成一个代码块。

      <body> 
          <div></div>
      </body>
      

      这个好像就足够了....其他的似乎对我没有什么卵用,就不记了。

    • 图片

      图片和链接其实挺像的,也是分行内式和参考式。但是没有办法指定图片的宽高,所以有需要记得 用<img>标签。

      行内式用“ ! ”接“ [ ] ” 来给图片占位,在里面随便填点什么都行,不过还是规矩点写写跟图片有关的内容为好,在后接的 “ () ”中填入图片地址。

      ![I'm a image](/path/img.jpg "Optional title")
      

      参考式同样用“ ! ”接 “ [ ] ” 来给图片占位,后接 " [ ] ",与链接的方式相同

      ![I'm a image][example]
      [example]: /path/img.jpg "Optional title"
      
  • 其他

    • 自动链接

      用 “ <> ” 把网址或者电子邮件地址包起来,就会自动转成链接

      <http://www.google.com/>
      <xxxxxxxx@gmail.cn>
      
    • 反斜杠

      反斜杠的作用就在于插入在语法中有意义的符号,列举一下:

      \   反斜线
      `   反引号
      *   星号
      _   底线
      {}  花括号
      []  方括号
      ()  括弧
      #   井字号
      +   加号
      -   减号
      .   英文句点
      !   惊叹号
      

差不多就这么多了,没有记录多少和HTML相关的内容,也省略了不少觉得繁杂并且自己不常用的东西,占个坑,有用到新的内容再补充好了。

相关文章

  • Markdown语法

    Markdown基本语法 Markdown基本语法1 Markdown基本语法2(全、有用)

  • Markdown 入门指南

    Markdown 入门指南 目录Markdown 语法的起源Markdown 语法的种类Markdown trad...

  • MARKDOWN学习之路3

    MARKDOWN学习之路3 markdown介绍markdown语法标题语法列表语法区块引用语法字体语法分割线图片...

  • 第一次markdown

    #markdown的语法据说很简单 ##markdown的语法据说很简单 ###markdown的语法据说很简单 ...

  • Markdown语法

    Markdown语法 注意: Markdown中使用到的语法符号均为英文符号 Markdown语法主要分为如下几大...

  • 00.markdowm语法

    Link: Markdown 语法说明 . Link: Markdown进阶语法整理 .

  • Markdown语法简要说明

    Markdown语法 注意:Markdown中使用到的语法符号均为英文符号 Markdown语法主要分为如下几大部...

  • Markdown语法使用指南

    Markdown 语法 以下是 Markdown 的常用语法!在以后的笔记中将持续使用 Markdown 语法进行...

  • 基本语法

    语法说明 MarkDown基本介绍及使用 MarkDown语法介绍

  • Markdown语法学习

    Markdown语法学习 目录 Markdown语法学习语法补充Markdown简介基本语法标题分隔线强调链接图片...

网友评论

      本文标题:Markdown语法

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