如何写出一篇吸引眼球的CSDN博客？

前言

最近浏览CSDN网站，发现好多优秀的博主不光内容十分有“营养”，而且排版十分精致，吸引眼球。反观自己的文章，平平无奇，排版十分丑陋。那么如何使得自己的文章排版更加精致，达到引人注目的目的呢？本文介绍了论文美化的方法，助力大家写出更加精致的论文。

文字格式设置

基础文本样式

• 基本语法

*敲掉文本* _强调文本_
**加粗文本**  __加粗文本__
==标记文本==
`粉红色边框`#使用两个反单引号 ` 包裹要粉红色的矩形背景框的文字
~~删除文本~~
<u>文本</u>
文本^上标^
文本~下标~
<small>小号字体</small>
<big>大号字体</big>
H~2~O 是液体
2^10^ 运算结果是 1024
> 引用文本

• 语法效果
  敲掉文本 强调文本
  加粗文本 加粗文本
  标记文本
  粉红色边框
  删除文本
  文本
  文本^上标
  文本_下标
  小号字体
  大号字体
  H₂O 是液体
  2¹⁰ 运算结果是 1024

引用文本

字体类型

• 基本语法：

<font face="楷体">这是楷体</font>

• 语法效果：
  这是楷体
  文本内容使用font标签包裹，可通过face设置字体，size设置字号，color设置颜色

文字大小

• 基本语法：

<font size=5>字体大小为5</font>

• 语法效果：
  字体大小为5

文字颜色

• 基本语法：

<font color="blue">字体颜色为蓝色</font>

• 语法效果
  字体颜色为蓝色

文本背景

• 基本语法：

<table><tr><td bgcolor="yellow">设置文字背景为黄色</td></tr>
</table>

• 语法效果：

段落

缩进和空格

• 基本语法：

   ：输入一个空格  缩进文本

对齐方式

• 基本语法：

#居中对齐：
#语法一：
<center>内容</center>
#语法二：
<div align=center> 内容 </div>
#左对齐
<div align=left> 内容 </div>
#右对齐
<div align=right> 内容 </div>

• 语法效果：

空白行

• 基本语法：

<p></p>
或
<div></div>

文章内容定位

• 基本语法

#这里的ID就是aaa ，截取自本文章的首行
<span id="aaa">自从我学习编程开始</span >
#注意：不添加URL地址，表示跳转到本页的某处。
<a href="#aaa">本文的首行</a>
[本文的首行](#aaa)

• 语法效果
  自从我学习编程开始
  本文的首行
  本文的首行

图片

图片位置

• 基本语法

#图片居中
![在这里插入图片描述](https://img-blog.csdnimg.cn/8e951ae02df54c5db3729aa019f253e3.gif#pic_center)
#图片左对齐
![在这里插入图片描述](https://img-blog.csdnimg.cn/8e951ae02df54c5db3729aa019f253e3.gif#pic_left)
#图片右对齐
![在这里插入图片描述](https://img-blog.csdnimg.cn/8e951ae02df54c5db3729aa019f253e3.gif#pic_right)

• 语法效果

图片居中

图片居左

图片居右

图片大小

• 基本语法

![在这里插入图片描述](https://img-blog.csdnimg.cn/8e951ae02df54c5db3729aa019f253e3.gif#pic_center =400x300)

注意事项：pic_center和=之间存在空格,400x300中"x"为英文字母x。

• 语法效果
  

符号及表情

表情大全网址
其他表情网址暂时无法访问，后续进行更新。

表格

HTML表格

Markdown表格

Markdown表格，强烈建议通过Markdown表格生成器进行生成。该网站中只需要输入有关信息，程序可以将其转化成Markdown表格语法。

公式

Markdown中公式输入可参考博文Markdown中插入LaTeX公式。

列表

Markdown中列表设置可以参考博文Markdown 列表。

参考资料

1. CSDN博客美化
2. 给公式添加标号