Markdown用于写作的轻量级语言

发表于 |

Markdown 简易入门教程

Markdown 是一款轻量级的标记语言，排版语法简洁,让你更多的专注于文章的内容而非排版样式。

什么是 Markdown ?

在之前的导语中提到，Markdown 是一种用来写作的轻量级 [标记语言] ，它使用简介的语法代替排版，而不是像 Word 等文字处理软件有大量的排版、字体设置。并且其由纯文本编写，所以兼容性极强，所有文本编辑器都可以打开，还能轻松的转换为HTML、PDF等格式。

使用Markdown的优点

  • 更专注于文字内容而不是排版样式，安心写作。
  • 轻松导出 HTML、PDF等文件。
  • 纯文本类容，兼容所有的文本编辑器。
  • 标记语法极好的可读、直观性，学习成本低。

Markdown 编辑器

如果你是一名 Coder 的话，那就用你的编辑器就好了，最多装个插件或者试试 Typora。而如果你是一名编辑作者的话，那么你可以先试试在线的编辑器如：简书

  • 在线编辑器
    • GitHub
    • 简书
  • Windows
    • MarkdownPad
    • MarkPad
    • Cmd Markdown
    • Typora
  • Mac
    • Mou
    • Typora
    • MacDown
    • Ulysses
  • 跨平台(需要插件)
    • Atom
    • Sublime Text
    • Visual Studio Code

Markdown 基本语法

标题

  • 语法
    1
    2
    3
    4
    5
    6
    # 一级标题
    ## 二级标题
    ### 三级标题
    #### 四级标题
    ##### 五级标题
    ###### 六级标题

总共 1-6级标题
注意 # 后面有一个空格

  • 样式

列表

  • 有序列表

    • 语法
      使用 数字加上 . 就是一个有序列表，同时也需要注意后面也有一个空格

      1
      2
      1. 有序列表
      2. 有序列表

    • 样式
      注意！有空格的才是有序列表，没有空格的不是只是类似的普通字符而已，如图，一个可选中，一个不行！
      有空格

      没有空格

  • 无序列表

    • 语法
      使用 - + * 都可以生成无序列表，一般推荐嵌套顺序为 - + * 逐步向内

      1
      2
      3
      4
      5
      6
      - 无序列表
      + 无序列表
      * 无序列表
      - 无序列表
          + 无序列表
              * 无序列表

    • 样式

引用

使用 > 来引用一句话，每一段需要一个 > 当然可能有些软件的渲染即使没有 > 号只要没有多余的换行也会渲染，不过为了兼容性，还是推荐每一行加上一个 >

  • 语法
1
2
3
> We believe that writing is about content, about what you want to say – not about fancy formatting.
> 我们坚信写作写的是内容，所思所想，而不是花样格式。
> — Ulysses for Mac
  • 样式

We believe that writing is about content, about what you want to say – not about fancy formatting.
我们坚信写作写的是内容，所思所想，而不是花样格式。
— Ulysses for Mac

图片与链接

进行写作的时候，有时候需要引入图片怎么办？别怕，Markdown 支持本地引入图片，同时也支持引入在线图片，语法共有两种。一种是普通引用直接上链接即可。还有一种类似于变量的引用方式，这里叫它标识引用，语法如下

  • 图片

    • 语法
      Title是什么？当鼠标悬浮在图片上出现的文字叫做Title，无论哪一种Title都可写可不写
      链接的 Title 可以使用双引号、单引号、圆括号包裹起来，这里使用双引号示范

      1
      2
      3
      4
      5
      6
      7
      8
      9
      10
      11
      普通引用
      ![](图片路径 "Title")
      ![Google](https://www.google.com/images/branding/googlelogo/1x/googlelogo_color_272x92dp.png "Google")
      标识引用
      ![][标识名称]
      ![Google][Google]
      [Google]: https://www.google.com/images/branding/googlelogo/1x/googlelogo_color_272x92dp.png "Google"
      这里的链接辨别标识可以是字母、数字、空白和标点符号，但是不区分大小写
      ![Google][Google]
      ![Google][google]
      因此这两个链接是一样的

    • 样式
      普通引用(行类式)

      标识引用(参考式)

  • 超链接
    超链接和图片链接是类似的，同样有两种形式：普通引用、标识引用，只不过超链接前面少一个感叹号 !，这里就不多介绍了

    • 语法

      1
      [显示文本](链接路径 "Title")

    • 样式

Rubik’s Blog

粗体与斜体

  • 粗体

    • 语法

      1
      2
      **粗体**
      __粗体__

    • 样式
      粗体1
      粗体2

  • 斜体

    • 语法

      1
      2
      *斜体*
      _斜体_

    • 样式
      斜体
      _斜体_

代码块

``` 包裹起来就是一个代码块后面可以跟上其的语言名称来显示对应的代码高亮，当然也可以不写

  • 语法

  • 样式

    1
    2
    3
    function sayHello () {
        console.log('Hello!')
    }

表格

  • 语法
    表格可以这样书写，使用 : 来标识对其方向 --- 上面的是表头 :号在 ---左面就是左对齐，右边就是右对齐，两边都写就是居中
    1
    2
    3
    4
    5
    |    id      |     name     |    score      |
    |    ---     |    :---:     |     ---:      |
    |    001     |     Mark     |      90       |
    |    002     |     Ford     |      80       |
    |    003     |     Alan     |      95       |
  • 样式
id name score
001 Mark 90
002 Ford 80
003 Alan 95

分割线

在同一行中使用三个以上的星号、减号、下划线，都可以成为一条分割线

  • 语法

    1
    2
    3
    ***
    ___
    ***

  • 样式

感谢

本篇文章整理于其他文章仅仅用于个人纪录，侵权请联系删除！

感谢以下文章及文章作者
HuiHut
少数派
简书
SegmentFault