markdown语法

Posted on

MarkDown语法示例

参照的blog:README
由于hexo搭建的blog和github上有点不兼容，所以显示出了问题请移步MARKDOWN

目录

标题

语法

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

tips:最多六级

效果

一级标题

二级标题

三级标题

四级标题

五级标题
六级标题

分割线

语法

1
2
3
*************
-------------
=============

效果

***看我下面

—看我下面

===看我下面

文本

普通文本

这是一段普通的文本，没什么特殊的语法

文本块

如果在行前加入四个空格或者一个tab的话就会变成这样

当然，如果有很多行的话
就在每一行前面加上四个空格课一个tab
一样的效果

1
2
如果你在文本的前后各加上三个反引号，就是键盘左边靠近1键的那个键,也是一样的效果哦！
注意，这三个反引号不要和文本在同一行，否则没有效果，应该将此示例的反引号各占一排

文字高亮

语法

1
`我告诉` `你们` `我` `亮了`

效果

我告诉 你们 我 亮了

文本换行

语法

1
2
3
4
5
6
7
我一开始写这个markdown语法的时候就有个疑问[space][space]  
这TM怎么换行啊！为什么全堆到一行上面去了啊！[space][space]   
现在我告诉你哦！[space][space]   
只要你在上一行后面添加两个额外的空格就可以了[space][space]   
或者你直接在你要换行的文本之间补上一行的空行
  //我其实是代表的空行哦！加了双斜杠程序员看不见
也可以哦！不过这个间距有那么一点夸张，推荐第一个方法

效果

我一开始写这个markdown语法的时候就有个疑问
这TM怎么换行啊！为什么全堆到一行上面去了啊！
现在我告诉你哦！
只要你在上一行后面添加两个额外的空格就可以了
或者你直接在你要换行的文本之间补上一行的空行

也可以哦！不过这个间距有那么一点夸张，推荐第一个方法

字体

字体 写法 效果
斜体 *斜体语法一号* 斜体语法一号
斜体 _斜体语法二号_ 斜体语法二号
粗体 **我是粗体我很粗** 我是粗体我很粗
粗体 __我也是粗体我也粗__ 我也是粗体我也粗
删除线 ~~在下是删除线~~ 在下是删除线
斜粗体 ***斜粗体一号*** 斜粗体一号
斜粗体 ___斜粗体二号___ 斜粗体二号
斜粗体加删除线一号 ***~~斜粗体加删除线1~~*** 斜粗体加删除线1
斜粗体加删除线二号 ~~***斜粗体加删除线2***~~ 斜粗体加删除线2

tips:斜体 粗体 删除线 可以组合使用，组合服用风味更佳

图片

语法

1
2
3
4
5
6
![alt](URL title)

