您正在查看: 学习心得 分类下的文章

使用Ajax异步加载一言Hitokoto

博客和主页很久前就接入了jad大佬的一言系统,只不过采用的是同步加载请求;
由于我的一言放在了页首,所以在加载的时候就会等待获取一言后才会继续往下加载,
加载效率不忍直视..
并且如果一言api暂时的挂掉的话,我的页面也都会加载不出来,严重影响阅读体验。

所以就准备采用异步加载的方式加载一言,这样就对页面的加载速度没有什么影响了...

至少一言挂掉了,我的页面也都可以打开了...

- 阅读剩余部分 -

解决Typecho博客全球通用头像Gravatar不显示方法 - 替换头像源

之前我写过一个方法,只不过是直接修改了程序代码,但这样就有一个缺点,升级程序后就失效了。
在我Typecho升级1.1之后,羽中的头像缓存插件失效了,我的头像又无法显示了...
于是我就想找到一个更加简单的方法 - 直接替换程序的头像源即可

替换方法

直接打开Typecho安装目录下的config.inc.php文件,加入以下代码即可(加在任何位置都可)

define('__TYPECHO_GRAVATAR_PREFIX__', 'https://cdn.v2ex.com/gravatar/');

PS:此方法只在Typecho1.1版测试过,其他版本我还没测试。

可用的地址

https://cdn.v2ex.com/gravatar/
https://secure.gravatar.com/avatar/
https://gravatar.cat.net/avatar/

当然也有其他的头像源,根据自己的需要修改即可。

发现新姿势!Centos 通过 lrzsz 轻松实现 ssh 下文件上传下载

博主一直使用的是Xshell来进行服务器管理,使用Xftp来进行文件管理的;
今天偶然发现了centos自带的lrzsz可以直接在ssh下实现文件的上传的下载;
这样就省去了Xftp了,更方便了有木有~

博主所使用的Centos6.9是自带lrzsz的,如果你的centos没有自带lrzsz可以直接yum install lrzsz来进行安装。
QQ截图20170818234349 (1).png

使用方法:
lrzsz的使用方法就很简单了
如果你要上传文件 直接用rz命令 就会弹出选择文件的窗口 然后选择文件上传就行了

- 阅读剩余部分 -

搬砖的业余时间改了改校园网登录器的UI

QQ截图20170725233351 (1).png

本来只想把按钮美化下,最后发现输入框也不好看,就果断一块换了
现在感觉整体还可以,唯一美中不足的就是下面的那三个链接不知道怎么处理,做成按钮不怎么好看,做成链接又不协调
先放在这里吧。。

然后随便改了改就诞生了白色版,
哈哈我感觉我挺适合学其这个的,只是被生活所迫啊~ 不多说了 明天还要去搬砖,加油~
QQ截图20170725233408 (1).png

使用CE修改器为你的百度云下载加速续命

CE修改器大法吼啊~
QQ截图20170611131742.png

百度云现在对破解版客户端封杀的也差不多了,
现在能用的差不多都是油猴插件+IDM多线程下载了
不过偶然发现,官方版的客户端如果能用免费试用加速的话,可以用CE修改器修改免费试用的时间续命,达到一直加速下载的效果
不多说开始教程:

- 阅读剩余部分 -

正方教务管理系统 一键完成教学质量评价(JS)

坑爹的学校每年都要进行教学质量评价,而且不进行评教会影响下学期的选课,甚至会影响成绩的录入...
每一个老师的每一个课程都要自己一个一个去评价,每个选项都得慢慢选,点下来整个人都不好了..
现在特此整理了正方教务管理系统的一键完成教学质量评价代码
河南工业大学教务系统已通过测试→_→>点击进入教务系统

该段代码默认随机填写一个良好,其他全优秀,在评完几个教师,评下一个时,有可能提示,与之前的评分相同,那是因为恰好两个随机评分一样。
如提示随机评分一样不能提交,自己修改一个即可。

使用方法

(将下面链接直接拖动到浏览器的书签栏,然后到评价时直接点击就行)

一键完成评分

代码搬运自
Github:https://github.com/istobran/ZFRateTeacher/blob/master/zf_rate_teacher_min.js

html 随机切换背景图片

因为新的Homepage老用一个背景图片太过于单一,所以准备随机切换背景图片,动手制作一个js脚本
1、准备好需要切换的图片,不要太大也不要太小,太大会加载缓慢,太小会影响质量,可以用https://tinypng.com/压缩一下
2、用script将这些图片编为一个数组,便于调用。数组的长度就是图片的数量。

