如何更改CSDN博客高亮代码皮肤的样式，使博客看起来更有范

最新推荐文章于 2022-11-11 16:52:59 发布
最新推荐文章于 2022-11-11 16:52:59 发布
阅读量4.7k 收藏 3
点赞数 2
分类专栏： 杂 文章标签： 博客 贴代码

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

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


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

 

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

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

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

step4:你可以先预览样式

step5:预览效果如下所示

step6:预览完后点击"close"

step7:点击"保存配置"

 

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

 


 

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

  作者：欧阳鹏  欢迎转载，与人分享是进步的源泉！

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

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

Thomas-yang
关注
  • 2
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 4
    评论
专栏目录
CSDN 博客的代码高亮问题自己修复
10-29
几天 CSDN 博客的代码高亮功能突然不行了，而且论坛上有人提出 BUG，没有得到回应。
postman更换皮肤
weixin_34220963的博客
05-13 795
1、打开Postman，File——Settings 转载于:https://www.cnblogs.com/gaoqiao/p/10856424.html
如何更改CSDN博客高亮代码皮肤的样式，使博客看起来更有范（推荐）
weixin_34356138的博客
09-30 140
由于本人写博客的时候，也没有配置博客的相关属性，因此贴出来的代码块都是CSDN默认的，因此代码背景色都是白色的，如下所示： 但是本人在浏览他人博客的时候，发现有些博客的代码块看起来比较有范，整个代码库的背景色是纯黑色的，如下所示。 上面两份代码是同一份代码，只是由于配置的高亮代码皮肤不一...
CSDN个人主题（皮肤）设置
记录学习的日子
11-11 672
进入后，将鼠标放到左边，拉到网页最下端，左下角有一个设置，设置里面有一个博客设置。点击进入个人主页，然后点击右上角的个人创作中。主题皮肤设置修改了，可以在创作中心里找到。点击博客设置，就可以看到博客皮肤设置了。
CSDN博客背景皮肤设置
Edward2022的博客
07-24 859
CSDN皮肤
CSDN博客代码高亮显示
一个挣扎在代码学习之路上的猿
10-20 6054
今天分享下在CSDN写博客的时候如何设置代码高亮 一、首先进入个人博客界面： 二、进入博客管理界面 三、进入管理界面后进入博客设置 四、设置选择你的博客标题、描述和想要的皮肤并选择代码显示格式 那么走到这里，你肯定已经开始迫不及待的去实验了，你在了解了Markdown后肯定这样输入： 结果兴致冲冲写完却发现界面还是这样的： /** * 根据设备状态查询所有维修设备 ...
csdn 博客中实现运行代码功能实现
09-05
有时候因为csdn的博客经常处理一些字符，导致代码很多情况下，都不能正常运行，给大家的阅读带来了麻烦，下面是脚本之家编辑简单的整理下。
仿csdn代码高亮样式(最终版)
12-17
想了一下, 把blog上在用的最终版本发上来,之前在这篇blog里面说的, http://blog.csdn.net/lingchen_yu/article/details/41822167, 要各种修改, 想想我也挺讨厌这种做法, 哎, 想想都是我太懒了, 自己改好就没管了= =
csdn 博客的css样式 v3
09-06
仅相隔一天就出了个v3。修正了一个bug，firefox左侧内容宽度错误。
csdn代码高亮样式（拷贝兼容谷歌、火狐）
12-09
csdn代码高亮样式（拷贝兼容谷歌、火狐），挂到自己的blog上时，需要一点小修改，具体修改参见博客： http://blog.csdn.net/lingchen_yu，文章名字叫《仿csdn代码高亮样式，兼容chrome、firefox拷贝》
教你怎么做可以换皮肤的软件
03-22
NULL 博文链接：https://dai-lm.iteye.com/blog/676770
Visual Studio 皮肤设置
10-25
里面包含了8种较为常用的VS开发环境设置，包括Consolas_GardenOfEden，son-of-obsidian等
2018最新csdn修改博客皮肤模板教程
光明永夜的博客
06-14 4758
博客设置 元素选择器选择皮肤 找到下面的代码可以看到每一个皮肤为一个div元素,他们的 class属性名都为opt-skin-box  如下图 找到你喜欢模板的div元素下面的 input元素  value属性的值 然后对默认模板的input值进行替换  替换后的效果如下图,替换后点击保存大功告成,再刷新之后博客就变成你替换的皮肤了...
CSDN代码块高亮
与望
12-07 5315
背景我刚刚写了一篇博客，发现代码咋丑丑的，不对啊，然后又去看了下markdown的语法帮助。get这个技能。解决办法1.点击菜单栏那里的问号看语法帮助。 2. 在需要高亮的代码块的前一行及后一行使用三个反引号“`”，同时第一行反引号后面表面代码块所使用的语言，如下：require 'redcarpet' markdown = Redcarpet.new("Hello World!") puts
自动驾驶运动规划(Motion Planning).pdf
04-26
自动驾驶运动规划(Motion Planning)问题分析
财务数据分析模型6.xlsx
04-26
Excel数据看板，Excel办公模板，Excel模板下载，Excel数据统计，数据展示
人力资源数据分析看版.xlsx
04-26
Excel数据看板，Excel办公模板，Excel模板下载，Excel数据统计，数据展示
重庆大学2011-2012(2)数字电子技术II.pdf
最新发布
04-26
重庆大学期末考试试卷，重大期末考试试题，试题及答案
python抓取csdn博客的代码
05-03
你可以使用 Python 中的 requests 和 BeautifulSoup 库来抓取 CSDN 博客的内容。下面是一个简单的示例代码： ```python import requests from bs4 import BeautifulSoup # 要抓取的博客链接 url = 'https://blog.csdn.net/xxxxx/article/details/xxxxx' # 发送 GET 请求获取页面内容 response = requests.get(url) # 解析页面内容 soup = BeautifulSoup(response.content, 'html.parser') # 获取文章标题和内容 title = soup.find('h1', {'class': 'title-article'}).text.strip() content = soup.find('div', {'class': 'markdown_views'}).text.strip() # 打印结果 print(f'Title: {title}') print(f'Content: {content}') ``` 你需要将 `url` 变量替换为你要抓取的博客链接。在示例代码中，我们使用了 `requests.get()` 方法来发送 GET 请求并获取页面内容，然后使用 BeautifulSoup 解析页面内容。 你可以通过查看页面 HTML 结构来找到你想要抓取的内容的标签和类名，然后使用 `soup.find()` 方法来获取这些内容。在示例代码中，我们找到了文章标题和内容的标签和类名，并使用 `.text.strip()` 方法来获取它们的文本内容并去除空格。 最后，我们打印了获取到的文章标题和内容。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 4
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值