CSDN编辑技巧

简单模板

<font color=#00aedb>高亮颜色说明</font>：突出重点
<font color=#c3cb71>个人觉得，</font>：待核准个人观点是否有误

@[toc](这里写目录标题)
## 二级标题
&emsp;&emsp;
## 待补充
&emsp;&emsp;
### 待补充
&emsp;&emsp;

<br/>

> []()
[]()

<img src="" width="80%"/>
<img src="#pic_center" width="80%"/>
<img src="#pic_right" width="80%"/>
<center>文字居中</center>

数学公式粗体$\textbf{}$或者${\bf memory}$
数学公式粗斜体$\bm{}$

> [摘录自“bookname_author”](链接)
此文系转载，原文链接：[名称 20200505]()

<font color=#00aedb>高亮颜色说明</font>：突出重点
<font color=#c3cb71>个人觉得，</font>：待核准个人观点是否有误

分割线
---
分割线

<br/>
<font color=#f37735>我是颜色为00ffff的字体</font>
<br/>
<font size=2>我是字号为2的字体</font>
<br/>
<font color=#f37735 size=2>我是颜色为00ffff, 字号为2的字体</font>
<br/>
<font face="微软雅黑" color=#f37735 size=2>我是字体类型为微软雅黑, 颜色为00ffff, 字号为2的字体</font>
<br/>

分割线
---
分割线
##问题记录
**问题描述**：
&emsp;&emsp;开始
**原因分析：**
&emsp;&emsp;开始
**解决方案：**
&emsp;&emsp;开始

Markdown表格
| 方法 | 命令 | 备注 | 
| :--- | :---: | ---: |  
| 内容| 内容 | 内容 |
内容|内容|内容

为长文本指定列宽实现换行
<div style="width: 150pt">xxx</div> | xxx | xxx
xxx | <div style="width: 100pt">very very very long long long text</div>| xxx

字体颜色大小设置

<font color = red size = 4>1、CSDN输入不同红色的字体</font>
<font color = blue size = 4>2、CSDN输入不同红色的字体</font>
<font color = yellow size = 4>3、CSDN输入不同红色的字体</font>
<font color = gree size = 4>4、CSDN输入不同红色的字体</font>
<font color = purple size = 4>5、CSDN输入不同红色的字体</font>
<font color = pink size = 4>6、CSDN输入不同红色的字体</font>
<font color = orange size = 6>7、CSDN输入不同红色的字体</font>
<font color = coral size = 6>8、CSDN输入不同红色的字体</font>
<font color = gilt size = 6>9、CSDN输入不同红色的字体</font>
<font color = rainbow size = 6>10、CSDN输入不同红色的字体</font>
<font color = beige size = 6>11、CSDN输入不同红色的字体</font>
<font color = pistac size = 6>12、CSDN输入不同红色的字体</font>
<font color = fuchsia size = 6>13、CSDN输入不同红色的字体</font>
<font color =pewter size = 6>14、CSDN输入不同红色的字体</font>
<font color = turq size = 6>15、CSDN输入不同红色的字体</font>

文字居中

<div align='center'><font size='7'>文字居中，并设置字号为1~7</font></div>

页内跳转、页间跳转

// 创建一个id名称为heading_001的heading，作为位置标记
<h1 id="heading_001">“标题001”</h1>

// 创建一个href名称也为heading_001的链接，并且使用target="_self"参数来避免新开窗口
<a href="#heading_001" target="_self">点击本行即会跳转到“标题001”处</a>

创建到位置标记的锚点链接的过程通常分为两步：首先，创建位置标记；然后，创建链接到该位置标记的锚点。

// 通过锚点实现页内跳转、页间跳转的方式一

// 创建一个id名称为anchor_001的位置标记
<a id="anchor_001">“位置001”</a>

// 创建一个锚点链接地址为anchor_001的锚点
[点击该锚点即会跳转到“位置001”处](#anchor_001 "链接到目标位置001")

// 通过锚点实现页内跳转、页间跳转的方式二

// 创建一个id名称为anchor_002的位置标记
<div id="anchor_002"></div>“位置002” 或者 <div id="anchor_002">“位置002”</div>

// 创建一个锚点链接地址为anchor_002的锚点
[点击该锚点即会跳转到“位置002”处](#anchor_002 "链接到目标位置002")

图片设置

# 图片底部插入图注
<center>
我的头像
</center>

# 锁定纵横比，按比例缩放
<img src="CSDN图片服务器自动生成的图片地址链接" width="80%"/>
<img src="CSDN图片服务器自动生成的图片地址链接" width="80%" alt="图片名称"/>  # 貌似没法显示图片名称

# 自定义图片的宽和高
<img src="CSDN图片服务器自动生成的图片地址链接" width = "300" height = "200">
<img src="CSDN图片服务器自动生成的图片地址链接" width = "300" height = "200" alt="图片名称"/>  # 貌似没法显示图片名称

#在src键值“图片地址链接”的末尾加上#pic_center即可使图片居中
#在src键值“图片地址链接”的末尾加上#pic_right即可使图片居右
<img src="" width="80%"/>
<img src="#pic_center" width="80%"/>
<img src="#pic_right" width="80%"/>

两张或者多张图片并排在一起

<table><tr>
<td><img src=链接 border=0></td>
<td><img src=链接 border=0></td>
</tr></table>

数学公式

常用符号

# 推导双箭头    
$\Rightarrow$
#指向单箭头
$\longrightarrow$

#各种转置符号如下图所示
$\mathbf{A}^\mathrm{T}$

$\mathbf{A}^\top$

$\mathbf{A}^\mathsf{T}$

$\mathbf{A}^\intercal$

${\mathbf{A}}^{\mathrm{T}}$

${\mathbf{A}}^{\top }$

${\mathbf{A}}^{\mathsf{T}}$

${\mathbf{A}}^{⊺}$

方程式序列

\begin{align}
   v + w & = 0  &\text{Given} \tag 1\\
   -w & = -w + 0 & \text{additive identity} \tag 2\\
   -w + 0 & = -w + (v + w) & \text{equations $(1)$ and $(2)$}
\end{align}

LaTeX公式编辑器
数学公式以及符号整理