简介
一个基于html5
画布绘制的网页背景效果,非常赞!如果需要wordpress
插件,在插件库搜索canvas-nest
或者看项目canvas-nest-for-wp。
在线演示:http://www.atool.org/
。
特征
- 不依赖于
jQuery
或其他JavaScript
框架。 - 很轻,只有
1.6kb
。 - 所以很容易使用,即使你不是网页开发者。
用法
在<body>
和</body>
中间插入这段js
代码即可,注意不要放在head
里面。
< script src = “ //cdn.bootcss.com/canvas-nest.js/1.0.1/canvas-nest.min.js ” > </ script >
如下所示:
< html >
< head >
...
</ head >
< body >
...
...
...
< script src = “ //cdn.bootcss.com/canvas-nest.js/1.0.1/canvas-nest.min.js ” > < / script >
</ body >
</ html >
配置
- color:画布线颜色,默认值:'0,0,0'; 颜色为(R,G,B)。
- opacity:线的不透明度(0〜1),默认值:0.5。
- count:行数,默认值:150。
- zIndex:z空间的索引,默认值:-1。
<script type="text/javascript" color="0,0,255" opacity='0.7' zIndex="-2" count="99" src="//cdn.bootcss.com/canvas-nest.js/1.0.1/canvas-nest.min.js"></script>
原创文章,作者:南猫,如若转载,请注明出处:https://southcat.net/1649/
不妨点个广告再走嘛
相关推荐
-
Fantasy-field:一款二次元风格的轻量级微博图床程序
说明:博主最近分享了好几款图床程序,这里再分享个Fantasy-field(幻想领域),一款基于新浪的PHP图床程序,界面风格和国外比较火的Chevereto差不多,都挺好看的,也支持用户注册,限制游客上传等功能,上传的图片会保存在新浪图床,可以为小内存VPS节省很多空间。对图床的美观有要求,也想节省空间的人来说,貌似是个挺好的选择。 截图 简介 在幻想领域中,图床图片全部托管在新浪云,每张图片都有多张不同级别的缩略图,这便是幻想领域的最大特色之一。 拥有较为完善的用户系统与管理员系统。管理员在后台拥有完全权限,对网站的一切基本配置。 我的图库,将会罗列出用户自己所上传的所有图片。管理员则显示系统托管的所有图片。你可以在这里对图片进行删除、预览或者复制它,但删除仅仅只是不再出现在本系统中,图片仍然是存在于新浪之上,这点你是要知道的。 探索,它是前台对用户图片预览的功能,在这里你可以发现和找到你需要的东西。如果你不需要它,可以在后台进行关闭设置。 上传新浪图床并非无要求,它需要你进行登录验证,但我们拥有一套独立的新浪登录程序,不依赖任何扩展,并且无验证码,cookie过期将自动为你进行登录,为你解决一切后顾之忧,所以你必须在后台设置你的新浪账号密码才能正常使用。 安装 Github地址:https://github.com/178146582/Fantasy-field 环境要求:PHP ≥ 5.6、Nginx/Apache、Mysql 1、搭建环境搭建方法很多,可以使用军哥的LNMP→传送门、OneinStack→传送门、宝塔面板→使用教程,小白和不想折腾的建议直接宝塔面板。 2、安装程序先添加域名和新建一个数据库,如果你是Nginx,还需要添加伪静态: location / { try_files $uri $uri/ /index.php?$query_string; } #或者 location / { if (!-d $request_filename){ set $rule_0 1$rule_0; } if (!-f $request_filename){ set $rule_0 2$rule_0; } if ($rule_0 = "21"){ rewrite ^/(.*)$ /index.php?/$1 last; } } 相关修改 #大部分都可以直接在后台修改,少部分需要通过文件修改 版权文件:/application/controller/Home/IndexController.class.php,需解密,不过最好保留下方的版权 首页背景图片:/application/view/Home/style/main.css 背景图片嵌入代码:/application/view/Home/details.php 注意事项 #邮件发送失败 1、先确定你的25端口是否被封禁,如果封掉,尝试让主机商启用(如果不启用就换服务器) 2、关掉注册验证或者等下个版本更新(注:改端口是没有用的,465端口需要ssl支持) #数据接口异常 1、伪静态重定向失败,请参考上方的再做设置 2、如果是nginx服务器, 找到路径/framework/core/Framework.php第51行到第53行注释或者删除, 3、具体代码如下(一般Apache服务器不会遇到这个问题,只有nginx的服务器才会) if ($path != '') { $path = strstr(trim($_SERVER['REQUEST_URI'],'/'),$path); } #上传图片失败,如提示:上传时发生了点小插曲,请打开控制器查看原因! 1、检查新浪账号密码是否正确 2、手动登录一次网页版新浪微博 3、新浪账号是否有发微博权限 4、配置成功后不允许在登录新浪任何平台(推荐使用小号) #除新浪限制以外,上传图片还取决于服务器配置,请尝试修改以上配置信息进行解决 最大上传限制(upload_max_filesize) 允许上传文件最大数(max_file_uploads) 脚本最大执行时长(max_execution_time) 脚本最大消耗内存(memory_limit) 脚本最大解析时长 (max_input_time) #验证码错误,如:明明登录的图像验证码输入是正确的,却一直提示验证码错误 1、查看php.ini配置中ESSINON目录是否存在 2、如果不存在则新建目录,如果存在则检查读写权限 #配置文件无法保存...
-
宝塔面板1分钱可购买3年的异常监控推送和小程序插件
说明:宝塔最新活动,针对宝塔小程序和异常推送的插件,原价525.6元/3年,现在0.01元/3年,然后出了个组团活动,貌似需要10个人才能1分钟获得插件,不然退款,组团人数越多,奖励越高,也有一定几率奖励专业版,前3的话,所有组团队员都有专业版,反正1分钱不多,有需求的就上车吧! 活动界面 购买地址
-
使用Docker快速安装Aria2+AriaNg+h5ai,可离线BT下载和在线播放
说明:之前发了很多BT下载搭配在线文件管理器的教程了,这样搭配的好处,就可以在下载后直接在线管理和观看了,比之前的下载后还要拖到本地电脑看要方便很多。而今天要发的这个Aria2搭配h5ai的教程其实在之前的某个教程就该发出来的,参考:使用Docker快速安装Aria2+AriaNg+Filerun/Nextcloud,在线下载BT磁链/在线观看,只是在安装h5ai的地方就一直有问题,所以就没发,而作者现在已经修复好了,于是就可以发出来了。 截图 安装 1、安装Docker和Docker Compose #安装Docker curl -sSL https://get.docker.com/ | sh #安装Docker Compose curl -L https://github.com/docker/compose/releases/download/1.17.0/docker-compose-`uname -s`-`uname -m` -o /usr/local/bin/docker-compose chmod +x /usr/local/bin/docker-compose 2、安装Aria2+AriaNg+h5ai git clone https://github.com/wahyd4/aria2-ariang-x-docker-compose.git cd aria2-ariang-x-docker-compose/h5ai docker-compose up -d 直到安装完成。
-
lowendscript:适用于64MB内存的LNMP一键安装包
简介 lowendscript lnmp一键安装脚本是由外国兄弟David Pennington制作的,优点:最大化节省资源开销。相比军哥的lnmp一键安装包要简单、轻巧的多,磁盘空间占用也少。安装lowendscript lnmp一键包适用于Ubuntu、Debian系统,综合其他版本Linux系统来讲,Debian 32位系统下安装相对占用资源最少。 安装 1、下载lowendscript安装脚本 wget --no-check-certificate https://raw.github.com/Xeoncross/lowendscript/master/setup-debian.sh 2、为setup-debian.sh设置可执行权限 chmod +x setup-debian.sh 3、添加dotdeb源 ./setup-debian.sh dotdeb # 非必须,如果你安装的是Ubuntu系统 4、设置debian系统,会安装一些小工具。 ./setup-debian.sh system 此命令会自动完成以下几个操作: update_timezone remove_unneeded update_upgrade install_dash install_vim 安装vim编辑器 install_nano 安装nano编辑器 install_htop 比top好用的进程查看工具 install_mc install_iotop I/O监视工具 install_iftop 网卡实时流量监测工具 install_syslogd 系统日志 apt_clean 清除软件包 5、开始安装mysql(安装完成后,mysql管理员账户、密码存放于/root/.my.cnf文件中,vi命令打开此文件即可查看到相关信息,“vi /root/.my.cnf”) ./setup-debian.sh mysql 6、开始安装nginx(nginx1.4+版本) ./setup-debian.sh nginx 7、开始安装PHP(自动安装配置php5.3+APC缓存;默认以php5-fpm方式运行、开启3个进程,重启php5-fpm进程执行"service php5-fpm restart"即可) ./setup-debian.sh php 8、创建nginx站点(军哥LNMP一键包中的"./vhost.sh"类似,输入site 空格 yourdomain.com,不要写成其他的,否则可能会导致站点创建失败。注:网站自动创建在"/var/www/"目录下) ./setup-debian.sh site [yourdomain.com] 9、创建mysql用户 ./setup-debian.sh mysqluser [yourdomain.com] 到这里,Debian系统的nginx+mysql+php的环境就搭建好了。 可选安装 说明:下面只列举了常用的几个,如想了解更多,请进入最下面的项目地址1、安装WordPress(lowendscript集成了wordpress安装,搭建wordpress站点非常easy) ./setup-debian.sh wordpress [yourdomain.com] 2、安装exim(使用exim替代sendmail) ./setup-debian.sh exim4 3、安装webmin管理面板 ./setup-debian.sh webmin 4、安装vzfree(只适用于基于openvz架构的VPS主机,用于报告正确的内存使用情况,可查看母机的内存) ./setup-debian.sh vzfree 5、查看系统信息 ./setup-debian.sh info 6、创建SSH-Keys ./setup-debian.sh sshkey [optional argument_1] 7、测试硬盘I/O和网络 ./setup-debian.sh...
-
推荐3款流行的Linux VPS主机FTP文件管理软件
说明:很多时候我们用SSH登录vps后用vi命令编辑文件的时候,都不知道怎么编辑,这时候就只能借助FTP文件管理软件来手动编辑了,而且还可以直接从本地上传图片,文件,快速删除vps文件很方便。这里推荐3款最流行的FTP文件管理软件。 1、WinSCP工具这款FTP工具本人就经常使用,很轻巧,方便,界面还不错! 官方网站:https://winscp.net 2、FlashFXP工具这款FTP工具就不多说了,很多人都在用,功能很全,也好用。 官方网站:https://www.flashfxp.com/ 3、FileZilla工具这款FileZilla是国人开发的一款开源的FTP客户端软件,界面上和我们使用的FLASHFXP差不多,功能都很全面。 官方网站:https://filezilla-project.org/
-
Python 3.6一键安装脚本 for CentOS/Debian
说明:最近一直在玩爬虫,需要使用到python3和pip3,手动安装又有点麻烦,就搞了个一键脚本,Python版本为3.6.4,脚本安装了很多依赖包,不会因为缺少依赖而出问题,这里就分享下。 安装 1、检查下系统是否有Python3 python3 -V 2、安装Python3 #CentOS系统 wget https://www.southcat.net/usr/shell/Python3/CentOS_Python3.6.sh && sh CentOS_Python3.6.sh #Debian系统 wget https://www.southcat.net/usr/shell/Python3/Debian_Python3.6.sh && sh Debian_Python3.6.sh 然后再输入python3 -V看是否安装成功。一般安装成功就可以使用python3、pip3了。 提示 如果想修改系统默认的Python版本的话,还需要创建软链接,可使用命令: cd /usr/bin mv python python.backup ln -s /usr/local/bin/python3 /usr/bin/python 然后重启运行python -V查看即可。 vi /usr/bin/yum 将文件首行 #!usr/bin/python 修改为python之前的版本,如: #!/usr/bin/python2.7
-
LNMP删除和关闭Mysql日志
说明:一般mysql会生成一堆的mysql.bin.*的一堆的日志,针对我们这种小网站来说,确实没什么实际大的用处,还有可能塞满我们的硬盘。一般情况下,很多人都会选择关了它,反正有每个小时的mysqldump导出记录备档。 方法 删除Mysql日志第一、日志文件地址 /usr/local/mysql/var/ 在上面的文件夹中,有几M到几个G不等,我们也不要急于全部删除,可以选择几个大的删除就可以。 第二、重启MYSQL /etc/init.d/mysql restart 关闭Mysql日志第一、找到文件 /etc/my.cnf 注释下面2行文件: #log-bin=mysql-bin #binlog_format=mixed 当然,如果你非要留着,也可以缩短日志的保存时间,默认是10天。 expire_logs_days = 10 #修改此项即可 /etc/init.d/mysql restart
-
酷炫的Linux性能实时监测工具:Netdata安装教程
简介 Netdata是一款Linux性能实时监测工具,每个服务器每秒收集数千个度量标准,只有1%的CPU利用率,一个内核,几MB内存,没有磁盘I/O。即使运行在低端硬件上,也可以在令人惊叹的实时交互式web仪表板上查看所有内容。监控数据极多,比如iptables Linux firewall、fping、Processes、NFS、Network QoS、Applications、Apache web server、Nginx、Tomcat、Mysql、postgres、redis、mongodb、elasticsearch、SNMP devices等等。很强大,特别是界面非常酷炫,有兴趣的可以试试。 官网地址:https://my-netdata.io/Github地址:https://github.com/firehol/netdata演示地址:https://my-netdata.io/#demosites(有8个地址,随便点一个进去就可以了) 截图 安装 支持Centos、Debian、Ubuntu等所有的Linux发行版,运行以下命令: #安装基本的netdata bash <(curl -Ss https://my-netdata.io/kickstart.sh) #or #安装netdata及所有插件的软件包 bash <(curl -Ss https://my-netdata.io/kickstart.sh) all 安装完成后访问http://ip:19999/即可! 提示:如果要在64bit缺少软件包管理器的Linux上安装(例如CoreOS、CirrOS、busybox、systems),就运行下面这个命令,netdata将以二进制编译形式进行安装: bash <(curl -Ss https://my-netdata.io/kickstart-static64.sh) 如果运行不了,则需要分开运行: wget -O /tmp/kickstart-static64.sh https://my-netdata.io/kickstart-static64.sh sh /tmp/kickstart-static64.sh 相关工具 多服务器,云探针,云监控:ServerStatus一键管理脚本 NIXStats:又一款Linux VPS服务器信息监控工具 Uptime Robot :免费且功能强大的在线网站服务器监控工具 使用PHP Server Monitor自建网站和服务器监控
-
AUXPI:一个简单的API图床程序,支持上传到搜狗/新浪/SMMS/阿里等多个图床
说明:对于图床程序的话,博主之前介绍过好几种,查看:Chevereto、ImgURL。貌似最火的还是国外的Chevereto,这里再分享个图床程序AUXPI,和ImgURL比较类似,都支持API上传,SMMS图床上传。不过该图床还处于发育初期阶段,貌似以后会越来越强,可以期待下。 截图 更新 【2019.3.29】 该程序变动较大,支持更多图床,新增后台,用户注册等功能,安装环境多了个Mysql,更新安装方法 功能 支持web上传图片 支持API上传图片 支持图床: 搜狗 新浪(私有+公共) SMMS 奇虎(360) 百度 阿里 京东 Upload.cc Flickr 网易 掘金 本地 安装 Github地址:https://github.com/aimerforreimu/AUXPI 所需环境:Mysql、Redis、Nginx/Caddy(非必需,但如果你要使用域名访问就需要安装了)。 1、安装Web环境 #CentOS系统 wget -O install.sh http://download.bt.cn/install/install_6.0.sh && sh install.sh #Ubuntu系统 wget -O install.sh http://download.bt.cn/install/install-ubuntu_6.0.sh && sudo bash install.sh #Debian系统 wget -O install.sh http://download.bt.cn/install/install-ubuntu_6.0.sh && bash install.sh 安装完成后,进入面板,点击左侧软件管理,然后安装Mysql、Redis、Nginx(如果你使用域名的话,就需要安装)。 然后点击左侧数据库-添加数据库,设置好数据库信息。 2、安装AUXPI首先进入到Release→传送门,下载最新版的Linux系统AUXPI文件,目前为V2.3.9。 #新建文件夹用来存放auxpi文件 mkdir auxpi && cd auxpi wget https://github.com/aimerforreimu/auxpi/releases/download/2.3.9/auxpi-2.3.9-linux.tar.gz #解压并移动文件 tar zxvf auxpi*.tar.gz && rm -rf auxpi*.tar.gz mv build/linux/* ./ rm -rf build 然后编辑配置文件conf/siteConfig.json,修改如下: { "site_name": "AuXpI API 图床", #站点名称 "site_footer": "", #footer输出的内容 "site_url": "http://yoursite.com/", #站点url "logo":"/static/app/images/logo.jpg", #站点logo...
-
UDPSpeeder+Udp2raw使用教程,并配合SSTap加速优化网络游戏
说明:UDPSpeeder很早前博客就介绍过,是一个双边网络加速工具,本身是加速UDP流量,但也可以加速TCP/UDP/ICMP,而网络游戏也是走的UDP,我们可以用来配合SSTap来最大改善我们的游戏体验,近期作者发布windows版本客户端,使用更加方便了,这里就大概的讲下方法。 简介 UDPspeeder作用是给udp流量加冗余和纠错(RS code),牺牲一定的流量(通常可小于0.5倍),让网络达到接近零丢包。 可以单独加速udp,或配合V皮N加速全流量(tcp/udp/icmp)。 最佳的适用场景是加速游戏,也可加速在线视频和网页浏览。 udp2raw不是加速器,只是一个帮助你绕过UDP限制的工具,作用是把udp流量混淆成tcp流量,可以突破udp流量限制或Udp QOS,极大提升稳定性。可以配合kcptun加速tcp,或配合UDPspeeder加速udp,防止各种限速断流。 说明 这里分别说下Udp2raw配置和UDPSpeeder配置,及其串联使用方法。且Udp2raw和UDPspeeder不配合V皮N的情况下只能转发UDP。对于55R等来讲,转发UDP的同时也需要转发TCP,不然UDP功能无法使用,这里会配合tinyPortMapper一起使用。 本文只讲结合SSTap的玩法,也适用55R,还有更多玩法可以去下面留的Github项目地址进行研究,有问题请去Issues栏提问,作者很热情,会很快回答你。 配置Udp2raw 1、VPS服务器配置首先需要在VPS上下载服务端并解压Udp2raw,地址:点击进入,使用命令: #目前最新版本20180225.0,如果以后有更新的话,方法基本一样 wget https://github.com/wangyu-/udp2raw-tunnel/releases/download/20180225.0/udp2raw_binaries.tar.gz tar zxvf udp2raw_binaries.tar.gz 此时假设你服务器ip为44.55.66.77,有一个服务监听在udp 7777端口上,比如55R,运行如下命令: ./udp2raw_amd64 -s -l0.0.0.0:4096 -r 127.0.0.1:7777 -a -k "passwd" --raw-mode faketcp 会输出如下界面:如果关闭SSH客户端,Udp2raw会停止运行,建议配合nohup或screen保持后台运行,查看教程:使用screen来实现多任务不断线操作命令。 2、Win客户端配置首先下载并安装winpcap,地址:https://www.winpcap.org/install/default.htm。也可使用npcap,据说性能更好一些,但是安装时一定要把"开启winpcap的兼容模式"打勾。地址:https://nmap.org/npcap/。 下载Udp2raw客户端并解压,地址:点击进入。建议解压后直接放到C盘C:\Users\Administrator文件夹。 然后点击Win+R,然后输入cmd,运行命令: udp2raw_mp_nolibnet.exe -c -l0.0.0.0:3333 -r44.55.66.77:4096 -k "passwd" --raw-mode easy-faketcp #如果你的udp2raw文件在其它盘,比如D盘的xx文件夹,则需要先运行命令 cd /d d:\xx 然后别关掉CMD界面。 这时候基本就算完成了。 现在在Windows上访问本机的3333即相当于访问VPS的7777端口,通过udp2raw的所有流量都会被混淆成tcp。 配置UDPSpeeder 其实方法和Udp2raw差不多,这里就不仔细讲了,只说个大概。 1、VPS服务器配置先下载UDPSpeeder服务端并解压,下载地址:点击进入,使用命令: #目前最新编译好的二进制文件版本20180522.0 wget https://github.com/wangyu-/UDPspeeder/releases/download/20180522.0/speederv2_binaries.tar.gz tar zxvf speederv2_binaries.tar.gz 此时假设你服务器ip为44.55.66.77,有一个服务监听在udp 7777端口上,比如55R,运行如下命令: #此为游戏场景的推荐设置 ./speederv2_amd64 -s -l0.0.0.0:4096 -r127.0.0.1:7777 -k "passwd" -f2:4 --timeout 1 会输出如下界面:如果关闭SSH客户端,UDPSpeeder会停止运行,同样建议配合nohup或screen保持后台运行,更多推荐配置查看:点击查看。 2、Win客户端配置客户端下载地址和上面一样,点击进入。下载speederv2_windows.zip文件,并解压到C盘C:\Users\Administrator文件夹。 然后点击Win+R,然后输入cmd,运行命令: speederv2.exe -c -l0.0.0.0:3333 -r44.55.66.77:4096 -k "passwd" -f2:4 --timeout 1 然后别关掉CMD界面。 UDPSpeeder+Udp2raw串联 本文所讲的方法就是使用UDPSpeeder+Udp2raw串联配合SSTap加速优化网游,这里就大概的讲下方法。 1、VPS服务器配置 #分别下载UDPSpeeder和Udp2raw服务端文件 wget https://github.com/wangyu-/udp2raw-tunnel/releases/download/20180225.0/udp2raw_binaries.tar.gz...