var bodyBgs = [];    //创建一个数组变量来存储背景图片的路径
bodyBgs[0] = "images/01.jpg";
bodyBgs[1] = "images/02.jpg";
bodyBgs[2] = "images/03.jpg";
bodyBgs[3] = "images/04.jpg";
bodyBgs[4] = "images/05.jpg";

3、因为上面用到了5个图像,所以在这里需要产生一个0到4的随机数。如果数组长度不一样,修改下面代码中的乘数就可以。

var randomBgIndex = Math.round( Math.random() * 4 );

下面为完整代码:

  <script type="text/javascript">
    //<!CDATA[
        var bodyBgs = [];
        bodyBgs[0] = "images/01.jpg";
        bodyBgs[1] = "images/02.jpg";
        bodyBgs[2] = "images/03.jpg";
        bodyBgs[3] = "images/04.jpg";
        bodyBgs[4] = "images/05.jpg";

        var randomBgIndex = Math.round( Math.random() * 4 );

    //输出随机的背景图
        document.write('<style>body{background:url(' + bodyBgs[randomBgIndex] + ') no-repeat 50% 0}</style>');
    //]]>
    </script>

实际效果:https://www.noisky.cn/

饭饭's Homepage 2.0 上线~~

快来看看最新的 Homepage 2.0 吧~
地址:https://noisky.cn
QQ截图20170513223430.png

对比之前瞎写的主页,是不是显得更有逼格~
QQ截图201705132153361.png

一下午的时间总算没白浪费,从明天开始复习了,接下来的考试也不少了...

Github:https://github.com/noisky/Homepage

小白向的Adobe系列软件最新版安装教程

Adobe的桌面云端工具Adobe Creative Cloud已经更新,新版的Adobe Creative Cloud 2017可谓是真的良心作品,以前一个一个下载软件再安装非常的浪费时间,在新版官网打造的云端工具中可以一键下载安装最新版的Adobe CC 2017系列软件的最新版本,直接把小白们最头疼的下载安装过程给“一键化”了,再配合一键破解,可以让小白也做到自己装最新版的Adobe系列软件了。
QQ截图20170513092851.png

大家喜爱的Adobe CC 2017全新版本已全线更新,包括Photoshop、Illustrator、InDesign、Dreamweaver、Lightroom、After Effects 、以及 Premiere Pro 等都将迎来可提升工作效率和增进性能的新特性与新功能。
软件采用了全新的启动界面,更新和改进众多功能。
你还不晓得怎么安装和破解吗?没关系,今天教大家如何安装和破解Adobe CC 2017!

- 阅读剩余部分 -

[HTML 5] 辐射式伞状网页背景特效js代码

博客近期在网页背景上增加了特效,就是网页左右两侧的蓝色的运动像素点
这是一个基于html5 canvas绘制的网页背景效果,效果非常赞,表示第一次我玩了十分钟,hhh
作者github:https://github.com/hustcc/canvas-nest.js

使用方法:
将下面的代码插入到网站主题的 <body></body> 之间即可,建议放到主题模板的 footer

<script type="text/javascript" color="102,185,255" opacity="50" zIndex="-2" count="99" src="//static.ffis.me/javascript/canvas-nest.min.js"></script>

上述代码中的JS调用地址//static.ffis.me/javascript/canvas-nest.min.js建议转存到你自己的服务器上进行调用,我CDN上的指不定什么时候会挂掉

属性配置项:

  • color: 线条颜色, 默认: '0,0,0' ;三个数字分别为(R,G,B),注意用,分割
  • opacity: 线条透明度(0~1), 默认: 0.5
  • count: 线条的总数量, 默认: 150
  • zIndex: 背景的z-index属性,css属性用于控制所在层的位置, 默认: -1

该特效使用的前提是网页背景必须位于前台页面的下方,不然效果被网页背景遮挡了那么在前台看不到任何东西。

例如本页面正文内容就不会看到这个特效,但鼠标划过特效依然还在正常运行但经过正文时看不到效果的。


由于我的主题使用此代码在手机上效果不是很好,所以我加了个判断只在PC端使用此代码,屏幕小的话是不会加载这个js的。
有需要的可以参考下

<script>
if (screen && screen.width > 480) {
  document.write('<script type="text/javascript" color="102,185,255" opacity="50" zIndex="-2" count="99" src="//static.ffis.me/javascript/canvas-nest.min.js"><\/script>');
}
</script>


  1. 1
  2. 2
  3. 3
  4. 4