1. 南猫Home
  2. cj

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

南猫 • • cj • 79 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

相关推荐

  • 一款全新且强大的SSH客户端：FinalShell

    简介 FinalShell是一体化的的服务器，网络管理软件，不仅是ssh客户端，还是功能强大的开发，运维工具，充分满足开发，运维需求。并且有很多特色功能，如：免费海外服务器远程桌面加速，ssh加速、双边tcp加速、内网穿透等。 截图 主要特性 多平台支持Windows，Mac OS X，Linux。 多标签，批量服务器管理。 支持登录Ssh和Windows远程桌面。 漂亮的平滑字体显示，内置100多个配色方案。 终端，sftp同屏显示，同步切换目录。 命令自动提示，智能匹配，输入更快捷，方便。 sftp支持，通过各种优化技术，加载更快，切换，打开目录无需等待。 服务器网络，性能实时监控，无需安装服务器插件。 内置海外服务器加速，加速远程桌面和ssh连接，操作流畅无卡顿。 双边加速功能，大幅度提高访问服务器速度。 内存，Cpu性能监控，Ping延迟丢包，Trace路由监控(需要高级版支持)。 实时硬盘监控。 进程管理器。 快捷命令面板，可同时显示数十个命令。 内置文本编辑器，支持语法高亮，代码折叠，搜索，替换。 ssh和远程桌面均支持代理服务器。 打包传输，自动压缩解压。 免费内网穿透，无需设置路由器，无需公网ip。 支持rz、sz(zmodem)。 下载使用 Windows版下载地址：http://www.hostbuf.com/downloads/finalshell_install.exe Mac版、Linux版安装及教程：http://www.hostbuf.com/t/1059.html 更新日志：http://www.hostbuf.com/t/989.html

    南猫 南猫
    cj 2020年1月7日
    0 95 0

  • Haproxy一键安装脚本，可转发端口改善服务器的网络状况

    说明：一般用海外服务器的都会遇到线路爆炸，网络不好的情况，这时候连接SSH或者使用55R的时候，会出现连接不上或者速度变慢的问题，为了改善这种状况，我们可以使用haproxy转发端口进行中转加速。 假设你的本地电脑为A，haproxy服务器为B，需要转发的服务器为C。A当然可以直接去连C，但效果可能不会很理想。如果B是一个对C和A连接效果都好的服务器。那么A连接C就等于A连接B，通过B连接C，这样一来，虽然成本有所上升，但却能明显改善网络带宽情况。 安装 系统支持：CentOS，Debian，Ubuntu 使用root登录做中转的那台服务器，执行下面的命令： wget --no-check-certificate https://www.southcat.net/usr/down/haproxy.sh && bash haproxy.sh 然后会要求你依次输入起始端口、结束端口，需要中专的服务器IP。 卸载方法：Debian或Ubuntu系统 apt-get -y remove haproxy CentOS系统 yum -y remove haproxy 然后删掉haproxy的配置文件目录 rm -rf /etc/haproxy 使用命令：启动：/etc/init.d/haproxy start停止：/etc/init.d/haproxy stop重启：/etc/init.d/haproxy restart状态：/etc/init.d/haproxy status

    南猫 南猫
    cj 2019年11月12日
    0 131 0

  • 一个美观且支持对接多个存储的多用户网盘程序：BeDrive V2.0.9

    说明：BeDrive是一款支持多用户的商业版网盘程序，功能强大，支持对接Amazon S3、DigitalOcean、Dropbox、FTP等存储，界面很漂亮，安装也简单，不过这是一款收费的程序，目前官方更新到了V2.0.9，这里就分享下由顶点网破解的BeDrive V2.0.9程序，博主用了下，感觉还行，不过不是很适合个人使用，有兴趣的可以用下。 截图 特性 基于Ajax 分享功能 文件上传 共享链接 多语言 响应式设计 文件预览 Amazon S3、DigitalOcean、Dropbox存储 认证管理 角色和权限 禁用注册 网格和列表视图 广告系统 专业设计 外观编辑 Analytics(分析) 多个主页 付款系统 拖放上传 上下文菜单 回收站 收藏 搜索 文件细节 安装 环境要求：Nginx/Apache、PHP >= 5.6、Mysql、PDO和Fileinfo拓展。 1、安装宝塔 #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 安装完成后，进入面板，点击左侧软件管理，然后安装PHP、Nginx或Apache、Mysql。 再找到左侧软件管理-PHP管理-设置-安装Fileinfo扩展。 #如果Fileinfo拓展安装失败，就是内存太小，我们可以添加swap，不适用于ovz 1、脚本添加，脚本地址：https://www.southcat.net/archives/722/。 2、面板添加，找到左侧软件管理-系统工具-安装Linux工具箱，然后进入工具箱添加。 2、上传源码点击面板左侧-添加站点，数据库选择Mysql，设置好数据库名称、密码。 然后上传源码到根目录并解压出来(源码下载：BeDrive_V2.0.9)，也可以直接在SSH客户端使用命令： #将下面根目录地址改成自己的再运行 cd /www/wwwroot/www.southcat.net wget https://www.southcat.net/usr/down/BeDrive_V2.0.9.zip unzip BeDrive_V2.0.9.zip && rm -rf BeDrive_V2.0.9.zip 3、配置网站进入到域名设置，点击网站目录，去除跨站攻击的√，并设置运行目录为public。 如果你是Nginx环境，还需要再点击伪静态设置，填入以下代码： location / { try_files $uri $uri/ /index.php?$query_string; } 最后打开域名进行安装即可。 相关教程...

    南猫 南猫
    cj 2019年11月3日
    0 108 0

  • 一个功能强大又好用的RSS订阅器：FreshRSS安装教程

    说明：前面说了很多RSS订阅器了，查看：Miniflux 2，Telegram RSS。今天再介绍个FreshRSS订阅器，免费，界面很美观，支持导入/导出为OPML文件，过滤、标记、搜索等，有助于轻松查找和阅读文章，也可以多用户使用，还可以安装很多拓展和更换不同的主题，而且查看10万篇文章都不会卡，这里简单说下常规的LNMP安装和Docker教程。 官方网站：https://freshrss.org演示地址：https://demo.freshrss.org 截图 LNMP安装 该方法属于常见的安装方法，不过有点慢，如果想快点安装的，使用下面的Docker安装即可，不过Docker不适用于OVZ。 环境要求：Nginx、7.0 >= PHP >= 5.3、MySQL >= 5.5，需要Fileinfo组建支持。 1、安装宝塔 #Centos系统 yum install -y wget && wget -O install.sh http://download.bt.cn/install/install.sh && sh install.sh #Ubuntu系统 wget -O install.sh http://download.bt.cn/install/install-ubuntu.sh && sudo bash install.sh #Debian系统 wget -O install.sh http://download.bt.cn/install/install-ubuntu.sh && bash install.sh 然后进入后台再安装PHP、Nginx和Mysql环境，再找到左侧软件管理-PHP管理-设置-安装Fileinfo拓展。 #如果Fileinfo拓展安装失败，就是内存太小，我们可以添加swap，不适用于ovz 1、手动添加，方法查看：https://www.southcat.net/archives/19/。 2、面板添加，找到左侧软件管理-系统工具-安装Linux工具箱，然后进入工具箱添加。 2、上传程序安装好环境后解析并添加域名，然后下载源码：FreshRSS，再放到站点根目录并解压。 #或者使用命令下载源码 #进入站点根目录，请修改为自己域名 cd /www/wwwroot/domain.com #下载程序 git clone https://github.com/FreshRSS/FreshRSS.git #移动到根目录 mv FreshRSS/{,.}* ./ #授权 chown 755 ./* 提示git命令不存在的运行： #Debian和Ubuntu系统 apt-get -y install git #CentOS系统 yum -y install git 3、新建数据库并安装新建数据库，然后打开域名根据提示输入管理员账号、密码，数据库信息安装即可。 Docker安装 1、安装Docker curl -sSL https://get.docker.com/ | sh service docker start 2、安装镜像 #下载文件并进入文件夹...

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

  • ping.pe：一个可以在线测试服务器延迟和丢包的网站

    说明：一个简单实用的在线测试延迟及丢包的网站，测试服务器在全球各地的连接表现，支持PING&MTR。点击各个节点绿色的show可以看到详细的路由。

    南猫 南猫
    cj 2020年3月12日
    0 79 0

  • Google BBR关闭/卸载方法

    说明：网上的Google BBR教程都只提到了安装/开启方法，并没有说关闭/卸载方法，相信有人会想关闭它！这里就说个简单的关闭BBR的方法。 方法 1、使用root用户登录，运行以下命令： vim /etc/sysctl.conf 2、删除或注释掉其中的两行： #net.core.default_qdisc = fq 用#注释掉 #net.ipv4.tcp_congestion_control = bbr 用#注释掉 3、执行命令： sysctl -p 最后重启服务器生效！

    南猫 南猫
    cj 2019年12月28日
    0 109 0

  • Aria2+Aria2Ng+OneIndex一键安装脚本，下载后自动上传至OneDrive

    说明：博主之前发了很多网盘离线教程了，包括一些脚本，查看：Aria2+Rclone+DirectoryLister+Aria2Ng一键安装脚本，差不多都是配合Google Drive网盘的，不过OneDrive的也有，但都不是很理想，现在感觉OneIndex挺不错的，配合OneDrive可以实现观看/下载不走VPS流量的离线BT网盘，这里就整了个一键脚本，将以往需要的2个域名变成了1个，且下载文件自动上传到OneIndex/OneDrive指定文件夹，并删除本地文件，使其不占VPS空间，添加并自动更新Trackers服务器，有兴趣的可以玩玩。 截图 更新 【2018.12.30】 修复重定向次数过多的问题，现已修复(这个抱歉，忘记在脚本里注释部分$，导致出了点小问题)。 【2018.12.22】 替换伪静态规则，调整缓存刷新时间 【2018.12.21】 修复一点小问题，并增加定时刷新缓存和token，优化定时任务步骤，最后不再显示定时任务编辑界面。 安装 系统要求：脚本只适用于Debian 8、9，且无网站环境，会自动签发Let's Encrypt SSL证书，请提前将域名解析至VPS服务器。 运行命令： wget https://www.southcat.net/usr/shell/Aria2_OneIndex.sh && bash Aria2_OneIndex.sh 按要求输入以下选项： 请输入你的OneIndex域名信息(如😮neindex.southcat.net): 请输入你的Aria2密钥: 请输入你OneIndex/OneDrive中的一个文件夹（格式:RATS，此后所有文件都会上传到该文件夹）: 输入好了后直到安装完成，如果Nginx安装失败，检查下系统是否自带Apache2，然后卸载掉就行了。Aria2Ng访问地址：http://IP:8080，OneIndex后台地址：https://xx.com/?/admin，默认密码：oneindex。 提示：这里好几个同学反映进不去后台，博主看了下原因，顺便再说下，安装好了后，需要先访问自己的域名，然后绑定OneDrive账号了才能访问后台，不然是进不去后台的！ 绑定OneDrive后建议先访问后台，如果前台出现HTTP ERROR 500的情况，可以重新下载源码后再绑定账号，使用命令： #将domain.com改成你的域名再运行以下命令 cd /home/wwwroot/domain.com rm -rf ./* git clone https://github.com/donwa/oneindex.git mv oneindex/* ./ chmod -R 777 config/ cache/ 相关文件 OneIndex及域名根目录：/home/wwwroot/xx.com Aria2Ng根目录：/home/wwwroot/aria2ng 域名证书目录：/home/wwwroot/ssl Aria2配置文件夹：/root/.aria2 Aria2下载目录：/root/Download 相关提示 如果想使用手动安装的，参考：使用Aria2+Aria2Ng+OneIndex+OneDrive建立不限流量/离线BT下载/在线观看网盘。关于OneIndex更详细的介绍和使用方法，包括OneDrive 5T网盘的获取可以查看：OneIndex一键安装脚本 for Debian。由于OneIndex自身原因，上传可能存在些BUG，会导致有的文件上传失败，不过博主测试了下，大多数都可以上传，不怎么影响使用。最后如果你是免费申请的OneDrive 5T网盘或者花的几块钱买的，建议别放重要资料，玩玩就行了。 关于上传

    南猫 南猫
    cj 2019年11月4日
    0 122 0

  • Linux安装Aria2来实现种子、磁力下载

    简介 Aria2作为一款linux下的下载神器，很多极客都在使用，可以下载http资源、种-子文件、磁力链接等，功能强大，而且整合Chrome插件可以摆脱百度云盘的速度限制。 特点 1、高速，自动多线程下载；断点续传。2、轻量占用内存非常少，通常情况平均4~9MB内存占用(官方介绍)。3、多平台。支持Win/Linux/OSX/Android等操作系统下的部署。4、模块化。分段下载引擎，文件整合速度快。5、支持RPC界面远程。6、全面支持BitTorrent协议。 官网：https://aria2.github.io 安装 已在Centos6下安装成功 1、安装必要组件安装clang yum -y install clang 安装GCC，通过SCL安装GCC wget https://copr.fedoraproject.org/coprs/rhscl/devtoolset-3/repo/epel-6/rhscl-devtoolset-3-epel-6.repo -O /etc/yum.repos.d/rhscl-devtoolset-3-epel-6.repo yum install devtoolset-3-gcc devtoolset-3-gcc-c++ devtoolset-3-binutils devtoolset-3-gcc-gfortran scl enable devtoolset-3 bash gcc --version 2、一键安装 wget https://www.southcat.net/usr/down/Aria2/aria2.sh chmod +x aria2.sh ./aria2.sh 安装了Aria2主程序、开放6800端口启动、开启RPC Server、开机启动RPC Server、添加Aria2管理脚本，默认用户名user，密码passwd，用户名和密码存放在/etc/aria2/aria2.conf中。 3、aria2管理脚本启动：/etc/init.d/aria2 start停止：/etc/init.d/aria2 stop重启：/etc/init.d/aria2 restart Aria2的图形管理 提示：Aria2的图形管理界面可以自己搭建也可以使用别人搭建好的，不过2种方法都会说。 1、自己搭建可使用军哥的lnmp、lamp一键包或者amh、vestacp、宝塔等面板程序搭建网站环境，上传最常用的Aria2 Web UI程序到网站根目录即可。Aria2 Web UI程序本地下载地址：webui-aria2、github项目地址：https://github.com/ziahamza/webui-aria2

    南猫 南猫
    cj 2020年3月16日
    0 100 0

  • 小内存VPS安装Caddy+PHP 7+Sqlite 3环境，并快速搭建Typecho博客

    说明：我们一般搭建博客的方法就是使用lnmp、lamp等一键包，或者宝塔等面板来搭建Web环境，不过都只适合大点内存的VPS服务器，小点的比如96M、128M服务器就不行了，这时候我们就可以通过安装其它环境来搭建网站环境了，这里博主就说下Caddy+PHP7+Sqlite3安装教程，3分钟就可以搭建一个Typecho博客，并成功运行在96M的VPS服务器上，至于96M以下的服务器就不测试了，毕竟很少见了。 安装 教程只写Debian 8、9，建议选择mini版。如果你是96M或者128M的KVM建议增加点Swap，教程查看：VPS添加Swap虚拟内存。 1、安装PHP 7和Sqlite 3 #Debian 8系统 #添加源 echo "deb http://packages.dotdeb.org jessie all" | tee --append /etc/apt/sources.list echo "deb-src http://packages.dotdeb.org jessie all" | tee --append /etc/apt/sources.list #添加key wget --no-check-certificate https://www.dotdeb.org/dotdeb.gpg apt-key add dotdeb.gpg #更新系统 apt-get update -y #安装PHP 7和Sqlite 3 apt-get install php7.0-cgi php7.0-fpm php7.0-curl php7.0-gd php7.0-mbstring php7.0-xml php7.0-sqlite3 sqlite3 -y #Debian 9系统 #更新系统 apt-get update -y #安装PHP 7和Sqlite 3 apt-get install php7.0-cgi php7.0-fpm php7.0-curl php7.0-gd php7.0-mbstring php7.0-xml php7.0-sqlite3 sqlite3 -y 2、安装Caddy这里直接使用逗比的一键脚本。 wget -N --no-check-certificate https://raw.githubusercontent.com/ToyoDAdoubiBackup/doubi/master/caddy_install.sh && chmod +x caddy_install.sh && bash caddy_install.sh #备用地址 wget -N --no-check-certificate https://www.southcat.net/usr/shell/Caddy/caddy_install.sh...

    南猫 南猫
    cj 2019年12月11日
    0 147 0

  • Jiacrontab：一个带Web面板的定时任务&常驻后台管理工具

    说明：我们一般使用程序的时候，很多都需要使用定时任务来按时重启/执行应用，还有的也需要让程序一直常驻后台，对这类要求使用的基本上是crontab和Systemctl/Supervisor，不过对于很多人来说配置挺麻烦的，这里就分享一个带Web面板的定时任务&常驻后台工具，可以很方便设置定时任务和常驻后台操作，也可以同时管理多台服务器，很强大，使用起来很方便。 截图 功能 允许设置每个脚本的超时时间，超时操作可选择邮件通知管理者，或强杀脚本进程。 允许设置脚本的最大并发数。 一台server管理多个client。 每个脚本都可在server端灵活配置，如测试脚本运行，查看日志，强杀进程，停止定时等。 允许添加脚本依赖（支持跨服务器），依赖脚本提供同步和异步的执行模式。 友好的web界面，方便用户操作。 脚本出错时可选择邮箱通知多人。 支持常驻任务，任务失败后可配置自动重启。 支持管道操作。 原理 jiacrontab由server，client两部分构成，两者完全独立通过rpc通信。 server：向用户提供可视化界面，调度多个client。 client：实现定时逻辑，隔离用户脚本，将client布置于多台服务器上可由server统一管理。 每个脚本的定时格式完全兼容linux本身的crontab脚本配置格式。 安装 Github地址：https://github.com/iwannay/jiacrontab 1、安装依赖 #CentOS系统 yum -y install unzip #Debian/Ubuntu系统 apt install unzip -y 2、运行Jiacrontab先访问该地址→传送门，根据操作系统获取最新版本的Jiacrontab下载地址，然后使用命令： #下载jiacrontab wget https://jiacrontab.iwannay.cn/download/jiacrontab-v1.4.5-linux-amd64.zip #解压 unzip jiacrontab-v1.4.5-linux-amd64.zip #进入服务端文件夹并运行服务端 cd jiacrontab/server nohup ./jiaserver &> jiaserver.log & #进入客户端文件夹并运行客户端 cd .. && cd client nohup ./jiaclient &> jiaclient.log & 然后还需要开放20000-20003端口，使用命令： #CentOS 7 firewall-cmd --zone=public --add-port=20000-20003/tcp --permanent firewall-cmd --reload #CentOS 6(一般情况下，Debian和Ubuntu不需要开启，如果访问不了Web就需要开启了) iptables -A INPUT -p tcp -dport 20000:20003 -j ACCEPT iptables save service iptables restart 配置文件 服务端配置文件：server/server.ini，可以在里面修改用户名、密码，邮箱，允许使用的命令等信息。 客户端配置文件：client/client.ini ，可以修改报警邮箱，开启日志及连接服务端地址。 使用说明 #基本使用 1、定时任务 超时设置和超时操作 超时后会进行设置的超时操作...

    南猫 南猫
    cj 2020年1月27日
    0 75 0