csdn排版中不为人知的技巧 | 美容文章_csdn发布的文章格式如何才能好看-CSDN博客

本文链接：https://blog.csdn.net/qq_29582443/article/details/117394041

与你相识

博主介绍：

– 本人是普通大学生一枚，每天钻研计算机技能，CSDN主要分享一些技术内容，因我常常去寻找资料，不经常能找到合适的，精品的，全面的内容，导致我花费了大量的时间，所以会将摸索的内容全面细致记录下来。另外，我更多关于管理，生活的思考会在简书中发布，如果你想了解我对生活有哪些反思，探索，以及对管理或为人处世经验的总结，我也欢迎你来找我。

– 目前的学习专注于Go语言，辅学算法，前端领域。也会分享一些校内课程的学习，例如数据结构，计算机组成原理等等，如果你喜欢我的风格，请关注我，我们一起成长。

Introduction

csdn使用的是markdown编辑器，在使用的时候，它还贴心的准备了一份帮助文档，里面包含了一些特别常用的markdown使用方式和快捷键，通过学习这些以及可以让我们使用csdn来发表自己的博客了。

但是渐渐的使用中发现，如果想要让自己的文章更细腻，更美观一些，这些基本的内容就不太够用了。

话不多说，Let’s go！

在学习进阶技巧之前
进阶技巧

在学习进阶技巧之前

首先，当我们在写文章的时候，右边会有csdn已经为我们整理了一个帮助文档，我们可以先去了解一下最基本的操作。

如果你的右边并没有帮助文档的话，点击右上角的帮助符号，即可弹出这个模块。

进阶技巧

&emsp;全角缩进，相当于一个汉字。

全称为 Em Space，em是字体排印学的计量单位，其占据的宽度正好是1个中文宽度.

我的博客中段落缩进两个汉字就是用的这个。

&ensp;半角缩进，相当于一个英文字符

全称为 En Space，en是字体排印学的计量单位，为em宽度的一半，根据定义，它等同于字体宽度的一半（如16px字体中就是8px），名义上是一个小写字母的宽度，大概 1/2 个中文宽度。

 不换行空格

全称为 No-Break Space，不换行空格，是最常见的空格，它是按下space 键产生的空格。在HTML中，如果用 space 键产生此空格，空格是不会累加的（只算1个）。

这也是为什么你在csdn中输入很多空格，但是只会显示一个空格的原因。

<hr> 分割线

你可以看到我每个块之间都有一个分割线，这个分割线由<hr>标签来显示出来。

<kbd>test</kbd>短语标签

效果是这样test，全称是keyboard，在html中本来是用来定义键盘文本的，现在已经废弃不用了。

当我们想要去强调一个内容的时候，可以这些包裹一下。

`test` 短语标签，字符串

上面看到的很多类似这样的，都是这个两个反引号的标签起的作用，它其实是一种注释。

但是你可能会遇到一个问题，比如你不想要test，你就是想打出来`test` ，就需要在反引号前加上一个\就可以了。这个和上一个都可以起到强调的作用，我更喜欢用这种，感觉使用更方便一些。

图片缩放，大小，位置

<img src="https://img-blog.csdnimg.cn/20210530085239348.jpg?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzI5NTgyNDQz,size_4,color_FFFFFF,t_70,#pic_center" width="60%">

在这段代码中，前面src=""，这个双引号里面的内容，就是我们图片的地址，复制进去。
然后后面会发现有一个"#pic_center"，把这个center换成right就是靠右，换成left就是靠左，通过这个属性可以控制图片的位置。
后面还有一个width=“60%”，是指图片的缩放比例，通过这个属性可以控制图片的大小。

文字大小