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";

启用开发者模式

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

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

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

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

Chrome 插件自定义博客编辑界面相关推荐

使用Hexo的helper-live2d插件自定义博客看板娘
经常逛别人博客都会看到看板娘,但是那些看板娘我都不太喜欢.度娘搜了搜Hexo看板娘教程来来去去都是使用live2d-widget-models提供的那几个模型,昨天偶然在gitee上看到了少女前线的L ...
[chrome插件分享] 博客园是个好图床 image-uploader
说明去年做了一款 windows 下的图片上传程序,[自制小工具含源码--博客园图床ImageBed], 但是这个小工具只适用于 windows 平台,自从换了 Mac 以后就不能用了.于是萌生了再 ...
一步一步教你自定义博客园(cnblog)界面
一步一步教你自定义博客园(cnblog)界面一.总结二.一步一步教你自定义博客园(cnblog)界面写在开头我之前在博客园没怎么发东西,就是觉得博客园的Markdown不支持实时预览,加上ma ...
CnBlogs自定义博客样式
一.前言一直觉得博客园自带的样式不够简介美观,所以想着使用CSS美化下,同时写篇博客总结下以供后人参考.本文中的全部代码在这:github 二.准备工作 2.1 申请js权限首先,在自定义博客样式 ...
CSDN博客编辑格式
CSDN 博客编辑格式这里写自定义目录标题 **CSDN 博客编辑格式** 欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与 ...
CSDN 自定义博客栏目
把 CSDN 博客栏目设置得高大上一点~ 一.找到项目管理首先,点击我的博客 ,找到栏目管理 . 二.使用 HTML 进行编辑忘记在哪里可以自定义了.我之前自定义了一个我前进的动力 .点击 ...
博客园页首html代码,可爱的博客园样式美化、自定义博客园主题样式
cute-cnblogs 说明 "我经常有那种感觉,如果这个事情来了,你却没有勇敢地去解决掉,它一定会再来.生活真是这样,它会一次次地让你去做这个功课直到你学会为止." -- &l ...
可爱的博客园样式美化、自定义博客园主题样式
cute-cnblogs 说明 "我经常有那种感觉,如果这个事情来了,你却没有勇敢地去解决掉,它一定会再来.生活真是这样,它会一次次地让你去做这个功课直到你学会为止." -- &l ...
CSDN博客新增自定义博客专栏模块，方便快捷一站式~
CSDN博客自10月26日上线以来受到广大博主的热烈欢迎,截止今天审核通过上线的专栏已达123个,另有89个专栏因博文质量尚有欠缺或其它原因未能上线,我们期待这些博主充实博客内容提高博文质量后再次申请 ...
【单页面博客从前端到后端】基于 DVA+ANTD 搭建博客前后台界面
在上篇文章我们已经搭建好了基础的开发环境,接下来会介绍如何引入 DVA 和 ANTD ,以及在引入过程中需要注意的问题.这里只会详细的书写部分组件,其他的组件都是大同小异.你可以在 github仓库 ...

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

Chrome 插件自定义博客编辑界面相关推荐

最新文章

热门文章