var h3_list = $(h2_list[i]).nextAll("h3"); //console.log("h3l列表数据"); var li3_content = ''; for (var j = 0; j < h3_list.length; j++) { //h3内容 var tmp = $(h3_list[j]).prevAll('h2').first(); if (! '; $(h3_list[j]).before(li3_anchor); li3_content += '<li style="list-style-type ).first(); //当遍历内容不等于该h<em>3</em>目录下的值时 if (!
博客园美化 对博客园美化,基于博皮“SimpleMemor”进行的修改,首先要申请js权限。 blogAvatar : "https://pic.cnblogs.com/avatar/1356806/20180320195124.png", blogStartDate : "2018-3- files-cdn.cnblogs.com/files/wupeixuan/blog_logo.gif", fontIconExtend: "//at.alicdn.com/t/font_543384_ezv3l7gd9r7 verticalPosition: "random", horizontalSpeed: 200, ribbonCount: 3, --live2d--> <html xmlns="http://www.w<em>3</em>.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content
博客园允许用户设置多样化的主题。通过选择皮肤,然后开启JS脚本权限,在设置里面植入跟皮肤配套的CSS、JS,并且禁用默认的CSS,即可实现个性化的界面风格和交互行为。 基本设置、代码高亮、开通JS权限 皮肤选择 SimpleMemory 3. , }, }, // 友情链接 links: { // 文章底部显示添加友链入口(博客园发送消息) footer: [ 最后 主题相关文件(css\js等)可以自己托管维护,可以自行扩展界面交互 图片等静态资源可以自行寻找免费图床,当然也可以自己放到GitHub上面托管,采用CDN访问(参考这里) 托管到博客园上
output; }, /* 创建博客目录, id表示包含博文正文的 div 容器的 id, mt 和 st 分别表示主标题和次级标题的标签名称(如 H2、H3, function(){ /*页面加载完成之后生成博客目录*/ BlogDirectory.createBlogDirectory("cnblogs_post_body","h2","h3" margin-top:10px; } #CatList_LinkList_0_Link_2{ margin-top:10px; } #CatList_LinkList_0_Link_3{
一、如何自定义博客园的各级标题样式 参考博客: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
'+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
前言 之前写过一篇绘制博客园积分与排名趋势图的文章——《查看博客园积分与排名趋势图的工具 》,使用那篇文章介绍的工具,可以通过趋势图直观的看出排名前进的走势。 y3(x) "score.txt" using 2:3 via j,k 19 20 y4(x)=m*log(x)+n 21 fit y4(x) "score.txt" using 2:3 via m 打算预测一下自己 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 这款主题,看完本教程后你能搭出相同美化的博客园主题博客了 /BNDong/Cnblogs-Theme-SimpleMemory 官方教程:https://bndong.github.io/Cnblogs-Theme-SimpleMemory/v1.1/#/ 3. 设置主题并申请 js 代码权限 1>进入管理>设置>博客设置>设置 2>博客主题>选择 SimpleMemory 主题 3>勾选申请 js 权限,填写开通的理由等待管理员审核通过(等待 10min 左右 进入 SimpleMemory 的 github 仓库,将 src/style/base.min.css 代码复制. 2.将复制到的 css 粘贴到 css 代码块中,并且勾选上 禁用默认 css. 3.
在博客园写博的半年中,我有时会纠结于一些诸如写作格式和显示效果之类的小问题。我想任何一个热衷于在这里写博客的人都可能会遇到类似的问题,所以就把自己遇到的一些状况和解决方法列出来,以便交流。 在博客园看到不少很绚的博客页面,我很想知道都是怎么实现的。:-) 希望大家不要客气,在评论区留下诀窍。谢谢! 编辑器 下面是博客园的编辑器界面: ? 博客园编辑器界面 1. 博客园的插入代码算是比较齐全。值得注意的是“全部折叠”选项: ? 如果代码过长,而文章的重心又不在于分析代码,那么可以勾选这个选项。代码会隐藏成一个”View Code“的按钮,只有在点击之后才展开。 3. 格式与字体 ? 格式 所谓的格式,实际上是html标签(tag)。比如,如果采用段落格式,那么内容就会被镶嵌在
的标签之间。再比如标题1,实际上是div>
<script charset="UTF-8" type="text/javascript" src="http://files.cnblogs.com/files/miqi1992/d<em>3</em>. v<em>3</em>.min.js"></script> <script type="text/javascript">// <! (ele)); var w=ele.clientWidth, h=ele.clientHeight, self=this; this.force = d3. this.force.nodes(); this.links=this.force.links(); this.clickFn=function(){}; this.vis = d3. select(this).select('g').attr("transform","translate(" + d3.event.translate + ")"+ " scale(" + d3.event.scale
而我们了解到通过3Dmol这样的前端工具可以实现,通过在博客园随笔中直接引入3Dmol的js最新脚本,然后在当前页构建一个容器,最后在容器中以字符串的形式填进去分子结构,比如可以填充一个xyz文件所定义的 3D分子结构。 首先,我们直接在Markdown模式的编辑器下直接引入3Dmol的最新js脚本: <script src="https://<em>3</em>Dmol.csb.pitt.edu/build/<em>3</em>Dmol-min.js"> 因此,我们需要把pdb文件上传到博客园的文件系统中。而又因为博客园的文件系统仅支持几种特定的文件类型,因此我使用的方法是把pdb文件改名为一个sh文件,再传到博客园的文件系统中。 而3Dmol这个工具则使能了我们使用js的技术,将一个分子的3D模型集成到我们的博客内容中,从很大程度上优化了展示的效果。
博客园美化夜间模式 一.点击控制样式 主要看思路,自己增删改查,里面样式只针对我的博客 一.触发点击 二.修改按钮样式以及对于类名 三.将模式信息存入sessionStorage中 四.更具按钮的类名, post.style.backgroundColor = '#ffffff' } }; </script> 二.时间控制切换 考虑情况: 1.时间到了提醒是不是要切换 2.已经是夜间模式了就用切换 3. 有些人不喜欢这些提示 这段代码解决这3中情况,内容自己理解 <! } else { sessionStorage.model = 'sun'; if (confirm('以后要不要提醒您呢(づ ̄3 ̄ 取消的话变回夜间模式")) { sessionStorage.model = 'sun'; if (confirm('以后要不要提醒您呢(づ ̄3 ̄
因为里面有的内容需要修改,比如有网址的地方) 3.然后?没啦!就这样就ok了,有什么问题可以问我哦。
本文总结了如何美化博客园中文章的部分显示样式。美化文章标题的显示样式、增添LaTex数学公式的显示、目录索引的显示、添加文章末尾的固定信息。 0 获取权限 首先,在自定一个博客样式之前,我们需要进入博客园自定义博客模板的页面,向博客园管理团队申请页面运行js的权限。 【博客园】->【设置】->【博客设置】,点击页面上的js权限申请,然后填写申请的理由,耐心等几分钟,再刷新一下,页面就会显示支持js代码 。 important; padding: 8px 0 5px 5px; text-shadow: 2px 2px 3px #222222; } #cnblogs_post_body h3 important; padding: 8px 0 5px 5px; text-shadow: 2px 2px 3px #222222; } #cnblogs_post_body h4{
<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
个人习惯用markdown写博客,然后同步到博客园,每次同步都比较麻烦。 于是通过metaweblog实现了,一步上传markdown文件的小工具。 github.com/dongfanger/pycnblog 功能 一键拖拽上传 默认“未发布”,支持直接发布 重复上传,更新博客 支持图片自定义显示格式 支持上传后生成替换后本地文件 环境 python3 /${filename}/ 下面的3个选项全部勾选。 这样当复制粘贴图片到markdown时,就会在目录中新建一个同名文件夹,存储图片。 工具原理 本工具的基本原理是,调用metaweblog的相关api,把图片上传到服务器后,获取url替换本地图片地址,再上传文件到博客园,在博客园后台能看到新博客。
m_index * 4 + 1]), int(t_list[m_index * 4 + 2]), int(t_list[m_index * 4 + 3]
为了自己能更加好的查看自己的总结以及让关注我的小可爱们能更加好的学习我弄了阅读模式
from t where num is null -- 可以在num上设置默认值0,确保表中num列没有null值, --然后这样查询: select id from t where num= 0 3. all select id from t where num=20 5.in 和 not in 也要慎用,否则会导致全表扫描,如: select id from t where num in(1,2,3) -- 对于连续的数值,能用 between 就不要用 in 了: select id from t where num between 1 and 3 6.下面的查询也将导致全表扫描:select 如: select id from t where substring(name,1,3)=’abc’ --name以abc开头的id应改为: select id from t where name