MarkDown编写规范

markdown菜鸟教程
markdown字体颜色大小底色

1.标题

语法:

# 一级标题
## 二级标题

结果:

一级标题

二级标题

注意:#后面有一个空格

2.列表

语法:

* 第一项
* 第二项

结果:

  • 第一项
  • 第二项

嵌套列表:

语法:

1. 第一项
    * 嘿嘿嘿
    * 哈哈哈
2. 第二项
    - 哈哈哈
    - 嘿嘿嘿

结果:

  1. 第一项
    • 嘿嘿嘿
    • 哈哈哈
  2. 第二项
    • 嘿嘿嘿
    • 哈哈哈

注意:* + -都可以作为列表标记,有序列表使用数字加上.来表示,二级列表前面加四个空格,二级列表返回到一级列表按一下enter(适用Typora)

3.字体相关

语法:

*斜体*
_斜体_
**粗体**
__粗体__
~~删除线~~
==黄底(博客园mark编辑器支持,Typora不支持)==

结果:

斜体
斜体
粗体
粗体
删除线
黄底(博客园markdown编辑器支持,Typora不支持)
Typora字体高亮可以在:文件->偏好设置->Markdown->markdown扩展语法 设置

字体进阶:

markdown语法兼容html,所以可以采用html的语法来设置字体大小颜色底色等等

语法:

<table><tr><td bgcolor = red>给文字加底色</td></tr></table>
<center>文字居中</center>
<font color = red size = 5 face = "黑体">红色的5号黑体字</font>

结果:

给文字加底色
文字居中
红色的5号黑体字

4.代码

语法:

`int n = 0;`

```c++
int main()
{
return 0;
}
```

结果:

int n = 0;

int main()
{
  return 0;
}

注意:单行代码注释用两个`包住,多行用6个`包住,每三个占一行,且前三个后面可以注明语言类型(非强制)

5.链接

语法:

[百度一下](http://www.baidu.com)
![图片替代文字](https://www.baidu.com/img/flexible/logo/pc/result.png)
![图片替代文字](https://www.baidu.com/img/flexible/logo/pc/result.png "图片标题")
<img src="https://ss1.baidu.com/9vo3dSag_xI4khGko9WTAnF6hhy/zhidao/pic/item/5fdf8db1cb13495490f5db09574e9258d0094af7.jpg" width="10%">

结果:

百度一下
图片替代文字
图片替代文字

注意:markdown不能指定图片的高度和宽度,可以使用img标签指定图片的宽和高

6.其他

①区块引用:

语法:

>区块1
>>区块2
>>>区块3

结果:

区块1

区块2

区块3

②换行:

语法:

上面<br>
下面

结果:

上面

下面

③缩进:

语法:

普通段落不该用空格或制表符来缩进。如果想在段前加缩进 &emsp;是一个中文字符 &ensp;是半个中文字符 &nbsp;是1/4中文字符

&emsp;缩进一个中文字符
对比行
&ensp;缩进1/2个中文字符
对比行
&nbsp;缩进1/4个中文字符

结果:

 缩进一个中文字符
对比行
 缩进1/2个中文字符
对比行
 缩进1/4个中文字符

④分割线:

语法:

上面
___
下面

结果:

上面


下面
注意:___要单独占一行,不能放在语句中间

⑤表格:

语法:

|  表头   | 表头  |
|  ----  | ----  |
| 单元格  | 单元格 |
| 单元格  | 单元格 |

结果:

表头 表头
单元格 单元格
单元格 单元格

对齐方式:

  • -: 设置内容和标题栏居右对齐。
  • :- 设置内容和标题栏居左对齐。
  • :-: 设置内容和标题栏居中对齐。

示例:

| 左对齐 | 右对齐 | 居中对齐 |
| :-----| ----: | :----: |
| 单元格 | 单元格 | 单元格 |
| 单元格 | 单元格 | 单元格 |

表格合并

markdown本省不支持表格合并,可以使用html的表格来达到效果。

⑥复选框

语法:

- [ ] 没选中的复选框
- [x] 选中复选框

注意:-和[之间有一个空格,]和后面的描述文字之间也有一个空格

结果:

博客园不支持复选框,实测typora支持,如下图:

⑦折叠代码块

示例代码

<details>
<summary>点击查看折叠代码块</summary>
<pre class = "C++"><code>#include &lt;iostream&gt;
int main()
{
    std::cout &lt;&lt; "markdown中使用html语法折叠代码块\n";<br>
    //这是注释
    return 0;
}</code></pre>
</details>

结果

点击查看折叠代码块
#include <iostream>
int main()
{
    std::cout << "markdown中使用html语法折叠代码块\n";
//这是注释 return 0; }

注意:

  • <code>标签内不能使用< >,如果要显示需要用&lt;和&gt;代替

  • 代码块中不要使用enter换行,如果需要换行可以使用<br>

  • 代码块中缩进尽量不要用空格,可以使用tab缩进

⑧脚注

示例代码

note1[^1]
note2[^2]
[^2]: 脚注1描述
[^1]: 脚注2描述

结果

博客园好像不支持脚注,实测typora支持,如下图:

⑨图标

示例代码

:warning:
:question:
:smile:

结果

⚠️

😄
转载:markdown表情大全

转载:巧用 Font Awesome 装点 Markdown 文档 图标查找网站

posted @ 2021-03-09 13:00  滴哒哒哒  阅读(227)  评论(0编辑  收藏  举报