博客园美化 对博客园美化,基于博皮“SimpleMemor”进行的修改,首先要申请js权限。
博客园允许用户设置多样化的主题。通过选择皮肤,然后开启JS脚本权限,在设置里面植入跟皮肤配套的CSS、JS,并且禁用默认的CSS,即可实现个性化的界面风格和交互行为。 /font_3603036_keyavmcqbhn.css", info: { name: '甜点cc', // 用户名 startDate: '2016-10 , }, }, // 友情链接 links: { // 文章底部显示添加友链入口(博客园发送消息) footer: [ 最后 主题相关文件(css\js等)可以自己托管维护,可以自行扩展界面交互 图片等静态资源可以自行寻找免费图床,当然也可以自己放到GitHub上面托管,采用CDN访问(参考这里) 托管到博客园上
if (currentpos < finalpos) {//未到达,则计算下一步所要移动的距离 dist = Math.ceil((finalpos - currentpos)/10 ; } #divCollapseViewArea{ position: fixed; color: white; padding: 10px 10px; left ; } #CatList_LinkList_0_Link_2{ margin-top:10px; } #CatList_LinkList_0_Link_3{ margin-top:10px :10px; } #CatList_LinkList_0_Link_6{ margin-top:10px; } #CatList_LinkList_0_Link_7{ margin-top :10px; } #CatList_LinkList_0_Link_8{ margin-top:10px; } 1.10.添加分享功能 公告栏里面 <script>window.
一、如何自定义博客园的各级标题样式 参考博客:https://www.cnblogs.com/maxiaodoubao/p/9854705.html 1.申请博客园JS修改权限 按照博客园系统提示申请即可 ; 2.设置方法 2.1 找到博客园 =>设置=>页面定制css代码 ? 2.2 编辑代码 博客园的代码编辑区域的id为 cnblogs_post_body ,所以在编辑标题和文本样式时,只要记住这个 id ,然后按照写css代码时的写法去编辑就OK了,如下代码所示: #cnblogs_post_body #169fe6; border-radius: 5px 5px 5px 5px; box-shadow: 0 0 0 1px #5F5A4B, 1px 1px 6px 1px rgba(10 , 10, 0, 0.5); color: #FFFFFF; font-family: "微软雅黑" , "宋体" , "黑体" ,Arial; font-size: 24px;
'+getRandom(255)+','+getRandom(255)+','+Math.random()+')'; }; }; 写完之后,还是想把他应用起来的,所以我就想用来他装饰博客园的侧边栏 ,所以进到: 把上面的js改了改,插入到博客园页面: 完整代码如下: <script> var sideBar = document.getElementById('home'); var
'+getRandom(255)+','+getRandom(255)+','+Math.random()+')'; }; }; 写完之后,还是想把他应用起来的,所以我就想用来他装饰博客园的侧边栏 ,所以进到: 把上面的js改了改,插入到博客园页面: 完整代码如下: <script> var sideBar = document.getElementById('home'); var
在博客园写博的半年中,我有时会纠结于一些诸如写作格式和显示效果之类的小问题。我想任何一个热衷于在这里写博客的人都可能会遇到类似的问题,所以就把自己遇到的一些状况和解决方法列出来,以便交流。 在博客园看到不少很绚的博客页面,我很想知道都是怎么实现的。:-) 希望大家不要客气,在评论区留下诀窍。谢谢! 编辑器 下面是博客园的编辑器界面: ? 博客园编辑器界面 1. 它是等宽字体,每一个字符的宽度相同,所以上下两行很容易对齐,比如: TomIDNumber = 10 VivIDNumber = 22 如果是非等宽字体,字符宽度根据字符形状发生变化,比如i会比较窄,而 比如Arial: TomIDNumber = 10 VivIDNumber = 22 等宽字体是程序员的首选字体。 4. 关于颜色 每一个人都有自己的颜色喜好,有人会比较偏爱黑白的页面。 可以通过添加如下CSS实现: h2 { text-align: center; box-shadow: 10px 10px 5px #888888; background-color: #5FBDCE
1.主题效果 实际网站效果 https://www.cnblogs.com/leader755/ 2.主题介绍 本主题使用的 SimpleMemory 这款主题,看完本教程后你能搭出相同美化的博客园主题博客了 /#/ 3.设置主题并申请 js 代码权限 1>进入管理>设置>博客设置>设置 2>博客主题>选择 SimpleMemory 主题 3>勾选申请 js 权限,填写开通的理由等待管理员审核通过(等待 10min
前言 之前写过一篇绘制博客园积分与排名趋势图的文章——《查看博客园积分与排名趋势图的工具 》,使用那篇文章介绍的工具,可以通过趋势图直观的看出排名前进的走势。 output "fit.png" #设置文件名 5 set key left 6 set grid 7 8 set xlabel "score" 9 set ylabel "rank" 10 output "fit.png" #设置文件名 5 set key left 6 set grid 7 8 set xlabel "score" 9 set ylabel "rank" 10 打算预测一下自己 40 W 分时的排名 (有点不自量力哈),预测值通过 label 形式输出在图形上,就像这样: 结果相去甚远,首先恭喜二次函数 (f1) 得到了 2800 W 名的好成绩~ 话说我刚加入博客园也才 AWK 打印匹配内容之后的指定行 [10]. UWP 获取博客园积分,并以图表形式呈现变化趋势
http://files.cnblogs.com/files/flipped/spig.js换成你的js代码(为什么要换呢?因为里面有的内容需要修改,比如有网址的地方)
本文总结了如何美化博客园中文章的部分显示样式。美化文章标题的显示样式、增添LaTex数学公式的显示、目录索引的显示、添加文章末尾的固定信息。 0 获取权限 首先,在自定一个博客样式之前,我们需要进入博客园自定义博客模板的页面,向博客园管理团队申请页面运行js的权限。 【博客园】->【设置】->【博客设置】,点击页面上的js权限申请,然后填写申请的理由,耐心等几分钟,再刷新一下,页面就会显示支持js代码 。 #333366; border-radius: 6px 6px 6px 6px; box-shadow: 0 0 0 1px #5F5A4B, 1px 1px 6px 1px rgba(10 , 10, 0, 0.5); color: #FFFFFF; font-family: "微软雅黑" , "宋体" , "黑体" ,Arial; font-size: 23px;
博客园美化夜间模式 一.点击控制样式 主要看思路,自己增删改查,里面样式只针对我的博客 一.触发点击 二.修改按钮样式以及对于类名 三.将模式信息存入sessionStorage中 四.更具按钮的类名,
figure{ display: block; position: absolute; width: 186px; height: 116px; left: 10px ; top: 10px; background: black; overflow: hidden; border: solid 5px black; } #carousel always"> <param name="wmode" value="opaque"></object> 参考的是博客主页如下: ASP.NET MVC5 怒跨 Linux 平台 - Mr.Tua - 博客园 参考的代码来自下面的主页,以及服务提供商: 龚细军 - 博客园 http://www.cnblogs.com/gongxijun/ Flag Counter - Free counters - Instant target=enlarge&i=591dohmimnk">Large Visitor Globe
博客园美化小火箭 一.代码 <!
#333366; border-radius: 6px 6px 6px 6px; box-shadow: 0 0 0 1px #5F5A4B, 1px 1px 6px 1px rgba(10 , 10, 0, 0.5); color: #FFFFFF; font-family: "微软雅黑" , "宋体" , "黑体" ,Arial; font-size: 23px; , 10, 0, 0.5); color: #FFFFFF; font-family: "微软雅黑" , "宋体" , "黑体" ,Arial; font-size: 20px; , 10, 0, 0.5); color: #FFFFFF; font-family: "微软雅黑" , "宋体" , "黑体" ,Arial; font-size: 18px; , 10, 0, 0.5); color: #FFFFFF; font-family: "微软雅黑" , "宋体" , "黑体" ,Arial; font-size: 16px;
一直想整个爬虫玩玩,之前用Java试过...的确是术业有专攻啊,Python写起爬虫来更加方便
为了自己能更加好的查看自己的总结以及让关注我的小可爱们能更加好的学习我弄了阅读模式
4.应尽量避免在 where 子句中使用or 来连接条件,否则将导致引擎放弃使用索引而进行全表扫描,如: select id from t where num=10 or num=20 -- 可以这样查询 : select id from t where num=10 union all select id from t where num=20 5.in 和 not in 也要慎用,否则会导致全表扫描 from t where substring(name,1,3)=’abc’ --name以abc开头的id应改为: select id from t where name like ‘abc%’ 10
个人习惯用markdown写博客,然后同步到博客园,每次同步都比较麻烦。 于是通过metaweblog实现了,一步上传markdown文件的小工具。 工具原理 本工具的基本原理是,调用metaweblog的相关api,把图片上传到服务器后,获取url替换本地图片地址,再上传文件到博客园,在博客园后台能看到新博客。
申请开通js权限 默认是不支持,需要打开博客园后台,进入“设置”标签页,点击“申请开通js权限”,并注明用途 如果想加快申请速度,也可以再向官方发个邮件(邮箱是contact@cnblogs.com) 添加js脚本到“页脚Html代码” 打开博客园后台,进入“设置”标签页,在最下面的“页脚Html代码”对应的编辑框粘贴下面的js代码,然后点“保存”按钮保存。 if (currentpos < finalpos) {//未到达,则计算下一步所要移动的距离 dist = Math.ceil((finalpos - currentpos)/10 } if (currentpos > finalpos) { dist = Math.ceil((currentpos - finalpos)/10