CSDN 编辑文章语法：文字、公式、图片、换行

原创已于 2022-03-05 20:12:45 修改 · 494 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#csdn

于 2021-12-08 10:31:13 首次发布

杂谈专栏收录该内容

7 篇文章

订阅专栏

文章目录

一、文字
二、公式
三、图片：居中显示与大小调节
四、换行：添加空行

一、文字

字体、字号、颜色：点击链接如何修改文字颜色

我喜欢用的：

<font color=#9932CC size=4 face="微软雅黑">喜欢</font>

其他：

<font face="黑体">我是黑体字</font>
<font face="微软雅黑">我是微软雅黑</font>
<font face="STCAIYUN">我是华文彩云</font>
<font color=#0099ff size=7 face="黑体">color=#0099ff size=72 face="黑体"</font>
<font color=#00ffff size=72>color=#00ffff</font>
<font color=gray size=72>color=gray</font>

高亮：我最最最重要
语法：==我最最最重要==
下划线：使用  把文字包起来即可。
上角标：2⁶⁴，语法：264或2^64^
下角标：x₁，语法：x1或x~1~

二、公式

参考链接：如何在CSDN编辑器（Markdown编辑器）中输入数学符号

三、图片：居中显示与大小调节

如果你复制一个图片直接到编辑器，那么它的代码默认是这样的：

![在这里插入图片描述](https://img-blog.csdnimg.cn/baf3e4f9c75c474a9623a09ec7af8296.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5oOz5Y-Y5Y6J5a6z55qE5aSn55m96I-c,size_15,color_FFFFFF,t_70,g_se,x_16)

这个格式通常会默认将图片https://img-blog.csdnimg.cn/baf3e4f9c75c474a9623a09ec7af8296.png居左显示，并显示原始图片大小。

如果你想居中显示，并调大或者调小图片尺寸应该怎么做呢？用这行代码，用你的图片链接代替其中的xxx.png就好。

<img src="xxx.png#pic_center" width="50%">

比如上个默认格式的图片改成：

<img src="https://img-blog.csdnimg.cn/baf3e4f9c75c474a9623a09ec7af8296.png#pic_center" width="50%">

就可以实现居中显示，并显示50%的比例。#pic_center控制了居中，width="50%"控制了大小比例。

四、换行：添加空行

添加空行：

<p><span><span style="font-family:Verdana, Arial, Helvetica, sans-serif;line-height:19px;text-indent:26px;"><span style="font-size:14px;"><span style="font-family:Arial;line-height:26px;"><br></span></span></span></span></p>

文字开头空两个格：

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;