饭饭's Blog

快使用免费cdn加速你的网站吧~

# 作者：饭饭 / 分类：心情随写 / 评论：0 评论 / 时间：2017-05-12 12:45

博客的静态资源一直使用的又拍云加速
印象中又拍云一直是个收费的cdn，需要充钱才能使用
当初见dalao博客下面挂着又拍云的logo还以为是耍帅

今天才发现原来添加小logo是为了加入又拍云联盟
而加入又拍云联盟可以享用一定免费的额度..
晕死，可怜我的十块钱啊...

目前我所知好用的免费cdn有三个
七牛云、又拍云、verycloud
七牛云https收费后就好久没用过了
又拍云在加入又拍云联盟后可免费使用一定额度
verycloud 每月免费50G的cdn流量（准备用这个搭建一个图床）
不得不说优惠还是很多的
外加上腾讯的一元学生云岂不是美滋滋~
学生云我用舍友py开了两个了，外加一个香港的，不得不说腾讯在学生优惠上是挺给力的

加入又拍云联盟

直接进入官网 https://www.upyun.com/league

注册一个账号
然后在网站底部加上又拍云的logo或链接
最后提交申请即可

提交的申请会在每周五会审核
审核通过后会收到邮件

我这里送了67元代金券，就我这小流量用户，够我用好一阵子了
不过要注意的是，加入联盟后若联盟成员去除 UPYUN 相关链接，则 UPYUN 在通知该成员后，收回尚未用完的空间和流量，且后续不能再次申请加入UPYUN联盟。
虽然是附加要求，不过还是可以理解的，毕竟在国内想要维持免费的服务不容易，要么像百度云，qq等捆绑软件或隐性消费，如果又拍云能免费的CDN能够像收费的那样稳定可靠，加上一个链接也算一种支持吧。

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

# 作者：饭饭 / 分类：学习心得 / 评论：3 评论 / 时间：2017-04-14 11:23

博客近期在网页背景上增加了特效，就是网页左右两侧的蓝色的运动像素点
这是一个基于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>