本文详细介绍了CSDN博客Markdown编辑器的高级使用技巧，包括创建标题、快捷键、文本样式修改（如斜体、加粗、背景色）、首行缩进、字体颜色和背景色、代码高亮、页内跳转、HTML图片并排显示、特殊字符、下划线以及LaTeX数学公式等。通过这些技巧，能提升博客的格式和可读性。
csdn博客编辑
Markdown是一种可以使用普通文本编辑器编写的标记语言，通过类似HTML的标记语法，它可以使普通文本内容具有一定的格式。但是它本身是不支持修改字体、字号与颜色等功能的！
CSDN-markdown编辑器是其衍生版本，扩展了Markdown的功能（如表格、脚注、内嵌HTML等等）！对，就是内嵌HTML，接下来要讲的功能就需要使用内嵌HTML的方法来实现。同时对于数学公式支持latex编辑
一、创建标题，生成目录
直接输入1次#，并按下space后，将生成1级标题。
输入2次#，并按下space后，将生成2级标题。
以此类推，我们支持6级标题。有助于使用TOC语法后生成一个完美的目录。
二、功能快捷键
撤销：Ctrl/Command + Z
重做：Ctrl/Command + Y
加粗：Ctrl/Command + B
斜体：Ctrl/Command + I
标题：Ctrl/Command + Shift + H
无序列表：Ctrl/Command + Shift + U
有序列表：Ctrl/Command + Shift + O
检查列表：Ctrl/Command + Shift + C
插入代码：Ctrl/Command + Shift + K
插入链接：Ctrl/Command + Shift + L
插入图片：Ctrl/Command + Shift + G
查找：Ctrl/Command + F
替换：Ctrl/Command + G
三、如何改变文本的样式
(1) 斜体
*强调文本*
强调文本
(2) 加粗字体
**加粗文本**
加粗文本
(3) 设置字体背景色
==标记文本==
标记文本
(4) 设置删除线字体
~~删除文本~~
删除文本
四、快捷设置首行缩进
【技巧】CSDN博客如何快捷设置首行缩进
在想要缩进的文字前加上 &ensp；或者  ；或者 &emsp；或者 &thisp；就可以了！！！
  
