将博客园的页面变得简洁清爽

这是博主自用的自定义css,改变了字体大小,代码高亮等方面,让文章有更好的阅读效果。

CSS代码

#home{
width: 85%;
}
pre {
/*控制代码不换行*/
    white-space: pre;
    word-wrap: normal;
}
.cnblogs-markdown .hljs {
    display: block;
    overflow-x: auto;
    padding: 0.5em;
    background: #23241f !important;
    color: #FFF;
    white-space: pre;
    word-break: normal;
}

.hljs,
.hljs-tag,
.hljs-subst {
  color: #f8f8f2;
}

.hljs-strong,
.hljs-emphasis {
  color: #a8a8a2;
}

.hljs-bullet,
.hljs-quote,
.hljs-number,
.hljs-regexp,
.hljs-literal,
.hljs-link {
  color: #ae81ff;
}

.hljs-code,
.hljs-title,
.hljs-section,
.hljs-selector-class {
  color: #a6e22e;
}

.hljs-strong {
  font-weight: bold;
}

.hljs-emphasis {
  font-style: italic;
}

.hljs-keyword,
.hljs-selector-tag,
.hljs-name,
.hljs-attr {
  color: #f92672;
}

.hljs-symbol,
.hljs-attribute {
  color: #66d9ef;
}

.hljs-params,
.hljs-class .hljs-title {
  color: #f8f8f2;
}

.hljs-string,
.hljs-type,
.hljs-built_in,
.hljs-builtin-name,
.hljs-selector-id,
.hljs-selector-attr,
.hljs-selector-pseudo,
.hljs-addition,
.hljs-variable,
.hljs-template-variable {
  color: #e6db74;
}

.hljs-comment,
.hljs-deletion,
.hljs-meta {
  color: #75715e;
}
.cnblogs_code pre {
font-family: Courier New!important;
font-size: 18px!important;
word-wrap: break-word;
white-space: pre-wrap;
}

.cnblogs_code span {
font-family: Courier New!important;
font-size: 18px!important;
line-height: 1.5!important;
}
.postBody{
font-size: 16px !important;
}
.cnblogs-markdown .hljs, .cnblogs-post-body .hljs{
font-family: Consolas,"Courier New",sans-serif!important;
font-size: 15px!important;
}
body{
font-family: "Microsoft YaHei","Helvetica Neue",Helvetica,Verdana,Arial,sans-serif !important;
}
#cnblogs_post_body h4 {
    font-size: 17px;
}
#topics .postTitle {
   font-size: 170% !important;
}
div[id^="ad_"] {
    display: none;
}
div[class^="c_ad"] {
    display: none;
}
div[id^="under_post"] {
    display: none;
}
div[id^="green_channel"]{
display:none;
}
div[id^="author_profile"]{
display:none;
}
div[id^="div_digg"]{
display:none;
}

原文地址:https://www.cnblogs.com/zryabc/p/10385392.html

时间: 2024-10-12 22:52:42

将博客园的页面变得简洁清爽的相关文章

博客园自定义页面风格设计 后续篇(页面设计模式及代码高亮 鼠标点击效果升级)

前言 在之前所写过的博客园自定义页面风格设计篇中,我们已经说明了其中两种风格的页面设计,鼠标图案的修改,公告栏的设置,背景音乐的制作,关于CSS以及用Canvas和requestAnimFrame做动画特效,在本文中我们将教大家制作当前简约的页面制作方法. 只要你们有需求,我会尽量帮助到大家,在此感谢各位广大粉丝的支持和理解,我会尽量做到最好,希望小主们不要吝啬你们的支持和推荐,动动小手顶一顶,非常感谢大家长久的陪伴~~ 全部过程都是在“管理->设置”中完成的,博客皮肤推荐使用Simple Me

博客园定制页面(五)——使用自定义JS脚本(公告栏显示时间)

