Markdown基本语法

简单介绍一下Markdown的基本语法(未完善,待补充…)

标题

在想要设置为标题的文字前面加#来表示
注:标准语法一般在#后跟个空格再写文字
(1)示例:

1
2
3
4
5
6
# 这是一级标题
## 这是二级标题
### 这是三级标题
#### 这是四级标题
##### 这是五级标题
###### 这是六级标题

(2)效果:
由于标题演示效果会影响目录结构,故不展示效果


字体

(1)简介

  • 加粗
    要加粗的文字左右分别用两个*号包起来
  • 斜体
    要加粗的文字左右分别用一个*号包起来
  • 斜体加粗
    要倾斜和加粗的文字左右分别用三个*号包起来
  • 删除线
    要加删除线的文字左右分别用两个~~号包起来

(2)示例:

1
2
3
4
**这是加粗的文字**
*这是倾斜的文字*`
***这是斜体加粗的文字***
~~这是加删除线的文字~~

(3)效果:
这是加粗的文字
这是倾斜的文字
这是斜体加粗的文字
这是加删除线的文字


引用

在引用的文字前加>即可。
引用也可以嵌套,如加两个>>三个>>>等等

(1)示例:

1
2
3
>这是引用的内容
>>这是引用的内容
>>>>>>>>>>这是引用的内容

(2)效果:

这是引用的内容

这是引用的内容

这是引用的内容


分割线

三个或者三个以上的 - 或者 * 都可以

(1)示例:

1
2
3
4
---
----
***
*****

(2)效果:






图片

(1)简介
基本语法:![图片alt](图片URL"图片title"")
图片alt:显示在图片下面的文字,相当于对图片内容的解释;
图片URL:图片的链接URL
图片title:当鼠标移到图片上时显示的内,title可加可不加(==URL和title之间有个空格==)

(2)示例:

1
![这是一张示例图片](https://ibb.co/album/kshZBF  ''海贼王'')

(3)效果:
这是一张示例图片

图片必须配合链接使用,所以必须有一个好的图床工具:

  1. 七牛云:https://www.qiniu.com/
  2. ImgBB:https://imgbb.com/
  3. 聚合图床:https://www.superbed.cn/
    百度直接搜索关键字“免费图床”,可以搜到一堆

超链接

初级链接

(1)基本语法:[超链接名](超链接URL "超链接title")
title可加可不加,语法参照图片

(2)示例:

1
2
[简书](http://jianshu.com)
[百度](http://baidu.com)

(3)效果:
简书
百度

高级链接

(1)示例

1
2
3
4
5
6
7
链接也可以用变量来代替,文档末尾附带变量地址:
这个链接用 1 作为网址变量 [Google][1]
这个链接用 runoob 作为网址变量 [Runoob][runoob]
然后在文档的结尾为变量赋值(网址)

[1]: http://www.google.com/
[runoob]: http://www.runoob.com/

(2)效果
百度
简书

注:Markdown本身语法不支持链接在新页面中打开,如果想要在新页面中打开的话可以用html语言的a标签代替。例如:

1
2
示例
<a href="https://www.jianshu.com/u/1f5ac0cf6a8b" target="_blank">简书</a>

列表

列表分为无序列表和有序列表

无序列表

无序列表用 - + * 任何一种都可以

(1)示例:

1
2
3
4
5
- 列表内容
+ 列表内容
* 列表内容

注意:- + * 跟内容之间都要有一个空格

(2)效果:

  • 列表内容
  • 列表内容
  • 列表内容

有序列表

数字加点

(1)示例:

1
2
3
4
5
1. 列表内容
2. 列表内容
3. 列表内容

注意:序号跟内容之间要有空格

(2)效果:

  1. 列表内容
  2. 列表内容
  3. 列表内容

注意:序号跟内容之间要有空格

列表嵌套

  • 一级无序列表
    • 二级无序列表
    • 二级无序列表
  • 一级无序列表
    1. 二级有序列表
    2. 二级有序列表

表格

(1)语法:

1
2
3
4
5
6
7
8
9
10
11
表头|表头|表头
---|:--:|---:
内容|内容|内容
内容|内容|内容

第二行分割表头和内容。
- 有一个就行,为了对齐,多加了几个
文字默认居左
-两边加:表示文字居中
-右边加:表示文字居右
注:原生的语法两边都要用 | 包起来。此处省略

(2)示例:

1
2
3
4
5
姓名|技能|排行
--|:--:|--:
刘备||大哥
关羽||二哥
张飞||三弟

(3)效果:
姓名|技能|排行
–|:–:|–:
刘备|哭|大哥
关羽|打|二哥
张飞|骂|三弟


代码

单行代码

代码之间分别用一个反引号包起来
(1)示例:

1
`create database hero;`

(2)效果:
create database hero;

多行代码

代码之间分别用三个反引号包起来,且两边的反引号单独占一行
示例及效果:

1
2
3
4
function fun(){
echo "这是一句非常牛逼的代码";
}
fun();

流程图

公式

流程图

时序图

甘特图


待办事项

- [x]:表示已完成
- [ ]:表示未完成
(1)示例:

1
2
3
4
5
6
- [x] 已完成项目1
- [x] 已完成事项1
- [x] 已完成事项2
- [ ] 待完成项目1
- [ ] 待完成事项1
- [ ] 待完成事项2

(2)效果:

  • 已完成项目1
    • 已完成事项1
    • 已完成事项2
  • 待完成项目1
    • 待完成事项1
    • 待完成事项2

高级技巧

支持的 HTML 元素

(1)简介
目前支持的 HTML 元素有:<kbd> <b> <i> <em> <sup> <sub> <br>
(2)示例

1
2
3
4
5
6
<b>test</b>  
<i>test</i>
<em>test</em>
<sup>test</sup>
<sub>test</sub>
<br>test</br>

(3)效果
test
test
test
test
test

test

转义

(1)简介
Markdown 使用了很多特殊符号来表示特定的意义,如果需要显示特定的符号则需要使用转义字符,Markdown 使用反斜杠转义特殊字符
(2)示例

1
2
**文本加粗**   
\*\* 正常显示星号 \*\*

(3)效果
文本加粗
** 正常显示星号 **


参考文档
1.有道云笔记Markdown指南
2.菜鸟教程

—— 感谢您的阅读 ( ゚∀゚) 有什么疑问可以在下方留言哦 ——
坚持原创技术分享,您的支持将鼓励我继续创作!