美化博客之markdown常用语法

1.文字居中

<center> 文字居中</center >

效果

文字居中
### 2.缩进

一个字：全方大的空白 或 空白
½个字：半方大的空白 或 空白
⅓个字：不断行的空白 或 空白
html方法的缩进：
<p style="text-indent:3em">html的3个缩进</p>

**效果** 一个字：全方大的空白 或 空白 ½个字：半方大的空白 或 空白 ⅓个字：不断行的空白 或 空白

html的3个缩进

### 3.换行   一个`
` 换一行

1换行测试

2换行测试<br><br>
1换行测试

**效果** 1换行测试 2换行测试

1换行测试
### 4.改变字体、字号与颜色

<font face="黑体">黑体字</font>
<font face="STCAIYUN" size=5>华文彩云</font>
<font face="微软雅黑" size=5>微软雅黑</font>

<font color=#0099f6 size=3 face="黑体">color=#0099ff size=72 face="黑体"</font>
<font color=#00ff00 size=4>color=#00ffff</font>
<font color=red size=5>color=gray</font>
<font color=blue size=6 face="STCAIYUN">color=gray</font>
<font color=gray size=7  face="微软雅黑">color=gray</font>

**效果** 黑体字 华文彩云 微软雅黑 color=#0099ff size=72 face="黑体" color=#00ffff color=gray color=gray color=gray

### 5.设置图片居中和大小、标注

 ![Alt](url #pic_center =30x30)


或者
在csdn中，先导入图片，获取url，复制url
<div align = center>
<img src=url width="60%"/>
</div>
即可调整大小和位置
或者
<img src="链接" width="宽度" height="高度" alt="图片名称" align=center>
或者
![](./pic/pic1_50.png =100x300)
也可以只写右侧部分
![](./pic/pic1_50.png =x300)

标注可使用
<center>题注</center>

**效果** 

题注

6.设置文本居中

<center>题注</center>

7.注释

> 这是一段注释

效果

这是注释

8.分隔符

- - -

效果

---

9.Latex进阶操作

实现多行公式

\begin{equation}
\begin{split}
x&=a+b+c\\
&=d+e\\
&=f+g
\end{split}
\end{equation}

效果

$$\begin{equation} \begin{split} x&=a+b+c\\ &=d+e\\ &=f+g \end{split} \end{equation}$$

实现多行函数

x=
\begin{cases}
1 & & x>0\\
0 & & x=0 \\
-1 & & x<0
\end{cases} \\

效果

$$x= \begin{cases} 1 & & x>0\\ 0 & & x=0 \\ -1 & & x<0 \end{cases} \\$$

10.html语法

1）缩进

<p style="text-indent:3em">xxxxx</p>

2）文本加粗

<b></b>