Markdown 入门

1.入门

在本文章中,将介绍如何使用 Markdown 书写文档。内容实为总结并非原创。

2. 简介

Markdown 是由 John Gruber 在 Aaron Swartz 的帮助下,于 2004年创造的标记语言。使人可以用易读易用的纯文本格式语言书写,并且可以转换为 XHTML 或者 HTML。Markdown 是一种可以使用普通文本编辑器编写的标记语言,通过简单的标记语法,它可以使普通文本内容具有一定的格式。Markdown的语法简洁明了、学习容易,而且功能比纯文本更强,因此有很多人用它写博客。

一份 Markdown 文档通常会使用. md 的扩展名,你可以使用文本编辑器来打开编辑。
Github,GitBook,Reddit,Diaspora,Stack Overflow, OpenStreetMap 等许多组织机构都使用了 Markdown。甚至这篇文章也在使用 Markdown。

3.Titles

当我们开始书写一份文档时,我们通常需要问文章添加标题和副标题。
Markdown 支持两种标题书写格式,Setext 和 Atx

Setext 模式书写标题是在书写一级标题时在下方使用等号,而在二级标题时使用破折号。

 This  is  an H1
 ===============
This is  an H2
 ---------------------

任意个数的等号和破折号都会起作用。

而 Atx 模式下,标题是使用1-6个 # 来对应1-6等级的标题

# This is an H1

## This is an H2

###### This is an H6

你也可以在标题末尾使用任意个数的 # 来使你的书写显得整齐优美,但是标题之前的符号个数决定了标题等级

# This is an H1#

## This is an H2##

### This is an H3######

Tips: '#' 与标题字符之间需要有空格

Tips: 只有'='和'-'才能在处于文字下方时起作用。

4.Links

Markdown 支持两种连接模式: 内联连接 和引用连接
在两种模式下,连接文本都是由[方括号]限定的。
在书写连接时,你需要在包含连接文本的方括号结束后使用普通括号,并把连接地址 URL 和一个可选的引号内的链接标题放入括号内。

