CSDN博客格式控制（图片居中、字体颜色、大小和种类，段落缩进、文本背景色，参考文献格式超链接）

系列文章目录

---

---

前言

CSDN写博客内容格式控制。

---

1 CSDN图片处理

1.1 图片居中

在图片网址后加下面三个，分别是靠左、居中、靠右。
#pic_left
#pic_center
#pic_right
<center>

下图是居中示例：

图1 图片居中

图2 图片居中详解

---

2 文字设置

2.1 字体颜色

  设置字体的方式具有三种方式，标签控制、十六进制控制、RGB颜色空间控制，其中利用RGB设置灰色字体颜色时总是出现错误，目前原因不明。
（1）使用标签控制文本颜色
  示例：<font color=red>红色字体</font>
  效果：红色字体

  示例：<font color=green>绿色字体</font>
  效果：绿色字体

  示例：<font color=blue>蓝色字体</font>
  效果：蓝色字体

  示例：<font color=gray>灰色字体</font>
  效果：灰色字体

（2）使用十六进制控制文本颜色
  示例：<font color=#FF0000>红色字体</font>
  效果：红色字体

  示例：<font color=#00FF00>绿色字体</font>
  效果：绿色字体

  示例：<font color=#0000FF>蓝色字体</font>
  效果：蓝色字体

  示例：<font color=#808080>灰色字体</font>
  效果：灰色字体

（3）使用RGB颜色空间控制文本颜色
  示例：<font color=(FF,00,00)>红色字体</font>
  效果：红色字体

  示例：<font color=(00,FF,00)>绿色字体</font>
  效果：绿色字体

  示例：<font color=(FF,00,00)>蓝色字体</font>
  效果：蓝色字体

2.2 字体大小

  设置文本字体的大小，浏览器默认值是 3。
  示例：<font size=1 >1号字体</font>
  效果：1号字体

  示例：<font size=2 >2号字体</font>
  效果：2号字体

  示例：<font size=3 >3号字体</font>
  效果：3号字体

  示例：<font size=4 >4号字体</font>
  效果：4号字体

  示例：<font size=5 >5号字体</font>
  效果：5号字体
<font size=6 >6号字体</font>

    6号字体
<font size=7 >7号字体</font>

    7号字体
  可以看到当字体大于6号时可能导致字体显示不全，这时候只需加上间距的换行符¹就行了。

<br/><font size=6 >6号字体</font><br/>

6号字体

<br/><font size=7 >7号字体</font><br/>

7号字体

2.3 字体种类

  示例：<font face="宋体">宋体字</font>
  效果：宋体字

  示例：<font face="黑体">黑体字</font>
  效果：黑体字

  示例：<font face="微软雅黑">微软雅黑字</font>
  效果：微软雅黑字

  示例：<font face="STCAIYUN">华文彩云字</font>
  效果：华文彩云字

  示例：<font face="华文行楷">华文行楷字</font>
  效果：华文行楷字

color：设置颜色
size：设置字体大小

---

3 缩进和换行

3.1 缩进

  示例：  全角缩进，相当于缩进两个汉字
  效果：  全角缩进，相当于缩进两个汉字

  示例：  半角缩进，相当于缩进两个英文字母
  效果：  半角缩进，相当于缩进两个英文标点

3.2 换行

第一种方法：

  示例：
    1 换两行
    \
    \
    换行成功
  效果：
    1 换两行
    
    
    换行成功

第二种方法：
  示例：
    1 换两行
    <br/>
    换行成功
  效果：
    1 换两行
    

    换行成功

---

4 背景色

  背景色的设置是按照十六进制颜色值设置的。

示例1：
<table><tr><td bgcolor=#FF00FF>背景色的设置是按照十六进制颜色值： #7FFFD4</td></tr></table>

效果：

十六进制颜色值： #7FFFD4

示例2：
<table><tr><td bgcolor=#FF83FA>十六进制颜色：#FF83FA</td></tr></table>
效果：

十六进制颜色：#FF83FA

示例3：
<table><tr><td bgcolor=#D1EEEE>十六进制颜色值：#D1EEEE</td></tr></table>
效果：

十六进制颜色值：#D1EEEE

示例4：
<table><tr><td bgcolor=#C0FF3E>十六进制颜色值：#C0FF3E</td></tr></table>

效果：

十六进制颜色值：#C0FF3E

示例5：
<table><tr><td bgcolor=#54FF9F>十六进制颜色值：#54FF9F</td></tr></table>
效果：

十六进制颜色值：#54FF9F

---

5 设置超链接

  将超链接和注脚结合，写文章时，可以当做参考资料的链接 ¹。

示例：
  百度链接[^2]
  [^2]: [百度链接](www.baidu.com).

效果：
  百度链接²

6 设置表格

<table>
  <tr>
    <td>应用层</td>
    <td rowspan="2">Zigbee联盟</td>
  </tr>
  <tr>
    <td>网络层/安全层</td>
  </tr>
  <tr>
    <td rowspan="2">IEE802.15.4</td>
    <td >MAC层 </td>
  </tr>
  <tr>
    <td>物理层</td>
  </tr>
</table>

效果：

应用层	Zigbee联盟
网络层/安全层
IEE802.15.4	MAC层
	物理层

th是大标题，td是小标题（th和td的颜色不同），列合并用colspan，行合并就是rowspan³。

7 设置公式

7.1 给公式添加标号

  在每个公式末尾前使用 \tag {行标} 来实现行标⁴。

示例1：

1. 不带编号
   $$ ne{t_o}{\rm{ = }}{\omega _1}{x_1} + {\omega _2}{x_2} + b{\rm{ = }}\sum\limits_{i = 1}^2 {{\omega _i}{x_i}} + b $$

效果：
$$ne{t}_o={\omega }_1{x}_1+{\omega }_2{x}_2+b=\sum _{i=1}^2{\omega }_i{x}_i+b$$

2. 带编号
   $$ ne{t_o}{\rm{ = }}{\omega _1}{x_1} + {\omega _2}{x_2} + b{\rm{ = }}\sum\limits_{i = 1}^2 {{\omega _i}{x_i}} + b \tag {1}$$

效果：
$$ne{t}_o={\omega }_1{x}_1+{\omega }_2{x}_2+b=\sum _{i=1}^2{\omega }_i{x}_i+b\text{\hspace{1em}(1)}$$

---

1. link. ↩︎ ↩︎

2. 百度链接. ↩︎

3. CSDN的Markdown编辑器怎么合并单元格_a215012954的博客-CSDN博客. ↩︎

4. Cmd Markdown 公式指导手册 - 作业部落 Cmd Markdown 编辑阅读器 (zybuluo.com). ↩︎