Markdown 语法介绍

2018年5月13日16:39:22 发表评论 294 views
本文预计阅读时间 6 分钟

现如今,markdown语法应用的地方比较多,所以转载留存。主要是新上线的公共文件项目有用到所以研究一下下~

pan.hanlingo.cn

Markdown 语法介绍

Markdown 是一种轻量级标记语言,让写作者专注于写作而不用关注样式。Coding 的许多版块均采用了 Markdown 语法,比如冒泡、讨论、Pull Request 等。

标题

用 Markdown 书写时,只需要在文本前面加上『# 』即可创建一级标题。同理,创建二级标题、三级标题等只需要增加『# 』个数即可,Markdown 共支持六级标题。如下所示:

点击预览可以看到效果:

Markdown 语法介绍

锚点

Coding 会针对每个标题,在解析时都会添加锚点 id,如

会被解析成:

注意我们添加了一个 user-content- 的前缀,所以如果要自己添加跳转链接要使用 Markdown 的形式,且链接要加一个 user-content- 前缀,如:

引用

Markdown 标记区块引用和 email 中用 『>』的引用方式类似,只需要在整个段落的第一行最前面加上 『>』 :

效果图如下:

Markdown 语法介绍

区块引用可以嵌套,只要根据层次加上不同数量的『>』:

效果图如下:

Markdown 语法介绍

引用的区块内也可以使用其他的 Markdown 语法,包括标题、列表、代码区块等:

效果图如下:

Markdown 语法介绍

列表

列表项目标记通常放在最左边,项目标记后面要接一个字符的空格。

无序列表:使用星号、加号或是减号作为列表标记

效果图如下:

Markdown 语法介绍

有序列表:使用数字接着一个英文句点

效果图如下:

Markdown 语法介绍

如果要在列表项目内放进引用,那『>』就需要缩进:

效果图如下:

Markdown 语法介绍

代办列表: 表示列表是否勾选状态(注意:[ ] 前后都要有空格)

效果图如下:

Markdown 语法介绍

代码

只要把你的代码块包裹在 “` 之间,你就不需要通过无休止的缩进来标记代码块了。 在围栏式代码块中,你可以指定一个可选的语言标识符,然后我们就可以为它启用语法着色了。 举个例子,这样可以为一段 Ruby 代码着色:

效果图如下:

Markdown 语法介绍

强调

在Markdown中,可以使用 * 和  _  来表示斜体和加粗。

斜体

效果图如下:

Markdown 语法介绍

加粗

效果图如下:

Markdown 语法介绍

自动链接

方括号显示说明,圆括号内显示网址, Markdown 会自动把它转成链接,例如:

效果图如下:

Markdown 语法介绍

表格

在 Markdown 中,可以制作表格,例如:

效果图如下:

或者也可以让表格两边内容对齐,中间内容居中,例如:

效果图如下:

分割线

在 Markdown 中,可以使用 3 个以上『-』符号制作分割线,例如:

效果图如下:

图片

Markdown 使用了类似链接的语法来插入图片, 包含两种形式: 内联 和 引用.

内联图片语法如下:

也就是:

  • 一个惊叹号『!』
  • 接着一个方括号,里面是图片的替代文字
  • 接着一个普通括号,里面是图片的网址,最后还可以用引号包住并加上 选择性的『title’』文字。

引用图片语法如下:

『id』 是图片引用的名称. 图片引用使用链接定义的相同语法:

  • 瀚林购-帮你省钱的公众号
  • 一个可以领天猫淘宝内部券的公众号,关注直接发送物品名即可领券。欢迎关注!
  • weinxin
  • 瀚凌阁影视-手机看视频当然瀚林阁
  • 免费观看全网vip视频,免费无广告当然畅快~关注公众号直接回复影片命即可!
  • weinxin
时代复分

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: