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

简介: 由于本人写博客的时候,也没有配置博客的相关属性,因此贴出来的代码块都是CSDN默认的,因此代码背景色都是白色的,如下所示: 但是本人在浏览他人博客的时候,发现有些博客的代码块看起来比较有范,整个代码库的背景色是纯黑色的,如下所示。


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

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


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

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

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

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

step4:你可以先预览样式

step5:预览效果如下所示

step6:预览完后点击"close"

step7:点击"保存配置"

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


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

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

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

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


相关文章
|
搜索推荐 前端开发 开发者
typora 基本使用和漂亮的主题样式(如何更改typora主题样式 + 如何修改博客园等博客的markdown样式)
typora 基本使用和漂亮的主题样式(如何更改typora主题样式 + 如何修改博客园等博客的markdown样式)
885 0
typora 基本使用和漂亮的主题样式(如何更改typora主题样式 + 如何修改博客园等博客的markdown样式)
|
前端开发
掘金Markdown编辑器中的图片怎么居中?
掘金Markdown编辑器中的图片怎么居中?
413 0
|
存储 前端开发
Typora笔记神器—高亮和引用样式设置
Typora笔记神器—高亮和引用样式设置
Typora笔记神器—高亮和引用样式设置
|
前端开发 搜索推荐
【博客美化】01.推荐和反对炫酷样式
【博客美化】01.推荐和反对炫酷样式
【博客美化】01.推荐和反对炫酷样式
|
搜索推荐
【博客美化】03.分享按钮
【博客美化】03.分享按钮
【博客美化】03.分享按钮
CSDN-Markdown编辑器--修改字体颜色、大小、字号
CSDN-Markdown编辑器--修改字体颜色、大小、字号
194 0
CSDN-Markdown编辑器--修改字体颜色、大小、字号
自定义博客样式
自定义博客样式 用了一天时间简单的更改了下博客的样式,前端技术不甚了解,暂且粗制至此。 有一些问题没解决,还有些功能没实现。 模板使用博客园的官方模板:En_summerGarden。基于此模板进行自定义。
1053 0
博客园代码黑色主题高亮设置
参考链接: https://segmentfault.com/a/1190000013001367 先发链接,有空实践后会整理。我的GitHub地址:https://github.com/heizemingjun 我的博客园地址:http://www.
2184 0