1. 南猫Home
  2. cj

一个WordPress超酷炫网页背景效果canvas-nest

南猫 • • cj • 54 views

简介

一个基于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/


不妨点个广告再走嘛
Like (0)
南猫南猫
0 0
Previous 2019年11月26日 am12:37
Next 2019年11月26日 am3:59

相关推荐

  • 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、如果不存在则新建目录，如果存在则检查读写权限 #配置文件无法保存...

    南猫 南猫
    cj 2020年1月13日
    0 38 0

  • 宝塔面板1分钱可购买3年的异常监控推送和小程序插件

    说明：宝塔最新活动，针对宝塔小程序和异常推送的插件，原价525.6元/3年，现在0.01元/3年，然后出了个组团活动，貌似需要10个人才能1分钟获得插件，不然退款，组团人数越多，奖励越高，也有一定几率奖励专业版，前3的话，所有组团队员都有专业版，反正1分钱不多，有需求的就上车吧！ 活动界面 购买地址

    南猫 南猫
    cj 2020年2月12日
    0 39 0

  • 使用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 直到安装完成。

    南猫 南猫
    cj 2019年12月21日
    0 59 0

  • 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...

    南猫 南猫
    cj 2020年1月31日
    0 35 0

  • 推荐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/

    南猫 南猫
    cj 2019年11月26日
    0 31 0

  • 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

    南猫 南猫
    cj 2020年3月11日
    0 47 0

  • 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

    南猫 南猫
    cj 2019年12月1日
    0 30 0

  • 酷炫的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自建网站和服务器监控

    南猫 南猫
    cj 2020年3月23日
    0 62 0

  • 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...

    南猫 南猫
    cj 2020年2月18日
    0 39 0

  • 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...

    南猫 南猫
    cj 2020年1月1日
    0 52 0