*注意后面的分号必须用英文的哈。
空格间隙大小：&emsp；> &ensp；>  ；> &thisp；
例如：
latex在线公式编辑器
https://private.codecogs.com/latex/eqneditor.php?lang=zh-cn
五、修改文字体及颜色
<font face="微软雅黑">我是微软雅黑</font>
<font face="STCAIYUN">我是华文彩云</font>
strong标签<strong>加粗</strong>
B标签<b>加粗</b>
h加粗标签<h1><font face="Arial black">A heading</font></h1>
<font color=#0099ff size=7 face="黑体">color=#0099ff </font>
<font color=gray size=72>color=gray</font>
<h1 style="color:blue;text-align:center">This is a header</h1>
呈现效果
六、修改文字背景颜色
<table><tr><td bgcolor=red>黄色背景</td></tr></table>
| 黄色背景 |
<table><tr><td bgcolor=pink>pink</td></tr></table>
| pink |
颜色名列表
七、设置特定文字或代码强调背景色——code标签
标签
<code>文本内容</code>
说明：文本内容将显示为等宽、类似电传打字机样式的字体。
实例：
<code>Queue queue = new LinkedList()</code>
Queue queue = new LinkedList()
<br /> <code>Queue queue = new LinkedList()</code>或<code>Deque deque = new LinkedList()</code><br />
Queue queue = new LinkedList()或Deque deque = new LinkedList()
<code>文字强调</code>
文字强调
八、页内跳转
<div id="Mark"></div> #要跳转到的地方
[跳转](#Mark) #[]内输入链接处的文字
九、html 把两张图片并排（行）显示
<table>
<tr>
<td><img src=pic1.jpg border=0></td>
<td><img src=pic2.jpg border=0></td>
</tr>
</table>
简单的 HTML 表格由 table 元素以及一个或多个 tr、th 或 td 元素组成。
tr 元素定义表格行，th 元素定义表头，td 元素定义表格单元（列）
十、html特殊字符
| 符号 | 描述 | 实体名称 | 实体编号 |
|---|---|---|---|
| ￠ | 分 | ¢ | ¢ |
| £ | 镑 | £ | £ |
| ¥ | 元 | ¥ | ¥ |
| § | 节 | § | § |
| © | 版权 | © | © |
| ® | 注册商标 | ® | ® |
| × | 乘号 | × | × |
| ÷ | 除号 | ÷ | ÷ |
| < | 小于号 | < | < |
| > | 大于号 | > | > |
| & | 和号 | & | & |
| " | 引号 | " | " |
| ’ | 撇号 | &apos | ' |
| ♠ | 黑桃 | &spades | ♠ |
| 空格（推荐使用） | |||
| 半角空格 | |||
| 全角空格 |
♣ 梅花 ♣ ♣
♥ 红桃 ♥ ♥
♦ 方块 ♦ ♦
空格（推荐使用）
半角空格
全角空格
符号 描述 实体名称 实体编号
￠ 分 ¢ ¢
£ 镑 £ £
¥ 元 ¥ ¥
§ 节 § §
© 版权 © ©
® 注册商标 ® ®
× 乘号 × ×
÷ 除号 ÷ ÷
< 小于号 < <
大于号 > >
& 和号 & &
" 引号 " "
十一、下划线
我的习惯是在文章目录和正文之间加下划线
<hr>
十二、Latex数学公式($$ )
在csdn网站上写一些专业的数学公式，特别是在写与 数字信号处理和机器学习有关的博客时，为了友好地将公式展示给 读者，我们需要学习一些LaTex语法，特此记录。
csdn上编写公式需要Latex语法
简单的规则：
（1）空格：LaTeX中空格用来隔开单词(英语一类字母文字)，多个空格等效于一个空格；对中文没有作用。
（2）换行：用控制命令“\”,或“ \newline”.
（3）分段：用控制命令“\par” 或空出一行。
（4）换页：用控制命令“\newpage”或“\clearpage”
（5）特殊控制字符：#，$, %, &, - ,{, }, ^, ~
要想输出这些控制符用下列命令：
\# \$ \% \& \- \{ \} \^{} \~{} $\backslash$表示“ \”.。
常用数学符号的 LaTeX 表示方法
$a_{1}$ \qquad $x^{2}$ \qquad
$e^{-\alpha t}$ \qquad
$a^{3}_{ij}$\\
$e^{x^2} \neq {e^x}^2$
呈现效果：
a
1
a_{1}
a1 \qquad
x
2
x^{2}
x2 \qquad
e
−
α
t
e^{-\alpha t}
e−αt \qquad
a
i
j
3
a^{3}_{ij}
aij3\
e
x
2
≠
e
x
2
e^{x^2} \neq {e^x}^2
ex2=ex2
2、平方根（square root）的输入命令为：\sqrt，n 次方根相应地为:\sqrt[n]。方根符号的大小由 LATEX自动加以调整。也可用 \surd 仅给出符号。比如：
$\sqrt{x}$ \qquad
$\sqrt{ x^{2}+\sqrt{y} }$
\qquad $\sqrt[3]{2}$\\[3pt]
$\surd[x^2 + y^2]$
呈现效果：
x
\sqrt{x}
x \qquad
x
2
+
y
\sqrt{ x^{2}+\sqrt{y} }
x2+y
\qquad
2
3
\sqrt[3]{2}
32\[3pt]
√
[
x
2
+
y
2
]
\surd[x^2 + y^2]
√[x2+y2]
3、命令\overline 和\underline 在表达式的上、下方画出水平线。比如：
$\overline{m+n}$ \qquad
$\underline{m+n}$
呈现效果：
m
+
n
‾
\overline{m+n}
m+n \qquad
m
+
n
‾
\underline{m+n}
m+n
4、命令\overbrace 和\underbrace 在表达式的上、下方给出一水平的大括号
$\underbrace{ a+b+\cdots+z }_{26}$
呈现效果：
a
+
b
+
⋯
+
z
⏟
26
\underbrace{ a+b+\cdots+z }_{26}
26
a+b+⋯+z
5、命令 \frac{a}{b} ，表示分子式 a b \frac{a}{b} ba
$\frac{a}{b}$
呈现效果：
a b \frac{a}{b} ba
$J_\alpha(x) = \sum_{m=0}^\infty \frac{(-1)^m}{m! \Gamma (m + \alpha + 1)} {\left({ \frac{x}{2} }\right)}^{2m + \alpha}\newline \text {行内公式示例:}$
$\frac{a}{b}$
$\sum_{i=1}^{n} a_i^2x_i$
呈现效果：
J α ( x ) = ∑ m = 0 ∞ ( − 1 ) m m ! Γ ( m + α + 1 ) ( x 2 ) 2 m + α 行内公式示例: J_\alpha(x) = \sum_{m=0}^\infty \frac{(-1)^m}{m! \Gamma (m + \alpha + 1)} {\left({ \frac{x}{2} }\right)}^{2m + \alpha}\newline \text {行内公式示例:} Jα(x)=∑m=0∞m!Γ(m+α+1)(−1)m(2x)2m+α行内公式示例:
a b \frac{a}{b} ba
∑ i = 1 n a i 2 x i \sum_{i=1}^{n} a_i^2x_i ∑i=1nai2xi
\newline
\newline
参考博客：
https://blog.csdn.net/ygdxt/article/details/82288735
扫一扫
5923
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
