小白的markdown基础语法总结

古城微笑少年丶 2023-06-25 12:29 10阅读 0赞

# markdown基础语法 #

--------------------

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

### 文章目录 ###

*  markdown基础语法
 *   *  生成目录
     *  各级标题
 *  1级
 *   *  2级
     *   *  3级
     *  水平分割线
     *  段落
     *  版权声明符
     *  表格
     *  空格
     *  内容中嵌入代码标记
     *  代码块
     *  数据块
     *  树形区块
     *  无序列表
     *  有序列表
     *  链接
     *  强调
     *  图片
     *  转义
     *  自动链接
     *  数学公式
     *   *  内容中嵌入数学公式
         *  单行数学公式
         *  下标使用
         *  上标使用
         *  分数
         *  积分
         *  开方
         *  极限

--------------------

## 生成目录 ##

标题下方加入：

@[TOC]

## 各级标题 ##

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

示例：

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

效果：

# 1级 #

## 2级 ##

### 3级 ###

## 水平分割线 ##

*  可以使用3个以及3个以上`-`或`*`（注意要先空一行，不能紧贴在文字下方）
 *  可以使用html标签`<hr>`

示例：

----

效果：

--------------------

示例：

<hr>

效果：

--------------------

## 段落 ##

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

示例：

效果：

123

示例

©tbyouth.com

效果：  
©tbyouth.com

## 表格 ##

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

name|id
    --|--
    age|address

<table> 
 <thead> 
  <tr> 
   <th>name</th> 
   <th>id</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>age</td> 
   <td>address</td> 
  </tr> 
 </tbody> 
</table>

(2)使用html标签

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

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

## 空格 ##

1.  空一格(占据的宽度正好是1个中文宽度)：  
    示例：
    
        1 23
    
    效果：  
    1 23
2.  空半格(占据的宽度正好是 1 2 \\frac\{1\}\{2\} 21个中文宽度)  
    示例：
    
        4 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在线编辑器中直接上传**  
（这种方式图片会自动加上自己博客地址的水印）  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3RiX3lvdXRo_size_16_color_FFFFFF_t_70]

--------------------

**使用外链**

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(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标签**

示例：

效果：  
![u_1141259048_554497535_fm_26_gp_0.jpg][]

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

效果：

![u_1141259048_554497535_fm_26_gp_0.jpg][]

--------------------

## 转义 ##

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

示例：

\*
    \\

效果：  
\*  
\\

--------------------

## 自动链接 ##

示例：

<http://www.qq.com>
    <2638961251@qq.com>

效果：  
[http://www.qq.com][http_www.qq.com]  
[2638961251@qq.com][2638961251_qq.com]

--------------------

## 数学公式 ##

### 内容中嵌入数学公式 ###

使用`$ $`将数学公式括起来  
(之间的上标使最好用`^`,使用`<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 2x3−4x2\+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 2x3−4x2\+3x−6=0

### 下标使用 ###

*  在`$ $`中使用`_`  
    示例：
    
        $S_n$
        $S_{i-1}$
    
    效果：  
     S n S\_n Sn  
     S i − 1 S\_\{i-1\} Si−1
 *  如果要用`<sub></sub>`，要用`$$`将字母括起来
    
    示例：
    
        $S$<sub>$n$</sub>
    
    效果:
    
     S S S n n n

### 上标使用 ###

*  在`$$`中使用`^`:
    
    示例：
    
        $K <= 10^6$
        	$K = 2^{j-1}$
    
    效果:  
     K < = 1 0 6 K <= 10^6 K<=106  
     K = 2 j − 1 K = 2^\{j-1\} K=2j−1
 *  使用`<sup></sup>`:  
    示例：
    
        $10$<sup>$6$</sup>
    
    效果：  
     10 10 10 6 6 6

### 分数 ###

示例：

$\frac{52}{1}$

效果：  
 52 1 \\frac\{52\}\{1\} 152

### 积分 ###

示例：

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

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

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

### 开方 ###

示例：

$\sqrt{x^2}$

效果：  
 x 2 \\sqrt\{x^2\} x2

### 极限 ###

示例:

$\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\} limy→1x→∞yx3

其他参考： [Markdown数学公式语法][Markdown]

**Daily English**

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

[baidu]: https://www.baidu.com
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3RiX3lvdXRo_size_16_color_FFFFFF_t_70]: https://img-blog.csdnimg.cn/20200522170639705.jpeg?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3RiX3lvdXRo,size_16,color_FFFFFF,t_70
[u_1141259048_554497535_fm_26_gp_0.jpg]: http://img1.imgtn.bdimg.com/it/u=1141259048,554497535&fm=26&gp=0.jpg
[http_www.qq.com]: http://www.qq.com
[2638961251_qq.com]: mailto:2638961251@qq.com
[Markdown]: https://www.jianshu.com/p/e74eb43960a1