美文网首页
Markdown语法:常用总结

Markdown语法:常用总结

作者: 解码漫聊 | 来源:发表于2018-01-10 11:56 被阅读0次
熟练掌握以下Markdown语法够用足以
  • 标题
  • 列表
  • 链接和图片
  • 引用
  • 粗体和斜体
  • 代码引用
  • 表格

一、标题

这是最为常用的格式,在平时常用的的文本编辑器中大多是这样实现的:输入文本、选中文本、设置标题格式。

而在 Markdown 中,你只需要在文本前面加上 # 即可,同理、你还可以增加二级标题、三级标题、四级标题、五级标题和六级标题,总共六级,只需要增加 # 即可,标题字号相应降低。例如:

# 一级标题
## 二级标题
### 三级标题
#### 四级标题
##### 五级标题
###### 六级标题

注意 # 和「一级标题」之间建议保留一个字符的空格,这是最标准的 Markdown 写法

效果如下:

Markdown标题.png

二、列表

列表格式也很常用,在 Markdown 中,你只需要在文字前面加上 - 就可以了,例如:

- 文本1
- 文本2
- 文本3

如果你希望有序列表,在文字前面加上 1. 2. 3. 就可以了,例如:

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

注:-、1.和文本之间要保留一个字符的空格。

效果如下:


Markdown列表.png

三、链接和图片

在 Markdown 中,插入链接不需要其他按钮,你只需要使用 [显示文本](链接地址) 这样的语法即可,例如:

[简书](https://www.jianshu.com/u/5a173592e24c)

在 Markdown 中,插入图片不需要其他按钮,你只需要使用 [图片上传失败...(image-332bfb-1515556543941)] 这样的语法即可,例如:

![](https://img.haomeiwen.com/i259/0ad0d0bfc1c608b6.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

:插入图片的语法和链接的语法很像,只是前面多了一个 !。

插入链接和图片的案例截图:

markdown链接和图片.png

技巧:修改插入图片大小

  1. 修改插入图片后的链接
    比如刚才插入图片后的图片地址是:https://img.haomeiwen.com/i1761290/4266443358fe8bad.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240,修改1240为其他数字就好了
  2. 嵌入HTML代码
    使用img标签
<img src="./xxx.png" width = "300" height = "200" alt="图片名称" align=center />

附:如果需要居中的话只要在外面包围div标签即可

<div  align="center">    
...
</div>

四、引用

在我们写作的时候经常需要引用他人的文字,这个时候引用这个格式就很有必要了,在 Markdown 中,你只需要在你希望引用的文字前面加上 > 就好了,例如:

> 如果每一个混蛋的内心都住着一个天使该有多好。

:> 和文本之间要保留一个字符的空格。

最终显示效果:

如果每一个混蛋的内心都住着一个天使该有多好。

使用案例截图:


markdown引用.png

五、粗体和斜体

Markdown 的粗体和斜体也非常简单,用两个 * 包含一段文本就是粗体的语法,用一个 * 包含一段文本就是斜体的语法。例如:

如果每一个 混蛋 的内心都住着一个 天使 该有多好。

示例中混蛋就是粗体,天使 就是斜体

使用案例截图:

Markdown粗体和斜体.png

六、代码引用

需要引用代码时,如果引用的语句只有一段,不分行,可以用 ` 将语句包起来。

如果引用的语句为多行,可以将 ``` 置于这段代码的首行和末行。

使用案例截图:


markdown代码引用.png

七、表格

相关代码:

| 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

相关代码:

dog | bird | cat
----|------|----
foo | foo  | foo
bar | bar  | bar
baz | baz  | baz

显示效果:

dog bird cat
foo foo foo
bar bar bar
baz baz baz

结束

如想深究Markdown,可以参考这篇『Markdown 语法说明』

相关文章

  • 【常用markdown语法总结】

    【常用markdown语法总结】 tags: markdown语法 原创 已备份 标签 文章列首:“标签:A B ...

  • markdown基本语法总结

    markdown基本语法总结 常用Markdown符号(简单罗列常用MD符号,具体可查看Markdown中文官方文...

  • Markdown入门

    常用Markdown语法 声明:本篇博客总结的Markdown语法并不全面,只是我最近打算开始使用Markdown...

  • 简书markdown初试

    早就知道简书已经支持了markdown语法,今天特来实验一番。下面就是对常用到的markdown语法的总结,方便自...

  • Markdown语法使用指南

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

  • Markdown语法:常用总结

    熟练掌握以下Markdown语法够用足以标题列表链接和图片引用粗体和斜体代码引用表格 一、标题 这是最为常用的格式...

  • 常用markdown语法总结

    Markdown是一种轻量级的标记语言,但它并不复杂,算下来一共只有十多种,熟悉后写作效率能得到极大提升。它用简洁...

  • MarkDown语法

    MarkDown常用语法 MarkDown语法Document Markdown 语法的目标是:成为一种适用于网络...

  • markdown

    MarkDown常用语法

  • demo 测试

    *** 一条横线 demo 测试 测试 markdown 语法 markdown 常用语法 # 标题 * +...

网友评论

      本文标题:Markdown语法:常用总结

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