主要参考博客：https://blog.csdn.net/cungudafa/article/details/84658703
参考博客：https://blog.csdn.net/centor/article/details/72929886

我的CSDN博客主要用于记录学习笔记
完整的内容请看本博客的主要内容来源https://blog.csdn.net/cungudafa/article/details/84658703

（一）基础操作

登陆CSDN，找到，点击开始写你的第一篇博客。
CSDN主要有两种编辑器：Markdown编辑器和富文本编辑器；我选的环境：Markdown编辑器。
Markdown编辑器特点：
1. 左右对比查看，方便修改；（左边是编辑界面，右边是发布后的实际效果显示）
2. 编辑器支持一些常用快捷键;具体用法可打开保存旁边的问号按钮——帮助文档；
3. 支持从word文档强力拖拽来粘贴图片；最上面一栏“图片”也可以上传；也可以用快捷键粘贴图片
4. 常点击保存，避免意外；
5. 发布后，进入CSDN文章管理页面，随时可以再次对其进行编辑完善~
题目位置：在左上角文章管理右边；我做笔记习惯起名字好记；
导航目录：不知道是不是Markdown编辑器独有的，方便读者阅读时直接跳转到相应目录
具体实现如下：
1. 在你开头键入：@[TOC](目录名字）后另起一行,开始写博客
2. 在文章编辑时我们通常会设置一级标题（“#”+“一个空格”+“标题名字”）、二级标题（“##”+“一个空格”+标题名字）等，在Markdown编辑器下提供了6级标题
3. 当你设置了各级标题后，开头目录会自动显示标题
首行缩进的方法：有很多种，这里先提供3种

半方大的空白用&ensp;或 
全方大的空白用&emsp;或 
不断行的空白格用 或 

文本样式:可以使用菜单栏的快捷方式，也可以手敲命令实现彩色文案!
（具体用法“帮助文档”里都有）
加粗文本 加粗文本
高亮标记
倾斜
~~删除文本~~
强调、注释
下标：H₂O
上标：2¹⁰

引用文本
字体背景色，（美化）字体颜色及字体大小由内嵌HTML的方法来实现
字体背景色

背景色是orange

字体美化

<font face="黑体">我是黑体字</font>
<font face="微软雅黑">我是微软雅黑</font>
<font face="STCAIYUN">我是华文彩云</font>
<font color=#0099ff size=4 face="黑体">color=#0099ff size=4 face="黑体"</font>
<font color=#00ffff size=4>color=#00ffff</font>
<font color=gray size=4>color=gray</font>
size:由1~7之间的数字

上面代码若直接写入编辑框，经由makdown显示效果如下

我是黑体字
我是微软雅黑
我是华文彩云
color=#0099ff size=4 face=“黑体”
color=#00ffff
color=gray

<font color="red">中间写上想说的话</font>
<font color=#f111f1>中间写上想说的话</font>

<font face="黑体">黑体字示例</font>
<font face="微软雅黑">微软雅黑示例</font>
<font face="STCAIYUN">华文彩云示例</font>

<font color=#0099ff size=5 face="STCAIYUN">color=#0099ff size=6 face="黑体"</font>
<font color=red size=5>color=#00ffff</font>

上面代码若直接写入编辑框，经由makdown显示效果如下

中间写上想说的话
中间写上想说的话

黑体字示例
微软雅黑示例
华文彩云示例

color=#0099ff size=6 face=“黑体”
color=#00ffff

安利其他博主的总结：
https://blog.csdn.net/wsp_1138886114/article/details/80954960
http://www.yinhuafeng.cn/daohang/peise/#character_0
下面是博主cungudafa 的博客里常用的表
https://blog.csdn.net/cungudafa/article/details/84658703

至于更多的配色就直接将上面的十六进制或颜色名称改为自己想要

<font color=red size=4>4号红色字体
<font color=blue size=4>4号蓝色字体
<font color=gren size=4>4号绿色字体
<font color=gray size=4>4号黑色字体
<font color=gold size=4>4号蓝色字体
<font color=indigo size=4>4号什么色字体
<font color=Crimson size=4>4号什么色字体
<font color=BurlyWood size=4>4号什么色字体
<font color=SlateGray size=4>4号什么色字体
<font color=Wheat size=4>4号什么色字体
<font color=MediumVioletRed size=4>4号什么色字体

实际效果

4号红色字体
4号蓝色字体
4号绿色字体
4号黑色字体
4号蓝色字体
4号什么色字体
4号什么色字体
4号什么色字体
4号什么色字体
4号什么色字体
4号什么色字体

居中排布

https://blog.csdn.net/centor/article/details/72929886
这是上方的博客中的方法（如下）：
很多时候，我们希望将图片居中，这样看起来效果很好。
对于不怎么懂html,css的后端人员来说，怎么搞定这事。
一种行之有效的方式：在图片上面加入<div align=center>标签

但是我还没有搞清楚这个方法😭
表情

github上找到一篇收录了很多表情的文：https://github.com/guodongxiaren/README/blob/master/emoji.md
插入代码

下图源自https://blog.csdn.net/cungudafa/article/details/84658703

插入代码片时，记得输入相应的语言种类才能高亮哦！
改变图片大小

原图：直接复制过来，不做改变
按原图比例缩放：在70后面+“一个空格”+“=尺寸”+“小写的x”
按固定大小缩放：在70后面+“一个空格”+“=长x高”

遇到问题：只有CSDN上复制来的图片有t_70选项，我用qq截图然后复制过来没有，如果添加了t_70就无法正常显示了
解决办法：先不改变大小，直接发布，然后复制，再回到Markdown粘贴，然后就可以改了
**帮助—链接里有方法：但是我没看懂
插入GIF动图

方法源自
https://blog.csdn.net/cungudafa/article/details/84658703

从文件夹上传GIF动图: 图片—上传图片

手机录屏.mp4在线转GIF上传
(1). 任意下载一个手机录屏软件–例如：录屏精灵
(2). 录制完之后是一个mp4格式的视频文件，上传到电脑，
(3). 将其转成gif动态图请打开在线转换器：https://ezgif.com/video-to-gif

如果你觉得满意就Save到本地吧，最后上传到CSDN上就可以啦~

（二）优化排版

层次不齐

有没有遇到排版前后层次不齐呢，解决方法——空格拯救强迫症星人！

下面的示例大家感受一下：
问题一：标题上的中英文括号不一致，空格个数不一致，#个数不一致

问题二：插入片段、图片、代码片没有层次感
问题三：图片位置乱窜
问题四：不仅是图片，文字内容未换行，排版效果都会差很多，在你写博客的时候也会有明显感受！要注意换行哦！
问题五：序号排列不整齐：注意在“1. ”后有一个空格，与标题“# ”后有一个空格同理：