关于博客园代码样式的调整

我一直在自己的博客中使用的是自定义的syntaxHighlighter代码着色。参考:http://alexgorbatchev.com/SyntaxHighlighter/manual/themes/

结果最近发现我的代码着色变成了:

发现没有,代码间距变的很大,样式很丑。通过查看源代码发现:

博客园的公共css增加了这一行:


1

<div class="cnblogs_Highlighter">

这是罪魁祸首。解决办法就是在设置里面:

增加这一行就搞定了。

我的现在的样式为:

我比较满意。

时间: 2025-01-31 02:10:22

关于博客园代码样式的调整的相关文章

博客园样式漫谈——从0到1改变你的博客风格!

之前也有很多人写过这个话题的博客了,但是我觉得大家都千篇一律--贴上一堆CSS的代码,对于新手来说,可能直接拷贝过去CSS代码,能改变下博客的样式,但是知其然不知其所以然,想要自己修改样式,仍然无从下手. 本篇就通过博客布局.CSS基本的方法.JQuery的使用.调试技巧.响应式布局扩展 等几个方面讲述下修改博客样式的经验. 博客布局 博客园的前端结构很规整,因此基本上所有的博客都是一样的.大致可以如下面的Html结构所示: <html> <header> 1 默认的样式文件 2

小技巧:如何在(博客园)TinyMCE编辑器模式下同时插入Flash和Sliverlight以及代码运行框

如标题,已经知道的同学们就不用往下看了,以免浪费时间,本文内容是为博客园新手准备的.   众所周知,博客园发布博文时提供了二种html编辑器:CuteEditor 和 TinyMCE.(其实还有一种纯文本方式,不过很少有用人它,本文就不讨论它了)   TinyMCE相对在代码着色方面更出色,排版出来的文章也更好看,所以博客园推荐大家使用它,但是这东西有一个致命的缺点:如果用它直接插入Sliverlight(Xap),保存后会自动识别为Flash,这令银光侠们苦恼不已,昨天我向博客园团队反馈了,得

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

由于本人写博客的时候,也没有配置博客的相关属性,因此贴出来的代码块都是CSDN默认的,因此代码背景色都是白色的,如下所示: 但是本人在浏览他人博客的时候,发现有些博客的代码块看起来比较有范,整个代码库的背景色是纯黑色的,如下所示. 上面两份代码是同一份代码,只是由于配置的高亮代码皮肤不一样所致.现在就来说说如何配置代码块的皮肤,使整个代码块看起来更舒服(本人个人认为). step1:点击"管理博客"按钮 step2:点击"博客配置"选项 step3:高亮代码皮肤选项

将博客园(cnblogs.com)数据导入到wordpress的代码_php实例

我将这个分享出来,如果以后有谁需要可以直接下载下面插件 使用方法: 在cnblogs选择备份数据,导出一个XML到本地: 下载附件中的插件,安装至\wp-content\plugins目录: 后台开启插件后,可以在"工具"中找到"Cnblogs数据转换",进入: 选择刚才下载的XML文件,上传后系统会自动将数据转换并导入到wordpress中 备注: 这个插件只是单纯将博客园日志.随笔.文章导入到wordpress中,不会导入评论相册数据,因为cnblogs不提供这

【店长推荐&amp;非广告】手把手教你为博客园添加IP、PV统计

每个努力写博客的人都想让自己的博客有更多的人看到,即满足自己的虚荣心又能帮助到他人,何乐而不为呢. 像我这种写出来文章拿不到多少推荐,不能当上推荐博客,写的东西还总被移除首页的人来说,只能靠PV这种东西刷刷荣誉感了. 本篇就来手把手教大家如何为自己的博客进行IP PV统计! 什么是IP和PV IP就是独立的IP数,一般来说,统计的方法是一天之内重复的IP算作一条.PV则是一次网页的请求了,每次刷新都会增加一次PV. 盗用鹅厂的图来说明一下: 先来一发兴奋弹! 先来看看效果: 点击链接,能清晰的看

【超详细教程】使用Windows Live Writer 2012和Office Word 2013 发布文章到博客园全面总结

原文 http://www.cnblogs.com/liuxianan/archive/2013/04/13/3018732.html 去年就知道有这个功能,不过没去深究总结过,最近有写网络博客的欲望了,于是又重新拾起这玩意儿. 具体到底是用Windows Live Writer 2012还是用Word 2013,个人觉得看个人,因为这2个软件各有优点,各有缺点. 1.首先用LiveWriter发博客显然更专业,发布后的效果也与本地最接近,但是在编辑功能上肯定大不如Word,另外一个最大缺点是它

PHP仿博客园个人博客数据库与界面设计

自学PHP大半年多了,断断续续地,但是最终还是坚定了我的想法,将PHP继续下去,所以写这个PHP的博客是为了找个稳定的 PHP工作,不求工资多高,但求一收留之地.我能看懂大部分英语文档,人不蠢,爱学习,有兴趣地可以联系下!有诚意的来吧!qq:240382473 我会分3-5次发布所有关键代码和文档说明,博客后台所有的样式均套用博客园! 说明: 1. 不完全采用MVC架构,但是理念就是这样的.因为还不能写出很稳定的MVC架构. 2.几乎不采用JQUERY AJAX 因为不是特别熟悉,运用起来还不自

博客园配置windows live writer,实现本地代码高亮

你是否还在为只能用浏览器在博客后台写文章而苦恼? 你是否还在纠结于live writer没有代码高亮而苦恼? 现在一切都能解决: 其实博客园支持SyntaxHighlighter代码着色,可以用相应的Live Writer代码着色插件进行代码着色.他们推荐的代码高亮插件是 :推荐代码着色插件:Source Code plugin for SyntaxHighlighter. :Windows Live Writer下载地址:http://download.live.com/writer. 但是无

实战博客园访问流量计数器-三步操作简化教程

引子:你是否为无法看到自己园子的访问流量而黯然神伤呢? 每写一篇文字,你是都否期待有人来阅读,是否期待有人来支持,与你共享心得和体会呢?注册园子有几个月了,很喜欢这么一个平台,总可以找到心意相通的朋友,也发现了一些不足.包括无法看到自己博客空间的访问流量计数.这个问题得向Dudu反应一下.没办法只能自己想辙啊,感谢度娘,感谢博客园,终于找到了解决问题的方法,特整理处理,希望与大家共享. 第一步:风格选择 首先我们登录到站点:http://www.amazingcounters.com/sign-