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

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


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

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


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

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

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

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

step4:你可以先预览样式

step5:预览效果如下所示

step6:预览完后点击"close"

step7:点击"保存配置"

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


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

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

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

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


相关文章
|
JavaScript 开发者
|
8月前
超级好看动态视频引导页源码
超级好看动态视频引导页源码,源码由HTML+CSS+JS组成,记事本打开源码文件可以进行内容文字之类的修改,双击html文件可以本地运行效果,也可以上传到服务器里面,重定向这个界面
63 0
超级好看动态视频引导页源码
|
8月前
|
前端开发 小程序
uniapp 将标题背景更换背景图片 完美解决(附加源码+实现效果图)
uniapp 将标题背景更换背景图片 完美解决(附加源码+实现效果图)
1011 0
|
IDE 编译器 开发工具
|
存储 前端开发
Typora笔记神器—高亮和引用样式设置
Typora笔记神器—高亮和引用样式设置
Typora笔记神器—高亮和引用样式设置
|
前端开发 搜索推荐
【博客美化】01.推荐和反对炫酷样式
【博客美化】01.推荐和反对炫酷样式
107 0
【博客美化】01.推荐和反对炫酷样式
|
XML Java Android开发
Android开发案例 设置背景图片轮播
Android开发案例 设置背景图片轮播
208 0
Android开发案例 设置背景图片轮播
|
算法 容器 数据可视化
WPF_界面_图片/界面/文字模糊解决之道整理
原文:WPF_界面_图片/界面/文字模糊解决之道整理 版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/u010265681/article/details/76651792 图片模糊: 图片尺寸:  检查图片,png, DPI=72,Stretch="None",原图尺寸和xaml里面写的尺寸一致。
1336 0
|
C#
WPF图片放大后模糊的解决方法
原文:WPF图片放大后模糊的解决方法 WPF中显示图片的方式很多,可以用Image控件来显示图像,或者直接设置一个控件的Background。
1383 0
博客园代码黑色主题高亮设置
参考链接: https://segmentfault.com/a/1190000013001367 先发链接,有空实践后会整理。我的GitHub地址:https://github.com/heizemingjun 我的博客园地址:http://www.
2239 0