一.js使用方法 使用方法主要分为以下几步: 在本地创建js脚本文件: 博客园的管理——文件——选择文件——上传 然后在设置里面的博客侧边栏公告或者页首Html代码或者页脚Html代码中用自定义的html等代码调用即可. 注意:博客园的js权限需要申请开通.一般先写两篇博客再申请,如果不通过多申请两次即可通过. 二.公告栏钟表显示时间 下面是示例我的博客公告栏的钟表显示的js设置方法: 创建js脚本 上传到自己账户的文件中,然后在博客侧边栏公告调用js脚本 2.1.本地创建js脚本 本地创建名为

博客园 css页面定制代码

1.勾选"禁用模板默认CSS" 2.将下面代码粘贴到"页面定制CSS代码"部分 1 /*公用*/ 2 body { 3 font-size:15px; 4 padding:0; 5 margin:0; 6 font-family:"微软雅黑","宋体",Arial; 7 background:#205424 url('http://pic1.win4000.com/wallpaper/1/59705b12dec18.jpg')

博客园定制页面(四)——客户端及插件

1.WindowsLiveWriter WindowsLiveWriter已经停止更新服务,所以从微软官方已经没有办法下载.下面是之前下载的资源. cnblogs官方对博客客户端说明https://group.cnblogs.com/topic/8550.html 官方说明已经有客户端安装. cnblogs上面的官方链接也有客户端链接cnblogs的设置方法. 百度网盘下载: 链接: https://pan.baidu.com/s/1XhDgO5EGhTmKpH6oVCSvtA 提取码: kqc

博客园自定义页面风格设计

转:http://www.cnblogs.com/ECJTUACM-873284962/p/7628894.html#_nav_0 Angel_Kitty的原创博文 ①拥有自己的CSS代码②修改鼠标图案③公告栏的设置关于背景音乐④关于CSS动画特效⑤用Canvas和requestAnimFrame做动画特效

简单改造丨让你的博客园焕然一新

一直想弄一个blog. 主流的有csdn.博客园,csdn上广告太多,有时候必须得登录才能看到一些内容,让我非常反感.相比之下,博客园则清爽很多,使用了一段时间,但还是觉得不便.主要是上传文章经常会有格式问题,其次就是博客园的界面太老旧了. 后来就尝试在github pages上搭建Jekyll.Hexo,很geek,玩法很多.但要我自己维护还是有点折腾,我只想要一个写东西的地方,看得顺眼就行. 之后,我无意发现博客园的主题也是支持定制的,让我眼前一亮.这里贴一个教程.[详细图解]一步一步教你自

博客园加密登录--jsencrypt

博客园加密登录--jsencrypt 问题由来    前几天在做项目的时候,发现一般做登录的时候只是一个非常简单的`form`表单,但是这样肯定是不安全的!所以想去看看其他比较流行的网站是怎么实现的.说到安全,我第一个想到的就是去看支付宝,毕竟人家那么大的系统并且管理的是money啊! 结果,支付宝的登录确实复杂,chrome的F12竟然找不到.算了,看看我大博客园吧! 下面就是从博客园登录页面copy下来的js登录代码片段 博客园登录时采用的ajax发信http登录请求,就是采用jsencyp

利用Abot 抓取博客园新闻数据

1. 引言 相比于Java而言,基于C#的开源爬虫就少了很多.入行这么多年也从未接触过爬虫.出于兴趣今天给大家介绍一个C# 的爬虫工具Abot. 需要使用可以通过Nuget获取.Abot本身就支持多线程的爬取, 内部使用CsQuery来解析爬取到的Html文档.熟悉jQuery的同学肯定能快速上手CsQuery, 它就是一个C#版本的jQuery. 这里以爬取博客园当天的新闻数据为例,看看如何使用Abot. 2. 博客园新闻页面 http://news.cnblogs.com/ 这是博客园的新闻

(转)博客园登陆__JSEncrypt 分析

下面就是从博客园登录页面copy下来的js登录代码片段 博客园登录时采用的ajax发信http登录请求,就是采用jsencypt加密,以保护用户登录账号安全,一下是js片段代码 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57