您正在查看:饭饭 发布的文章

[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>


【软件】百度干净云,不限速的百度云(暂时可用)

【本文于2017.3.18更新】

经常使用百度云的人都知道,现在百度云不开VIP就会对下载速度进行限速

现在有吾爱大神破解的百度干净云,可以破解下载速度限制,下载文件自动提速,突破试用提速特权,让下载提速时间无限!爽爆了!
QQ截图20160814093949.png

- 阅读剩余部分 -

强迫症福音:博客的中文和英文之间会自动加入一个空白符了

快来评论测试一下吧~

测试:感觉Chrome浏览器是不是比360浏览器快呢

哈哈,很久前KK大佬就从后端实现了这个,可惜大佬没有公开源码

很巧在@jad大佬博客 看到他使用了https://github.com/mastermay/text-autospace.js达到了此效果
便在大佬的指导下也用上了这个js

这个js程序将会自动在所有的汉字与拉丁字母间添加一个空格,当然,这些空格不会被选中。如果你原本已经手动添加了空格,程序并不会在这之间再添加额外的空格。

Excited~!

即日起,本站域名启用 ffis.me

备案终于下来了
即日起 本站启动新域名 ==> ffis.me
原标题 《Noisky 的博客》 改为 ==> 《饭饭's Blog》
原域名 noisky.cn 改为个人主页引导页面

已提交 HSTS Preload


Update @ 2016-12-31:已经添加至 Preload List
QQ截图20170131191820.jpg
Excited!

新年送给自己的第一份礼物

今天很是开心,先是用上了 KK 大佬的 Telegram bot 服务,然后又注册了一个自己心仪的域名
QQ截图20170105201514 (1).png

其实最开始我是想注册个 .com 域名的,可是找到两天没有找到特别合适的域名
最终还是看上了 ffis.me 这个短域名,其寓意就是:饭饭就是我,我就是饭饭
因为在生活中大家都叫我饭饭,所以我自然就很喜欢这个域名了

其实我接触网站刚开始注册的第一个域名就是 noisky.me 后来没有再用是因为其续费的价格高达 180 RMB,实在接受不了

可是今天在万网看到,新注册的价格仅需 29 RMB ,最关键的是续费也不破百
哈哈,给我一个不剁手的理由~

也算是送给自己的一份新年礼物了,很是开心!

接下来开始备案了,等备案完成准备给网站也做一个改版(其实就是想换个 title 哈哈)
新的一年,总要有一个新的开始,大家新年快乐~

也希望我能早日做完这该死的设计,做完就能回家咯~

Hello,2017 ~

2016 终于结束 ,终于快要放假啦~
2017 新的一年祝大家开开心心,身心健康,学业进步~

2016年视频巡礼

给 git 升个级

昨天在 Windows 平台编译 ngrok 最终还是没成功,编译程序还是 linux 来的方便,可是 centos6 默认安装的 git 版本太低,导致我一直安装 go 环境不成功,就果断升级下
git --version 查询版本

#git --version
git version 1.7.1

版本挺老的,所以我们要卸载它 yum -y remove git

安装依赖的包
yum -y install curl-devel expat-devel gettext-devel openssl-devel zlib-devel gcc perl-ExtUtils-MakeMaker

- 阅读剩余部分 -

Windows 平台 GO 语言的安装与配置

最近沉迷于 我的世界,服务器那1G的内存始终还是满足不了我,最终还是拉回本地,可本地需要配置端口映射 无奈身处校园网内网 只能自行搭建端口转发 现需配置 GO 语言环境来编译 ngrok 特此写下笔记,方便自己也方便大家。


1、下载安装 GO 语言 SDK 安装包
官网:https://golang.org/dl/
下载之后直接运行安装,安装路径就使用它默认的 C:\Go\ 即可,之后一路 Next 并完成安装。

- 阅读剩余部分 -

Xshell 一款很养眼的配色方案推荐

Xshell 是个很好用的在 windows 下登陆 liunx 的终端
原生支持中文,配合 Xftp 管理文件,同是免费软件可远比 Putty 好用多了
面对枯燥的代码,我们需要一款很养眼的配色方案来保护我们的眼睛
下面这个配色方案,我个人感觉还不错,特此推荐给大家

目录列表 效果
QQ截图20161216121708 (1).png

vim 效果
QQ截图20161216121949 (1).png

- 阅读剩余部分 -

Centos6.8 Python2.6 升级到 2.7

因服务器上需运行b站挂机脚本,而脚本要求py版本必须>=2.6.9
而系统自带的版本为 Python 2.6.6
于是就 Google 之顺便升级下,安装过程中出现了点问题,特此写下笔记

1.首先查看 Python 的版本

python  -V    
Python 2.6.6 

2.安装前准备 安装相关库

yum install gcc gcc-c++ autoconf automake
yum install openssl openssl-devel 

3.下载 Python-2.7.12

wget http://python.org/ftp/python/2.7.12/Python-2.7.12.tar.xz

4.解压 Python-2.7.12.tar.xz

xz -d Python-2.7.12.tar.xz
tar xvf Python-2.7.12.tar

5.进入 Python-2.7.12 目录

cd Python-2.7.12

6.安装 Python-2.7.12

./configure --prefix=/usr/local/python2.7
make      
make install  

7.查看版本信息

/usr/local/python2.7/bin/python -V
Python 2.7.12

8.建立软连接,使系统默认的 Python 指向 Python2.7

mv /usr/bin/python /usr/bin/python2.6.6.old  
ln -s /usr/local/python2.7/bin/python /usr/bin/python

9.这时我们在查看下 Python 版本

python -V
Python 2.7.12

10、修改 yum 使用的 python 版本
虽然现在 python 已经安装完成,可是 yum 不兼容 Python 2.7 导致 yum 不能正常工作,所以我们需要到 yum 的配置文件中指定 Python 的版本为 2.6.6

vi /usr/bin/yum  

#!/usr/bin/python 改成 #!/usr/bin/python2.6.6 然后 :wq 保存即可

python 升级后 原来的 pip 会不能用
需重新安装 pip
直接输入curl https://bootstrap.pypa.io/get-pip.py | python
即可安装

好了完结撒花~

  1. 1
  2. ...
  3. 11
  4. 12
  5. 13
  6. 14
  7. 15
  8. 16
  9. 17
  10. ...
  11. 19