[置顶] 如何更改CSDN博客高亮代码皮肤的样式,使博客看起来更有范(推荐)

时间:2022-10-16 20:11:28

由于本人写博客的时候,也没有配置博客的相关属性,因此贴出来的代码块都是CSDN默认的,因此代码背景色都是白色的,如下所示:

[置顶] 如何更改CSDN博客高亮代码皮肤的样式,使博客看起来更有范(推荐)

但是本人在浏览他人博客的时候,发现有些博客的代码块看起来比较有范,整个代码库的背景色是纯黑色的,如下所示。

[置顶] 如何更改CSDN博客高亮代码皮肤的样式,使博客看起来更有范(推荐)

上面两份代码是同一份代码,只是由于配置的高亮代码皮肤不一样所致。现在就来说说如何配置代码块的皮肤,使整个代码块看起来更舒服(本人个人认为)。

step1:点击"管理博客"按钮

[置顶] 如何更改CSDN博客高亮代码皮肤的样式,使博客看起来更有范(推荐)

step2:点击"博客配置"选项

[置顶] 如何更改CSDN博客高亮代码皮肤的样式,使博客看起来更有范(推荐)

step3:高亮代码皮肤选项框中选择你自己喜欢的样式

[置顶] 如何更改CSDN博客高亮代码皮肤的样式,使博客看起来更有范(推荐)

step4:你可以先预览样式

[置顶] 如何更改CSDN博客高亮代码皮肤的样式,使博客看起来更有范(推荐)

step5:预览效果如下所示

[置顶] 如何更改CSDN博客高亮代码皮肤的样式,使博客看起来更有范(推荐)

step6:预览完后点击"close"

step7:点击"保存配置"

[置顶] 如何更改CSDN博客高亮代码皮肤的样式,使博客看起来更有范(推荐)

step8:进入你的博客,查看改变后的代码风格吧。

[置顶] 如何更改CSDN博客高亮代码皮肤的样式,使博客看起来更有范(推荐)

=================================================================================================

  作者:欧阳鹏  欢迎转载,与人分享是进步的源泉!

  转载请保留原文地址:http://blog.csdn.net/ouyang_peng

==================================================================================================