[置顶] 如何更改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

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

相关文章