与你相识
![](https://i-blog.csdnimg.cn/blog_migrate/48e5c8c40905450c1f6023fcc293bad9.jpeg)
博主介绍:
– 本人是普通大学生一枚,每天钻研计算机技能,CSDN主要分享一些技术内容,因我常常去寻找资料,不经常能找到合适的,精品的,全面的内容,导致我花费了大量的时间,所以会将摸索的内容全面细致记录下来。另外,我更多关于管理,生活的思考会在简书中发布,如果你想了解我对生活有哪些反思,探索,以及对管理或为人处世经验的总结,我也欢迎你来找我。
– 目前的学习专注于Go语言,辅学算法,前端领域。也会分享一些校内课程的学习,例如数据结构,计算机组成原理等等,如果你喜欢我的风格,请关注我,我们一起成长。
Introduction
csdn使用的是markdown
编辑器,在使用的时候,它还贴心的准备了一份帮助文档,里面包含了一些特别常用的markdown使用方式和快捷键,通过学习这些以及可以让我们使用csdn来发表自己的博客了。
但是渐渐的使用中发现,如果想要让自己的文章更细腻,更美观一些,这些基本的内容就不太够用了。
话不多说,Let’s go!
在学习进阶技巧之前
首先,当我们在写文章的时候,右边会有csdn已经为我们整理了一个帮助文档,我们可以先去了解一下最基本的操作。
如果你的右边并没有帮助文档的话,点击右上角的帮助符号,即可弹出这个模块。
进阶技巧
 
全角缩进,相当于一个汉字。
全称为 Em Space,em是字体排印学的计量单位,其占据的宽度正好是1个中文宽度.
我的博客中段落缩进两个汉字就是用的这个。
 
半角缩进,相当于一个英文字符
全称为 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%”,是指图片的缩放比例,通过这个属性可以控制图片的大小。
文字大小
<font size=3>hahahahah<font>
那个hahahah就是我们要写的内容,size是文字的大小,后面的<font>
也可以去掉,只留前面那一个。
文字变色
<font color=#0080FF size=3>hahaha
通过在font字段中加上color属性就可以控制文字的颜色了
<br>
换行
最早我接触csdn的时候 ,发现换行和空格会有一些莫名其妙的错误,后来才知道了markdown。
markdown中可以用<br>
来换行