markdown基本语法
Markdown语法介绍
Markdown 是一种轻量级标记语言,它允许人们使用易读易写的纯文本格式编写文档。 它允许人们使用易读易写的纯文本格式编写文档,然后转换成有效的XHTML(或者HTML)文档。这种语言吸收了很多在电子邮件中已有的纯文本标记的特性。
由于Markdown的轻量化、易读易写特性,并且对于图片,图表、数学式都有支持,许多网站都广泛使用Markdown来撰写帮助文档或是用于论坛上发表消息。 如GitHub等等。
接下来,我主要从一下这8个方面来介绍一下markdown的常用方法,最后在进行一些特殊的补充。
1.标题
对应标题的语法形式
# 一级标题
## 二级标题
### 三级标题
#### 四级标题
##### 五级标题
###### 六级标题
效果展示
一级标题
二级标题
三级标题
四级标题
五级标题
六级标题
2.字体
对应字体的语法代码
*这是斜体*
**这是粗体**
***这是粗斜体***
~~这是删除~~
效果展示
这是斜体
这是粗体
这是粗斜体
这是删除
3.代码块
对应代码块的语法代码
```对应的语言,如bash,c++,c,java
```
效果展示
#include <iostream>
using namespace std;
int main()
{
cout << "hello world!" << endl;
return 0;
}
4.列表
列表主要分为有序列表和无序列表,这里再简要介绍一下列表的嵌套
有序列表、无序列表的语法
- 无序列表1
- 无序列表2
- 无序列表3
1. 有序列表1
2. 有序列表2
3. 有序列表3
- 无序列表1
- 无序列表2
- 无序列表3
- 有序列表1
- 有序列表2
- 有序列表3
因为列表比较常用,这里再介绍一下容易遇到的列表嵌套
列表嵌套语法
列表嵌套需要在子列表中的选项前面添加四个空格
1. 主列表1
- 儿子列表
- 孙子列表
2. 主列表2
- 主列表1
- 儿子列表
- 孙子列表
- 儿子列表
- 主列表2
5.引用
因为也是我们写文章常用的东西,引用和列表可以相互嵌套,引用也可以自己嵌套,对应演示如下所示
引用代码
> 这是最外层引用
>> 这是第二层引用
>>> 这是第三层引用
>>>> 这是第四层引用
这是最外层引用
这是第二层引用
这是第三层引用
这是第四层引用
引用嵌套列表
- 有序列表1
- 有序列表2
- 有序列表3
- 无序列表
- 列表嵌套引用
这是尚未引用部分这是引用部分
- 列表
6.表格
表格语法
| head1 | head2 |
| ---- | ---- |
| value1 | value2 |
| value3 | value4 |
| 左对齐 | 右对齐 | 居中对齐 |
| :-----| ----: | :----: |
| 单元格 | 单元格 | 单元格 |
| 单元格 | 单元格 | 单元格 |
效果展示
cnblogs上对md表格语法支持还是有点问题的,在typora上你没有问题
head1 | head2 |
---|---|
value1 | value2 |
value3 | value4 |
左对齐 | 右对齐 | 居中对齐 |
---|---|---|
单元格 | 单元格 | 单元格 |
单元格 | 单元格 | 单元格 |
7.图片与超链接
对应图片、超链接语法
图片: ![this_is_a_photo_link](https://pic.cnblogs.com/avatar/1772262/20200523104724.png)
超链接: [this_is_a_link_to_baidu](www.baidu.com)
该链接无法跳转到百度,我会在第九点进行讲解
效果展示
图片:
超链接: this_is_a_link_to_baidu
8.分割线
分割线的语法
***
---
效果展示
cnblogs上对md表格语法支持还是有点问题的,同样在typora上你没有问题
9.特殊点
对应的html和css语法,方便细致的处理
- 字体渲染的css用法
我们写博客或者是文章,最最最常用的就是字体渲染,md语法中提供的渲染效果较为单一,这里推荐使用 css 语法中的字体渲染css 代码
<div style="color:#B22222;font-weight:bold;font-size:14px">这是css文字渲染</div>
渲染效果
- 关于图片大小设置的问题
这里主要还是需要借助css Img 标签进行设置
<img src="url" style="zoom:缩放比例" />
-
关于 [](跳转地址)无法跳转的问题
不难得知,我们跳转的 url 为 www.baidu.com,但是在cnblogs 中,他自动给我们加入了前缀,变成了
https://i.cnblogs.com/www.baidu.com
使用 html 的标签,查看效果一致,考虑加上前缀,解决!<a href="地址">文字描述</a>
-
文字居中的效果
<p align="center">居中的文字,可以嵌套其他语法</p> <div style="color:blue;text-align:center;font-size:14px;font-weight:bold">居中文字</div>
文字居中