总觉得博客园的编辑器太白了,特别是在晚上,太明亮了刺眼.在后台设置里面找不到任何可以修改UI的地方,考虑用浏览器插件自己改一下.要是做得好,可以给大家一起用. 新建目录 E:/cnblog.js,添加文件 E:/cnblog.js/manifest.json,加入如下json数据: { "name": "cnblog.js", "version": "0.0.1", "description": "…

文章有一个好的排版,将能够增加阅读者对其内容的兴趣. 本文总结了如何美化博客园中文章的部分显示样式. 1.美化文章标题的显示样式 2.增添LaTex数学公式的显示 3.目录索引的显示 4.添加文章末尾的固定信息. 0 获取权限 首先,在自定一个博客样式之前,我们需要进入博客园自定义博客模板的页面,向博客园管理团队申请页面运行js的权限. [博客园]->[设置]->[博客设置],点击页面上的js权限申请,然后填写申请的理由,耐心等几分钟,再刷新一下,页面就会显示支持js代码 . 1 美化文章标题…

书写博客,难免要贴出代码.然而直接贴出代码,则不美观.于是,应运而生出现了很多代码美化的插件.其中比较有名的是Syntax Highlighting插件.   笔者在网上翻阅的时候发现了Snippet插件,其支持众多的代码类的美化--例如:HTML.CSS.JS.C#等.并有39种不同的美化风格可供选择. 其官网地址:Snippet插件官网.在官网上,已经比较详细的介绍了插件的使用方法,这里就不在赘述了.   和许多美化插件一样,该插件是基于JQuery的,故在使用的时候,要先引用相关的文件,如…

本来打算自己写下各种经常使用vim的插件安装方法, 可是搜索了下, 发现别人都写过了, 在写一遍也没有意思, 特此记录. Vim 经常使用命令 http://blog.csdn.net/hittata/article/details/8096697 命令 含义 % 跳转到配对的括号去{} [[ 向前跳转到{代码块的开头处 ]] 向后跳转到}代码块的结尾处 gD 跳转到局部变量的定义处 gg 跳转到文件开头 G 跳转到文件末尾 > 添加缩进,"x>"表示添加以下x行的缩进 &…

今天厚着脸皮来推荐下鄙人写的一个小插件吧.看过我博客的应该都熟悉这个插件了,其实就是这货. 这东西是我去年写的,当时水平也不怎么样,不过好歹还是实现了简单功能.我先简单介绍下这东西什么用吧. 因为在 论坛,博客 里写东西的时候,非常希望有个运行功能,当然目前大部分的功能都是 open 实现的.而且在 IE6-7 下没有 console 可供调试,所以当时脑子一热就写了这东西.可能你会说 Firebug Lite 不是很方便么,而且兼容 IE6 呢..确实,不过我的出发点不一样,只是写一个可供输出…

弄了半个晚上的时间,总算马马虎虎搞好了博客的样式. 整个博客是蓝色的基调,比较激情,我喜欢. 比较郁闷的是,rightmenu 和 main都是position:absolute 布局的.要添加一个footer,还真是被恶心到不行,现在虽然做成了position:fixed的,但标签和随笔增多的时候,肯定会覆盖一部分内容.没有js权限, 暂时先放着吧. 1. footer的代码:MyFooter部分直接插入了内联的Css样式,懒得修改了,过段时间肯定要把footer去掉. <div id="…

博客园已经很不错了,但作为比较“挑剔”的用户,在使用的过程中,还是有一些地方不爽的. 我不是一个专业的前台程序员,也只能凭借自己蹩脚的JS和CSS知识完成对页面的小改造(专业的大虾莫要鄙视呀..). 这里给大家分享出来,博大家一笑.觉得有用的可以直接拿去.(本来也没啥技术含量的) 先说说我不习惯的部分: 1.在大概扫一眼别人写的博客的时候,我就有“推荐”或者“反对”冲动,可是,两个按钮在哪儿呢? 在正文的最底部,我还得拉到最底部才能完成对一篇文章的“批判”. 2.一般比较负责任的博客(篇幅比较小…

JQ.JS相关小知识 任意元素自动点击 $(".editicon").trigger('click') 添加子元素 append() - 在被选元素的结尾插入内容 prepend() - 在被选元素的开头插入内容 after() - 在被选元素之后插入内容 before() - 在被选元素之前插入内容 删除.清空子元素 $(".p").empty(); //不会删除自己 //删除内部所有子节点 $(".p").remove(); //会删除自己…

css样式相关小知识 文字超出一行显示省略号 overflow: hidden; /*自动隐藏文字*/ text-overflow: ellipsis; /*文字隐藏后添加省略号*/ white-space: nowrap; /*强制不换行*/ 文字超出两行显示省略号 overflow: hidden; text-overflow: ellipsis; text-overflow: -o-ellipsis-lastline; display: -webkit-box; -webkit-line-…

1.在博客园注册账号.你没有看错,就是博客园,在图像上传方面博客园比CSDN这个垃圾强太多了. 2.在博客园进入随笔撰写编辑模块,点击上传图像按钮(点最黄的那个,别点错了). 3.弹出如下窗口 ,点击上传本地图片按钮. 4.弹出如下窗口,选择合适的路径和图片后,点击打开按钮. 5.弹出如下窗口,表示正在上传,这时候你能做的就只有等待了. 6.图片上传成功! 7.鼠标光标移至图片上,单击鼠标右键,选择剪切按钮(如图像大小不合适,也可以在单击鼠标左键后对图片进行缩放). 8.到CSDN博客编辑界面,…