昨天在博客园中看到一位大神发的博客园样式排版博客,我一看。...2.首先你得申请一下你博客园的js权限; 不申请,你们的js代码是没有用的,申请成功是这个样子的 ? 3.找到页面定制CSS代码区域,勾选禁用默认CSS; ? ...position: relative; min-height: 16px; background: #fff; border-bottom: 1px dashed #ccc; } /* 去掉博客园自带日历控件...在“博客侧边栏公告(支持HTML代码)(支持JS代码)”中找到如下代码; <embed src="//music.163.com/style/swf/widget.swf?...html 版权:本文版权归作者 转载:欢迎转载,但未经作者同意,必须保留此段声明;必须在文章中给出原文连接;否则必究法律责任 温馨提示: 这个版本在手机端,目录会遮住文章的内容,已提供解决办法: 你真的了解<em>博客园</em>的目录么
博客园文章版权声明(js自动生成) 一.代码 我比较直接,直接上代码,把下面html放右侧,首页,页脚都可以 #MySignature { display: block...var authorNanme = document.querySelector('#profile_block a').textContent.replace(/\s*/g, "") //你的介绍...var info = '你的介绍' MySignature.innerHTML = '作者:' + authorNanme
下面是calendar.js插件文件的代码。...//js日历 (function(){ var calendar = function(calendarId){ //日历对象不存在,返回日历 if(!...} } } })(); } window.calendar = calendar; })(); 引用方式很简单,只需引入这个js
转载 原文点这里 用过JavaScript的同学们肯定都对prototype如雷贯耳,但是这究竟是个什么东西却让初学者莫衷一是,只知道函数都会有一个proto...
script charset="UTF-8" type="text/javascript" src="http://files.cnblogs.com/files/miqi1992/d3.v3.min.js
博客园美化 对博客园美化,基于博皮“SimpleMemor”进行的修改,首先要申请js权限。...} <script
博客园允许用户设置多样化的主题。通过选择皮肤,然后开启JS脚本权限,在设置里面植入跟皮肤配套的CSS、JS,并且禁用默认的CSS,即可实现个性化的界面风格和交互行为。...基本设置、代码高亮、开通JS权限 皮肤选择 SimpleMemory 3...., }, }, // 友情链接 links: { // 文章底部显示添加友链入口(博客园发送消息) footer: [..." defer> 注意: 上面配置中 加载的 js 脚本,要和 上一步的CSS外链同一个版本(这里是V2.1.0),否则可能会不生效或者出现别的问题 最后 主题相关文件(css...\js等)可以自己托管维护,可以自行扩展界面交互 图片等静态资源可以自行寻找免费图床,当然也可以自己放到GitHub上面托管,采用CDN访问(参考这里) 托管到博客园上 图片等静态资源也可以自行搭建云盘使用
给博客园加一个会动的小人-spig.js 效果大概是这样,感觉十分可爱qvq ? ? 那么怎么添加呢? 首先需要开通js/html权限。...然后在页脚html代码中加入以下代码 <!...outline:none;} .mumu{width:175px;height:246px;cursor: move;background:url(这里填图片地址) no-repeat;} 上面链接内的js...顺便吐槽一句,原作者给的api都挂的差不多了,然鹅我是个js菜鸡连get/post都不会,所以凑合着改了一下api,欢迎各位大佬给出更好的解决方案qwq //右键菜单 jQuery(document)....true; } } }).mouseup(function () { _move = false; }); }); 参考资料 博客园加上博客精灵
1.1、自动生成目录 首先得有js权限 (1)页脚js代码 /* 功能:生成博客目录的JS工具 测试:IE8,火狐,google...'head')[0]||body).appendChild(createElement('script')).src='http://bdimg.share.baidu.com/static/api/js.../share.js?...v=89860593.js?
Elasticlunr.js 项目地址:http://elasticlunr.com/ 代码地址:https://github.com/weixsong/elasticlunr.js 文档地址:...Elasticlunr.js is developed based on Lunr.js, but more flexible than lunr.js....Fast, Elasticlunr.js removed TokenCorpus and Vector from lunr.js, by using combined model there is no...Description Elasticlunr.js is developed based on Lunr.js, but more flexible than lunr.js..../lib/lunr.js'); require('./lunr.stemmer.support.js')(lunr); require('.
Node.js 脱离浏览器环境也可以运行JavaScript,只要有JavaScript引擎就可以。...Node.js是一个基于Chrome V8引擎的JavaScript运行环境:即Node.js内置了Chrome的V8 引擎,可以在Node.js环境中直接运行JavaScript程序。...在Node.js中写JavaScript和在Chrome浏览器中写JavaScript基础差不多,有一点点小区别 Node.js没有浏览器API,即document,window的等。...加了许多Node.js 专属API,例如文件系统,进程,http功能。 Node.js有什么用 如果你想开发类似JavaWeb的简单的后端程序,那么学习Node.js是一个非常好的选择。...console.log('Hello Node.js') 打开命令行终端:Ctrl + Shift + y 进入到程序所在的目录,输入 node 01-控制台程序.js 创建 02-server-app.js
在Node.js中,我们可以通过命令行工具来执行各种操作,下面我将介绍一些常用的Node.js命令。# 一:node命令node是Node.js的主要命令,用于运行JavaScript文件。...例如:```node myScript.js```这将会执行myScript.js文件中的JavaScript代码。...# 二:npm命令npm(Node Package Manager)是Node.js的包管理器,用于安装和管理Node.js模块。...安装nodemon后,只需在命令行中输入nodemon app.js即可启动你的Node.js应用。...使用内置调试器启动Node.js应用并等待调试器连接:```$ node --inspect-brk app.js```# 八:访问全局变量和函数示例在Node.js命令行中访问__filename和_
js也可以在浏览器之外的其他场合使用,如服务器端的Node.js、java的Rhino、无界面浏览器PhantomJS等。...他是在尝试了几种语言之后,才发现js的函数回调与单线程特性正好契合他的要求,于是Node.js应运而生。...总结 ajax与Node.js都使用了js的异步回调特性。 jQuery的出现解决了那个各方面标准尚未统一的混乱时代的许多问题,让js的应用更加广泛,并为未来某些标准的制定指明了方向。...其中BOM和DOM虽然是js的组成部分,但js只规定了这两者的接口规范,即浏览器返回这两类对象时,可以用js的方式来处理(点号或者方括号来操作对象成员,可以读取或修改属性等)。...也就是说,js脚本通过浏览器提供的接口去操作BOM和DOM,js在其中主要进行流程控制。没有这些接口的支持,js自身是无法完成一些功能的。
一、Vue.js 简介 1.1 什么是 Vue.js? Vue.js 是由尤雨溪(Evan You)开发的一款开源 JavaScript 框架。...1.2 Vue.js 的特点 易用性:Vue.js 的 API 简洁直观,入门容易,适合初学者。 灵活性:Vue.js 可以渐进式地整合到项目中,从简单的组件到复杂的单页面应用(SPA)都能胜任。...二、快速上手 Vue.js 2.1 安装 Vue.js 可以通过 CDN、npm 或 yarn 安装 Vue.js。...el.focus(); } }); 在模板中使用自定义指令: 五、总结 通过本文的介绍...对于更深入的学习,可以参考 Vue.js 官方文档:Vue.js 官方文档
一、如何自定义博客园的各级标题样式 参考博客: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
在博客园写博的半年中,我有时会纠结于一些诸如写作格式和显示效果之类的小问题。我想任何一个热衷于在这里写博客的人都可能会遇到类似的问题,所以就把自己遇到的一些状况和解决方法列出来,以便交流。...在博客园看到不少很绚的博客页面,我很想知道都是怎么实现的。:-) 希望大家不要客气,在评论区留下诀窍。谢谢! 编辑器 下面是博客园的编辑器界面: ? 博客园编辑器界面 1....博客园的插入代码算是比较齐全。值得注意的是“全部折叠”选项: ? 如果代码过长,而文章的重心又不在于分析代码,那么可以勾选这个选项。代码会隐藏成一个”View Code“的按钮,只有在点击之后才展开。...微博:我的工具 -> 签名档 -> 获得代码,然后将代码复制到博客园的公告栏。 豆瓣:到下面网址http://www.douban.com/service/badgemaker,生成代码。
/index.js"> html很简单,没啥讲的,就是css那块兼容性你们注意下就好(我懒,没写兼容),再看看canvas的js处理代码,就是上面引入的...index.js(讲解都写在注释里了,写的比较基础,方便没多少基础的人看): window.onload = function(){// 页面加载完了之后再处理 var canvas = document.getElementById...'+getRandom(255)+','+getRandom(255)+','+Math.random()+')'; }; }; 写完之后,还是想把他应用起来的,所以我就想用来他装饰博客园的侧边栏...,所以进到: 把上面的js改了改,插入到博客园页面: 完整代码如下: var sideBar = document.getElementById('home'); var
前言 之前写过一篇绘制博客园积分与排名趋势图的文章——《查看博客园积分与排名趋势图的工具 》,使用那篇文章介绍的工具,可以通过趋势图直观的看出排名前进的走势。...打算预测一下自己 40 W 分时的排名 (有点不自量力哈),预测值通过 label 形式输出在图形上,就像这样: 结果相去甚远,首先恭喜二次函数 (f1) 得到了 2800 W 名的好成绩~ 话说我刚加入博客园也才...UWP 获取博客园积分,并以图表形式呈现变化趋势
1.主题效果 实际网站效果 https://www.cnblogs.com/leader755/ 2.主题介绍 本主题使用的 SimpleMemory 这款主题,看完本教程后你能搭出相同美化的博客园主题博客了...Cnblogs-Theme-SimpleMemory 官方教程:https://bndong.github.io/Cnblogs-Theme-SimpleMemory/v1.1/#/ 3.设置主题并申请 js...代码权限 1>进入管理>设置>博客设置>设置 2>博客主题>选择 SimpleMemory 主题 3>勾选申请 js 权限,填写开通的理由等待管理员审核通过(等待 10min 左右)。...src="https://cdn.jsdelivr.net/gh/BNDong/Cnblogs-Theme-SimpleMemory@v1.3.3/src/script/simpleMemory.min.js..."> <!
领取专属 10元无门槛券
手把手带您无忧上云