Chrome 插件自定义博客编辑界面

本文介绍了一种通过浏览器插件自定义博客园编辑器界面的方法,实现夜间模式以减轻眼睛疲劳。作者通过创建特定文件及配置,实现了背景黑色、文字浅灰色的效果。

总觉得博客园的编辑器太白了,特别是在晚上,太明亮了刺眼。在后台设置里面找不到任何可以修改UI的地方,考虑用浏览器插件自己改一下。要是做得好,可以给大家一起用。

新建目录 E:/cnblog.js,添加文件 E:/cnblog.js/manifest.json,加入如下json数据:

{  
    "name": "cnblog.js",  
    "version": "0.0.1",  
    "description": "Customer your cnblogs editor.",  
    "content_scripts":[{
        "matches":["https://i.cnblogs.com/EditPosts.aspx*"],
        "js":["j/cnblog.js"]
    }] 
} 

添加文件 E:/cnblog.js/j/cnblog.js,添加如下内容:

Editor_Edit_EditorBody.style.backgroundColor="#000";
Editor_Edit_EditorBody.style.color="#eee";

启用开发者模式

552217-20161106222942393-441157490.png

然后“加载已解压的扩展程序”,选择文件夹 E:/cnblog.js,确定

552217-20161106225741065-481902409.png

随便打开一个随笔编辑,看到经典的DOS风格界面:

552217-20161106230413471-134802140.png

接着是周围的白色,慢慢调,有时间继续改进……

转载于:https://www.cnblogs.com/liaozt/p/6036689.html

Smart Ads自定义显示博客广告,可以根据文章的长度、发布时间早晚、分类,甚至文章作者来设置不同的广告。可以使用 [smartads]快捷方式来在文章或者页面调用自定义广告——广告代码直接在插件选项里面设置。如果你使用的是wp2.7版本,删除插件后,插件会自动从Mysql数据库删除相应的设定。 Smart Ads插件安装: 1.下载Smart Ads插件,然后上传插件到/wp-content/plugins/下的文件夹。 2.到WordPress 管理后台插件页面激活插件,激活后插件后,点击“Setting”--->“Smart Ads”进行相关设置,页面如下(点击浏览全图): 页面中有如下选项: Smart Ads选项设定:Show Custom ads on Homepage? 是否在首页显示自定义广告。 选定之后,首页也会出现广告,否则的话就只是出现在内容页。注意:google adsense单个页面仅允许显示三个广告单元,需注意这一点。 Minimum Post Wordcount:设定显示广告的最短字数 如果内容过少的话,展示出来的广告会很不美观。设定后,除非文章字数超过你设定的数字,否则广告不会出现。 Only show ads on posts older then :文章超过多少天后才显示广告 这个应该主要是考虑到订阅用户和老用户。对于博客而言,新文章看的最多的人还是订阅者或者是老用户。 Category Exclusions:排除不显示广告的分类 把分类的ID——不是分类名称——填入,用半角状态下的逗号隔开。在这些分类下的文章将不会显示广告——自定义广告出外。 Disable Top Ad if Post Begins with an Image:如果文章以图片开头,或者在图片之前的字数不够,则顶部广告不显示。 Disable Ads For Registered Members对注册用户不显示广告 如果这个选项勾选的话,博客注册用户登陆浏览的时候将看不到任何广告,包括自定义广告。 介绍完上面的选项后,下面我们就要把广告代码放到“Advertising Code”中,Advertising Code有三部分: •Top AD:广告将显示在文章内容的顶部 •Bottom AD:广告将显示在文章内容的底部 •Custom AD:自定义广告,使用[smartads]调用广告 放入广告代码后,点击Update就OK了。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值