小白的markdown基础语法总结

markdown基础语法


使用markdown写博客也有一段时间了,现在对我使用到的一下语法作个总结。
其他语法以后用到再进行补充~


生成目录

标题下方加入:

@[TOC]

各级标题

经常使用n个#然后空格即可标记为n级标题

示例:

# 1级
## 2级
### 3级

效果:

1级

2级

3级

水平分割线

  • 可以使用3个以及3个以上-*(注意要先空一行,不能紧贴在文字下方)
  • 可以使用html标签<hr>

示例:

----

效果:


示例:

<hr>

效果:


段落

(尽量用空行来调整段落,虽然markdown支持部分HTML标签,但是所有的html标签最好在不得已的情况下使用)

示例:

<p>123</p>

效果:

123

版权声明符

示例

&copy;tbyouth.com

效果:
©tbyouth.com

表格

(1) 使用markdown标准方式:| 加上 --

name|id
--|--
age|address
name id
age address

(2)使用html标签

<table>
<tr>
<td>name</td>
<td>id</td>
</tr>
<tr>
<td>age</td>
<td>address</td>
</tr>
</table>
<br>
name id
age address

空格

  1. 空一格(占据的宽度正好是1个中文宽度):
    示例:

    1&emsp;23
    

    效果:
    1 23

  2. 空半格(占据的宽度正好是 1 2 \frac{1}{2} 个中文宽度)
    示例:

    4&ensp;56
    

    效果:
    4 56

内容中嵌入代码标记

示例:

`print(666)`

效果:
print(666)

代码块

示例:

	```c
	#include <stdio.h>
	int main()
	{
		printf("Hello world!")
		return 0;
	}
	```

效果:

#include <stdio.h>
int main()
{
	printf("Hello world!")
	return 0;
}

数据块

    123 
    456
    选中按tab键将形成一个块

树形区块

示例:

>**区块**
>123
>456
>>>456
>>>>>>88999

效果:

区块内容
123
456

456

88999


无序列表

前面使用*+-之后空格即可标记为无序列表
示例:

* Chinese
* Math
* English

效果:

  • Chinese
  • Math
  • English

有序列表

示例:

1.  1111 
2.  222222 
3.  33333333333

效果:

  1. 1111
  2. 222222
  3. 33333333333

链接

行列式
示例:

[baidu](https://www.baidu.com "度娘")行列式

效果:
baidu行列式

参考式
示例

(文章末尾像写论文参考文献一样加上参考链接即可)

[baidu][1],参考式

文章内容。。。

[1]: https://www.baidu.com "baidu"

效果:
baidu,参考式

强调

示例:

**0101**
*123*
_456_
<em>hhh</em>

效果:
0101
123
456
hhh

图片

在csdn在线编辑器中直接上传
(这种方式图片会自动加上自己博客地址的水印)
在这里插入图片描述


使用外链

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-HvsUhAcX-1590154451936)(http://img1.imgtn.bdimg.com/it/u=1141259048,554497535&fm=26&gp=0.jpg)]

这种方式容易出现如下情况:
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-djDVD9gB-1590152194312)(http://img1.imgtn.bdimg.com/it/u=1141259048,554497535&fm=26&gp=0.jpg)]

所以推荐使用用<img src="img_url">标签。

使用img标签

示例:

<img src="http://img1.imgtn.bdimg.com/it/u=1141259048,554497535&fm=26&gp=0.jpg">

效果:

img标签内可设置图片大小,加上div标签可设置图片对齐方式
示例:

<div align=center><img src="http://img1.imgtn.bdimg.com/it/u=1141259048,554497535&fm=26&gp=0.jpg"  width="60%" height="40%"></div>

效果:


转义

一些特殊的字符需要用\转义

示例:

\*
\\

效果:
*
\


自动链接

示例:

<http://www.qq.com>
<[email protected]>

效果:
http://www.qq.com
[email protected]


数学公式

内容中嵌入数学公式

使用$ $将数学公式括起来
(之间的上标使最好用^,使用<sup></sup>需要格外处理字符)
示例:

$2x^3-4x^2+3x-6=0$

效果:
2 x 3 4 x 2 + 3 x 6 = 0 2x^3-4x^2+3x-6=0

单行数学公式

使用$$ $$(公式有居中效果)
示例:

$$2x^3-4x^2+3x-6=0$$

效果:
2 x 3 4 x 2 + 3 x 6 = 0 2x^3-4x^2+3x-6=0

下标使用

  • $ $中使用_
    示例:

    $S_n$
    

    效果:
    S n S_n

  • 如果要用<sub></sub>,要用$$将字母括起来

    示例:

    $S$<sub>$n$</sub>
    

    效果:

    S S n n

上标使用

  • $$中使用^:

    示例:

    	$K <= 10^6$
    

    效果:
    K < = 1 0 6 K <= 10^6

  • 使用<sup></sup>:
    示例:

    	$10$<sup>$6$</sup>
    

    效果:
    10 10 6 6

分数

示例:

$\frac{52}{1}$

效果:
52 1 \frac{52}{1}

积分

示例:

$\int^{1}_{0}cosxdx$

$\int^{\infty}_{0}{sinxdx}$

效果:
0 1 c o s x d x \int^{1}_{0}cosxdx

0 s i n x d x \int^{\infty}_{0}{sinxdx}

开方

示例:

$\sqrt{x^2}$

效果:
x 2 \sqrt{x^2}

极限

示例:

$\lim^{x\to\infty}_{y\to1}\frac{x^3}{y}$

效果:
lim y 1 x x 3 y \lim^{x\to\infty}_{y\to1}\frac{x^3}{y}

其他参考: Markdown数学公式语法

Daily English

Sometimes we make mistakes.
It’s what we learn from it decides our future.
有时候,我们难免会犯错误。
但正是那些我们从中学到的东西决定了我们的未来。

猜你喜欢

转载自blog.csdn.net/tb_youth/article/details/103750327