当前位置 博文首页 > 早知晓的博客:CSDN写博客时如何给关键字段加上粉红色的矩形背景

    早知晓的博客:CSDN写博客时如何给关键字段加上粉红色的矩形背景

    作者:[db:作者] 时间:2021-07-30 08:53

    1.问题背景

    博主在CSDN浏览别人的博客时,发现有的博主的博客用到了加上粉红色的矩形背景框的关键字段(别人的博客如下图所示)。
    在这里插入图片描述
    我个人特别忠爱这个功能,因为我们在写博客的编程教程时,一句话里面一般同时夹杂代码字段中文文本,我们需要把代码字段高亮出来以帮助阅读我们博客的其他读者轻松理解哪一部分是代码字段,所以我进行了研究,终于知道如何实现这个功能了。

    2.使用教程

    (1)编写CSDN博客时选择“MarkDown编辑器”

    给关键字段加上粉红色的矩形背景框是CSDN的MarkDown编辑器下独有的拓展MarkDown的语法,所以我们必须选择“MarkDown编辑器”。
    在这里插入图片描述
    MarkDown标记语言最详细的背景介绍与使用意义与语法教程与编辑器推荐
    编写CSDN博客时可以选择“富文本编辑器”和“MarkDown编辑器”。

    富文本编辑器-Rich Text Editor 就是传统的文本编辑器,比如Word,各大论坛的帖子编辑器。传统的富文本编辑器有很多劣势:软件不会用,软件不兼容,格式不兼容,排版太费时间,难以团队协作等。

    所以 MarkDown编辑器 就诞生了,他有语法简单,导出方便,兼容性强,跨平台发表文章排版统一,团队协作等优点。

    同时支持MarkDown平台日益增多:不完全统计,MarkDown语法已经被以下平台支持了:Github全球最大开源代码托管平台,项目的说明性文件ReadMe.md-(后缀md就是MarkDown),Gitlab,Gitbook;CSDN程序员博客平台,Wordpress博客,Typecho博客;知乎,有道云笔记,印象笔记,简书;所有电子邮箱;Markdown在线编辑工具。

    如果你是程序员,你总得上Github找代码和写文档吧?Github上读懂别人的代码和写文档得用MarkDown;你做一个项目,项目的说明性文件ReadMe.md你总得写吧?这个项目的说明性文件ReadMe.md-(后缀md就是MarkDown)就是用MarkDown语法规则编写的。

    CSDN作为程序员博客平台,当然不能忽视程序员必用的MarkDown编辑器,所以CSDN编写CSDN博客时可以选择“MarkDown编辑器”了。

    (2)使用两个反单引号 ` 包裹要粉红色的矩形背景框的文字

    在这里插入图片描述

    `要高亮的关键字段`
    

    使用两个反单引号 ` 包裹要加粉红色的矩形背景框的文字,就可以实现我们要的效果,而这是CSDN的MarkDown编辑器下独有的拓展MarkDown的语法。
    你可能不知道什么是反单引号,这个按键是在英文输入法状态下的键盘最左上角Esc按键下面的的按键
    在这里插入图片描述
    关于“反单引号”的百科介绍:重音符或抑音符(grave accent),又称反单引号,是西文字符中的附加符号,主要用在linux的bash中,同时在数学软件Mathematica中也有应用。反单引号的位置在键盘中数字键“1”的左边,其上档符号是“~ ”,使用Shift键可以换挡输入。由于计算机显示的原因,反单引号非常容易和单引号 ‘ 混淆。

    3.总结

    简而言之,使用两个反单引号 ` 包裹要粉红色的矩形背景框的文字,就可以实现我们要的效果。
    在这里插入图片描述

    cs