参数的意义：
alt:当图片加载失败时显示的文本(可省略)
URL:图片的地址(不可省略，URL你都省略了，那加载什么啊！),可以是绝对地址或是相对地址
title:鼠标悬停时显示的文本(可省略)
1
2
3
4
示例:
![绝对地址](https://innovatorzhang.github.io/images/cat.gif)
![相对地址](/images/one.gif)
![高级写法][SB] SB在文档最后定义，这里后面那个是方括号哦！

最后一种写法SB在文档最后有定义:[SB]:/images/two.jpg "SB证"

效果

示例:
绝对地址
相对地址
高级写法

链接

文字链接

名称 语法 效果
我的微博 [微博](https://weibo.com/u/5746068346?refer_flag=1001030101_&is_all=1 "我的微博") 微博
微博写法二 [微博][weibo] 微博
我的知乎 [知乎][zhihu] 知乎
我的博客 [博客][blog] 博客
相对地址 [使用相对地址](/blogs/关于ss的使用.md) 使用相对地址 
1
2
3
4
5
6
7
可以看出你可以使用 []() 的语法直接给出URL,也可以使用定义的方法定义一个URL，以后用[][]的方式使用
相当于是一个变量，方便以后的使用。
上面那个微博的效果是一样的。
比如：在文档末尾定义了
[blog]:https://innovatorzhang.github.io "我的博客"
之后，以后要使用这个URL只需要[blog]就行了，减少了很多的重复。
相对地址的使用同理。

图片链接

有文字链接的话，当然也有图片链接啊！这在平常的网页中十分常见
这里介绍一下图片链接的语法
名称 语法 效果
链接到知乎0 [![cat]][zhihu] cat
链接知乎1 [![miao](https://innovatorzhang.github.io/images/cat.gif "MiniCat")][zhihu] miao
链接知乎2 [![miao](https://innovatorzhang.github.io/images/cat.gif "MiniCat")](https://www.zhihu.com/people/zhang-zhong-hao-62 "我的知乎") miao 
1
2
通过上面的实例说明一下其实基础还是 []() 这个格式
用图片实现链接其实就是将 [] 里面的提示字符用引入图片的语法改成了图片

列表

无序列表

一级无序列表

语法
1
2
3
4
5
* 我是老大
* 我是老二
* 我是老幺

在这里吧 * 换成 - 没有影响
效果
  • 我是老大
  • 我是老二
  • 我是老幺

多级无序列表

语法
1
2
3
- 我是一级的
    - 我是二级的
        - 为什么我是最低级的啊

tips:这里每一级四个空格

效果
  • 我是一级的
    • 我是二级的
      • 为什么我是最低级的啊

有序列表

一级有序列表

语法
1
2
3
4
5
1. 一号种子选手
2. 二号种子选手
3. 三号种子选手

格式:数字 加 . 加 空格 加 列表内容
效果
  1. 一号种子选手
  2. 二号种子选手
  3. 三号种子选手

多级有序列表

语法
1
2
3
4
5
6
7
8
9
10
1. 这是一级的有序列表，数字1还是1
1. 这是一级的有序列表，数字1还是1
    1. 这是二级的有序列表，阿拉伯数字在显示的时候变成了罗马数字
    1. 这是二级的有序列表，阿拉伯数字在显示的时候变成了罗马数字
        1. 这是三级的有序列表，数字在显示的时候变成了英文字母
        1. 这是三级的有序列表，数字在显示的时候变成了英文字母
	        1. 四级的有序列表显示效果，就不再变化了，依旧是英文字母
	        1. 四级的有序列表显示效果，就不再变化了，依旧是英文字母
	        
每一级之间隔四个空格或者一个tab
效果
  1. 这是一级的有序列表，数字1还是1
  2. 这是一级的有序列表，数字1还是1
    1. 这是二级的有序列表，阿拉伯数字在显示的时候变成了罗马数字
    2. 这是二级的有序列表，阿拉伯数字在显示的时候变成了罗马数字
      1. 这是三级的有序列表，数字在显示的时候变成了英文字母
      2. 这是三级的有序列表，数字在显示的时候变成了英文字母
        1. 四级的有序列表显示效果，就不再变化了，依旧是英文字母
        2. 四级的有序列表显示效果，就不再变化了，依旧是英文字母

复选框列表

语法

1
2
3
4
5
（华中科技大学，2005）程序正在试图读取某个磁盘的第100个逻辑块，使用操作系统提供的（  ）接口
- [x] 系统调用
- [ ] 图形用户
- [ ] 原语
- [ ] 键盘命令

效果

（华中科技大学，2005）程序正在试图读取某个磁盘的第100个逻辑块，使用操作系统提供的（ ）接口

  • 系统调用
  • 图形用户
  • 原语
  • 键盘命令

块引用

一级块引用

语法

1
2
3
4
5
6
以下文字摘自wiki百科的设计模式
>设计模式并不直接用来完成代码的编写，而是描述在各种不同情况下，  
要怎么解决问题的一种方案。面向对象设计模式通常以类别或对象来描述  
其中的关系和相互作用，但不涉及用来完成应用程序的特定类别或对象。  
设计模式能使不稳定依赖于相对稳定、具体依赖于相对抽象，  
避免会引起麻烦的紧耦合，以增强软件设计面对并适应变化的能力。

效果

以下文字摘自wiki百科的设计模式

设计模式并不直接用来完成代码的编写，而是描述在各种不同情况下，
要怎么解决问题的一种方案。面向对象设计模式通常以类别或对象来描述
其中的关系和相互作用，但不涉及用来完成应用程序的特定类别或对象。
设计模式能使不稳定依赖于相对稳定、具体依赖于相对抽象，
避免会引起麻烦的紧耦合，以增强软件设计面对并适应变化的能力。

多级块引用

语法

1
2
3
4
5
>在下是一级引用，吊不吊
>>我二级引用不服
>>>三级引用不说话
>>>>四级引用很害怕
>>>>>五级引用哈哈哈

效果

在下是一级引用，吊不吊

我二级引用不服

三级引用不说话

四级引用很害怕

五级引用哈哈哈

代码语法自动排版

语法

1
2
编程语言的开始加上三个反引号，反引号后面跟变成语言的名字，最后三个反引号结尾
注意:反引号和代码不要在同一排哦

效果

1
2
3
4
5
public class Father{
    public static void main(String args[]){
        System.out.println("hello world!!!");
    }
}
1
2
3
4
5
6
#include("stdio.h")

int main(){
printf("hello world!!!");
return 0;
}

表格

语法

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
没有最左边和最右边的|
表头1  | 表头2
--------- | --------
表格单元  | 表格单元 
表格单元  | 表格单元 


有最左边和最右边的|
| 表头1  | 表头2|
| ---------- | -----------|
| 表格单元   | 表格单元   |
| 表格单元   | 表格单元   |

有没有最左边的最右边的|一样的效果

可以指定对齐方式
| 左对齐 | 居中  | 右对齐 |
| :------------ |:---------------:| -----:|
| col 3 is      | some wordy text | $1600 |
| col 2 is      | centered        |   $12 |
| zebra stripes | are neat        |    $1 |

可以混合斜体、粗体、删除线使用
| 名字 | 描述          |
| ------------- | ----------- |
| Help      | **~~Display the~~** help window.|
| Close     | _Closes_ a window     |

还可以在表格中加图片和链接
|名称|语法|效果|
|---|----|---|
|我的知乎|`[知乎][zhihu]`|[知乎][zhihu]|
|我的博客|`[博客][blog]`|[博客][blog]|
|相对地址|`[使用相对地址](/blogs/关于ss的使用.md)`|[使用相对地址](/blogs/关于ss的使用.md)|
|链接到知乎0|`[![cat]][zhihu]`|[![cat]][zhihu]
|链接知乎1|`[![miao](https://innovatorzhang.github.io/images/cat.gif "MiniCat")][zhihu]`|[![miao](https://innovatorzhang.github.io/images/cat.gif "MiniCat")][zhihu]

效果

没有最左边和最右边的|

表头1 表头2
表格单元 表格单元
表格单元 表格单元

有最左边和最右边的|

表头1 表头2
表格单元 表格单元
表格单元 表格单元

有没有最左边的最右边的|一样的效果

可以指定对齐方式

左对齐 居中 右对齐
col 3 is some wordy text $1600
col 2 is centered $12
zebra stripes are neat $1

可以混合斜体、粗体、删除线使用

名字 描述
Help Display the help window.
Close Closes a window

还可以在表格中加图片和链接

名称 语法 效果
我的知乎 [知乎][zhihu] 知乎
我的博客 [博客][blog] 博客
相对地址 [使用相对地址](/blogs/关于ss的使用.md) 使用相对地址
链接到知乎0 [![cat]][zhihu] cat
链接知乎1 [![miao](https://innovatorzhang.github.io/images/cat.gif "MiniCat")][zhihu] miao

锚点

语法

1
2
3
4
5
6
7
8
9
10
11
[alt](#anchor)

alt:显示出的文字，类似文字链接
anchor：就是标题，和html中的锚点类似

例如：[回到顶部](#MarkDown语法示例)
就可以回到顶部
* [标题](#标题)
* [分割线](#分割线)
* [文本](#文本)
分别到对应的地点

效果

tips:只有GitHub支持哦!

语法

1
:blush: :kissing: :hushed:

效果

:blush: :kissing: :hushed:

符号码官方网页