[I'm an inline-style link](https://www.baidu.com)

[I'm an inline-style link with title](https://www.baidu.com "baidu")

[I'm a reference-style link][Arbitrary case-insensitive reference text]

[I'm a relative reference to a repository file](../blob/master/LICENSE)

引用模式连接使用另外一对方括号,并在括号中放置一个你选定的标签来标识该连接

 This is [an example] [id] reference-style link. 

你可以随意使用一个空格来分开这几个方括号

This is [an example] [id] reference-style link.

之后在文档的任意位置,你可以像这样定义你的连接标签

[id]: http://example.com/ ''Optional Title Here''

GitHub 和 GitBook 都支持 URL 自动识别,会自动连接到标准的 URL 地址。所以如果你在不设置连接文本的情况下连接到 URL,你可以简单地输入 URL, 该 URL 会自动转换为指向该 URL 的链接。
Tips: 连接文本是由方括号限定的
Tips: 连接有三个部分: 文本, URL 和一个标题

5.Images

#InLine
![](/path/to/img.jpg "Optional title")

#Reference
![Alternative text] [id]
[id]: url/to/image "Optional title"

也许你已经注意到,在 Markdown 中 图像和连接是非常相似的。不同之处在于:

  • 方括号之前需要一个惊叹号
  • 图像中需要一个替换文本,来描述将要加载的图像,在图像不能正常显示时加以显示。
    Tips: 定义图像时需要在方括号之前书写惊叹号,替换文本是可选的
    Tips: 和连接类似,图像也由三部分组成: 可选文本, URL, 和一个标题。而且惊叹号是必须的。

6.Code Blocks

预定义格式的代码块可以用来书写或者标记源代码,而不是用来规范普通段落文本,代码块中的文本是逐行逐字显示的。

This  is a code block

在 markdown 中书写代码块非常简单,只需要把每一行缩进至少4个空格或者一个 Tab。

This is a normal paragraph:

This is a code block.

你也可以通过 ``` 来分隔,书写代码块

  • 内联代码块
    内联代码块书写可以使用: `
This is a `inline code block`
  • 语法高亮
    你可以定义需要高亮现实的语言,并将它的名字添加进入开放的标签中


    语法高亮.png

7.Tables

表格并不是 core Markdown 特性,但是 GFM(GitHub Markdown)支持,现在 Markdown 支持了

| Tables        | Are           | Cool  |
| ------------- |:-------------:| -----:|
| col 3 is      | right-aligned | $1600 |
| col 2 is      | centered      |   $12 |
| zebra stripes | are neat      |    $1 |
Tables Are Cool
col 3 is right-aligned $1600
col 2 is centered $12
zebra stripes are neat $1

冒号可以用来对齐
外面的(|)是可选的,你并不需要在 Markdown 中进行严格对齐

Markdown | Less | Pretty
--- | --- | ---
*Still* | `renders` | **nicely**
1 | 2 | 3

8.常用语法

|输出后的效果|    Markdown|   快捷键|
| ------------- |:-------------:| -----:|
|Bold   |**text**   |Ctrl/⌘ + B
|Emphasize  |*text* |Ctrl/⌘ + I
|Strike-through |~~text~~   |Ctrl + Alt + U
|Link   |[title](http://)   |Ctrl/⌘ + K
|Inline Code    |`code` |Ctrl/⌘ + Shift + K
|Image  |`[图片上传失败...(image-a496e7-1541132915096)]`  |Ctrl/⌘ + Shift + I
|List   |* item |Ctrl + L
|Blockquote |> quote    |Ctrl + Q
|H1 |# Heading  |                  |
|H2 |## Heading |Ctrl/⌘ + H
|H3 |### Heading    |Ctrl/⌘ + H (x2)
输出后的效果 Markdown 快捷键
Bold text Ctrl/⌘ + B
Emphasize text Ctrl/⌘ + I
Strike-through text Ctrl + Alt + U
Link title Ctrl/⌘ + K
Inline Code code Ctrl/⌘ + Shift + K
Image [图片上传失败...(image-a496e7-1541132915096)] Ctrl/⌘ + Shift + I
List * item Ctrl + L
Blockquote > quote Ctrl + Q
H1 # Heading
H2 ## Heading Ctrl/⌘ + H
H3 ### Heading Ctrl/⌘ + H (x2)
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 199,711评论 5 468
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 83,932评论 2 376
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 146,770评论 0 330
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 53,799评论 1 271
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 62,697评论 5 359
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,069评论 1 276
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,535评论 3 390
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,200评论 0 254
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,353评论 1 294
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,290评论 2 317
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,331评论 1 329
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,020评论 3 315
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,610评论 3 303
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,694评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 30,927评论 1 255
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 42,330评论 2 346
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 41,904评论 2 341

推荐阅读更多精彩内容

  • Markdown 语法手册 概述宗旨兼容HTML特殊字符子自动转换 区块元素段落和换行标题区块引用列表代码区块列表...
    Junting阅读 524评论 0 0
  • 前言## 既然是入门学习,那还是要稳扎稳打,根据简书官方给出的献给写作者的 Markdown 新手指南和Markd...
    Oliver_Le阅读 1,038评论 4 4
  • 写在前面:这是我自己学习MarkDown的一篇文章,我直接按照原来的格式去写一份,边写文章边学MarkDown,原...
    IUVO阅读 575评论 0 0
  • 如果想在网上发发文章,写写博客,那么markdown是非常推荐的一门语言,文字工作者,IT从业者等等都可以花一点时...
    dejunz阅读 918评论 0 3
  • 1:边境牧羊犬边境牧羊犬(Border Collie)原产于苏格兰边境,为柯利牧羊犬之一种,具强烈的牧羊本能,天性...
    小江闯世界阅读 1,409评论 2 0