Markdown 语法介绍

2019-01-29  本文已影响0人  萌萌哒前端

在MARKidown中

只需在文本前加上#号

标题字号便会相应降低

#号和标题之间建议保留一个字符的空格

这是最标准的Markdown写法
详细效果可以参考下面截图,左边是Markdown语法,右边是展示效果
QQ截图20190129164706.png

列表

列表格式在Markdown中也很常用,一般分为无序列表和有序列表两种
1,无序列表,只需在文字前加上 - 符号可以了,如

2,有序列表,直接在文字前加上1. 2. 3. 就可以了,列如:

  1. 文本1
  2. 文本2
  3. 文本3

列表案例截图如下


QQ截图20190129165806.png

插入网页链接

在Markdown中,插入链接只需使用[显示文本]加上(链接地址)这样的语法即可,如截图

QQ截图20190129170253.png
显示效果为简书,点击就可以打开链接

插入图片

插入图片和插入链接语法很像,只是前面多了一个!
我们以简书首页上的图片为例

QQ截图20190129171533.png
先右键点击复制图片地址,得到如下地址
https://upload.jianshu.io/admin_banners/web_images/4605/1d5cb81933dbb48ab0aa53d481a1300fc5406e7f.png?imageMogr2/auto-orient/strip|imageView2/1/w/1250/h/540
再用Markdown输入插入图片的语法
QQ截图20190129172016.png
显示的效果图:
简书首页图片

引用

在Markdown中,只需在要在引用的文字前加上>号即可


QQ截图20190129172619.png

引用效果如下

仰天大笑出门去,
我辈岂是蓬蒿人。

粗体和斜体

粗体和斜体的显示很简单,只用到*号


QQ截图20190129173129.png

斜体就是用*号包含一段文本,粗体就是用 ** 包含一段文本,效果如下:
仰天大笑出门去
我辈岂是蓬蒿人

代码引用

需要引用代码时,如果引用的语句只有一段,不分行,可以用 ` 号将语句包起来。如果引用的语句为多行,可以将```置于首行和末行。

单行代码引用

hi,hello

多行代码引用

var a = 1
var b = 2
var c = 3

代码引用的案例截图


QQ截图20190129174248.png

表格

相关代码:


QQ截图20190129175411.png

显示效果:

Tables Are Cool
col 3 is right $1600
col 2 is a b
zebra strips c d

其中重要的应该是第二行


QQ截图20190129213608.png

格式没有对齐,也可以显示出表格


QQ截图20190129213828.png
dog bird cat
dog1 bird1 cat1
1 2 3
4 5 6
上一篇 下一篇

猜你喜欢

热点阅读