博客园样式管理总结（个人博客园装修指南）

一、如何自定义博客园的各级标题样式 参考博客：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 important; padding: 8px 0 8px 5px; text-shadow: 2px 2px 3px #222222; } #cnblogs_post_body h2 important; padding: 8px 0 8px 5px; text-shadow: 2px 2px 3px #222222; } #cnblogs_post_body h3

【被玩坏的博客园】之canvas装饰博客园侧边栏

= canvas.getBoundingClientRect();// 这个叫做获取边界客户端矩形，可以用来获取canvas的长宽 var ctx = canvas.getContext('2d j < this.instance.length; j++) { var s = Math.pow(ball.X - this.instance[j].X, 2) + Math.pow(ball.Y - this.instance[j].Y, 2); s = Math.sqrt(s);// 获取圆与圆之间的距离，x '+getRandom(255)+','+getRandom(255)+','+Math.random()+')'; }; }; 写完之后，还是想把他应用起来的，所以我就想用来他装饰博客园的侧边栏 ，所以进到： 把上面的js改了改，插入到博客园页面： 完整代码如下： <script> var sideBar = document.getElementById('home'); var

【被玩坏的博客园】之canvas装饰博客园侧边栏

= canvas.getBoundingClientRect();// 这个叫做获取边界客户端矩形，可以用来获取canvas的长宽 var ctx = canvas.getContext('2d j < this.instance.length; j++) { var s = Math.pow(ball.X - this.instance[j].X, 2) + Math.pow(ball.Y - this.instance[j].Y, 2); s = Math.sqrt(s);// 获取圆与圆之间的距离，x '+getRandom(255)+','+getRandom(255)+','+Math.random()+')'; }; }; 写完之后，还是想把他应用起来的，所以我就想用来他装饰博客园的侧边栏 ，所以进到： 把上面的js改了改，插入到博客园页面： 完整代码如下： <script> var sideBar = document.getElementById('home'); var

博客园排名预测

前言 之前写过一篇绘制博客园积分与排名趋势图的文章——《查看博客园积分与排名趋势图的工具 》，使用那篇文章介绍的工具，可以通过趋势图直观的看出排名前进的走势。 score-rank", \ 24 y1(x) with l lw 2 lt 2 title "f(x)=ax^2+bx+c", \ 25 y2(x) with l lw 3 lt 3 打算预测一下自己 40 W 分时的排名 (有点不自量力哈)，预测值通过 label 形式输出在图形上，就像这样： 结果相去甚远，首先恭喜二次函数 (f1) 得到了 2800 W 名的好成绩~ 话说我刚加入博客园也才 结论 最后比较靠谱的预测值就是取对数函数与倒数函数预测值靠近对数函数 1/3 的位置，即 f(x)=(f3(x)-f2(x))/3+f2(x)=2/3*f2(x)+1/3*f3(x)。 UWP 获取博客园积分，并以图表形式呈现变化趋势

博客园主题美化

1.主题效果 实际网站效果 https://www.cnblogs.com/leader755/ 2.主题介绍 本主题使用的 SimpleMemory 这款主题，看完本教程后你能搭出相同美化的博客园主题博客了 官方教程：https://bndong.github.io/Cnblogs-Theme-SimpleMemory/v1.1/#/ 3.设置主题并申请 js 代码权限 1>进入管理>设置>博客设置>设置 2> 4.覆盖默认的 css 1.进入 SimpleMemory 的 github 仓库，将 src/style/base.min.css 代码复制. 2.将复制到的 css 粘贴到 css 代码块中，并且勾选上 netease" data-type="playlist" data-order="random" data-fixed="true" data-listfolded="true" data-theme="#2D8CF0

博客园小技巧

在博客园看到不少很绚的博客页面，我很想知道都是怎么实现的。:-) 希望大家不要客气，在评论区留下诀窍。谢谢！ 编辑器 下面是博客园的编辑器界面： ? 博客园编辑器界面 1. 2. 插入代码 对于技术博客来说，代码插入是必不可少的一个环节。常规的博客编辑器通常都没有这个功能。博客园的插入代码算是比较齐全。值得注意的是“全部折叠”选项： ? 比如我们想设置标题2的格式为： ? 可以通过添加如下CSS实现： h2 { text-align: center; box-shadow: 10px 10px 5px #888888; background-color: #5FBDCE ; color: #015666; } 2.

博客园美化夜间模式

博客园美化夜间模式 一.点击控制样式 主要看思路,自己增删改查,里面样式只针对我的博客 一.触发点击 二.修改按钮样式以及对于类名 三.将模式信息存入sessionStorage中 四.更具按钮的类名, header.style.background = 'url(https://images.cnblogs.com/cnblogs_com/pythonywy/1516412/o_sleep2.png) { post.style.backgroundColor = '#ffffff' } }; </script> 二.时间控制切换 考虑情况: 1.时间到了提醒是不是要切换 2. } } } } } </script> 三.结合session存储的信息进行切换模式 为了解决问题: 1.跳转页面后要重复切换模式 2. header_night.style.background = 'url(https://images.cnblogs.com/cnblogs_com/pythonywy/1516412/o_sleep2.

博客园加上博客精灵

准备好两个文件（右键另存）  spig.js spig.png 　　2. 

博客园css样式代码

本文总结了如何美化博客园中文章的部分显示样式。美化文章标题的显示样式、增添LaTex数学公式的显示、目录索引的显示、添加文章末尾的固定信息。 0 获取权限 首先，在自定一个博客样式之前，我们需要进入博客园自定义博客模板的页面，向博客园管理团队申请页面运行js的权限。 【博客园】->【设置】->【博客设置】，点击页面上的js权限申请，然后填写申请的理由，耐心等几分钟，再刷新一下，页面就会显示支持js代码 。 important; padding: 8px 0 5px 5px; text-shadow: 2px 2px 3px #222222; } #cnblogs_post_body h2 important; padding: 5px 0 5px 10px; text-shadow: 2px 2px 3px #222222; }  2 加一个可爱的返回顶部功能 css代码

博客园特效简单添加

<param name="wmode" value="opaque"></object> 　　参考的是博客主页如下: ASP.NET MVC5 怒跨 Linux 平台 - Mr.Tua - 博客园 Large Visitor Globe