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

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

自暑假以来,囫囵吞枣一般蒙头栽入前端自学中,且不说是否窥探其道,却不自觉中提高了对网页版面设计的要求,乃至挑剔.一个设计清爽美观的网页能让读者心旷神怡,甚至没有了阅读疲劳:而一个设计粗劣嘈杂的网页实在让读者为之揪心难受,何谈长时间阅读,不仅苦了眼睛,倦了身体,更是伤了精神. 于博客园中开博撰文后,不时为众多设计精彩的博客主题而流连忘返,且不说博文质量如何,单看那设计用心,清新自然的博客,便对博主的审美感观频添几分赞许,自然要驻留些时候细细拜读博主的随文,因此风格样式对于博客就好似于地段门面对于酒…

不知不觉有一年多没有更新博客了,还是几位园友因为喜欢这套博客样式发了消息,否则我都快忘记自己还有一个博客了,哈哈. 言归正传,这套博客样式是当时闲来无事copy的iOS界喵神的博客Vno,确实很漂亮,喜欢的赶紧进入后台设置页面开始吧. 设置为自定义主题 博客皮肤设置为LessIsMore,继续往下看真的是Less is more!! 页面定制CSS代码 #divRefreshComments { text-align: right; margin-right: 10px; margin-bott…

twobin博客样式—“蓝白之风”   自暑假以来,囫囵吞枣一般蒙头栽入前端自学中,且不说是否窥探其道,却不自觉中提高了对网页版面设计的要求,乃至挑剔.一个设计清爽美观的网页能让读者心旷神怡,甚至没有了阅读疲劳:而一个设计粗劣嘈杂的网页实在让读者为之揪心难受,何谈长时间阅读,不仅苦了眼睛,倦了身体,更是伤了精神. 于博客园中开博撰文后,不时为众多设计精彩的博客主题而流连忘返,且不说博文质量如何,单看那设计用心,清新自然的博客,便对博主的审美感观频添几分赞许,自然要驻留些时候细细拜读博主的随文,因…

我们技术人一般都会有自己的一个博客,用于记录一些技术笔记,也期望自己的笔记文章可以让更多人知道. 如何让更多人知道自己的博客? 搜索引擎收录,用户通过关键词搜索可能会进入 内容运营,但是一般技术人为了文章做运营的人应该没有几个 通过大流量同类型网站导流量 我是使用 方法一 和 方法三,方法一就不说了,互联网人都知道了,但是小网站效果不会太好了.方法三就是充当复读机:复制 和 粘贴  到其他技术网站 "复制 和 粘贴  到其他技术网站" 收起来容易,这TM就是个体力活呀,谁愿意自己写了一…

不知不觉来Cnblogs也这么久了,然而Blogs提供的主题还是依旧那么复古,总觉得阅读起来难免枯燥,虽然我认为做技术不可以太过浮躁,但是一个美观的主题终究是吸引人眼的第一要素. 毕竟这么久了,在博客园还没有发现一个比较漂亮的主题,也包括别的博主的自定义主题,要么是浮躁的大红大紫,要么是浮夸的界面系统,真正好的UI应该一眼就能让人回归阅读本质,不需要太多嘈杂的讯息. 4年前在Cnblog和Csdn中我选择了前者,现在看来是正确的,因为博客园提供了程序员喜欢的自定义Html和Css,这样我们就可以…

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

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

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