butterfly装修(一)Matrix Digital Rain
最终效果效果是页面顶部的效果。Matrix Digital Rain,也叫做Matrix雨。 效果在普通模式和黑夜模式下分别呈现出不同的效果。 说明首先说明,哥们是个后端,所以基本上全靠chatgpt的指导,才能做出这种功能。 效果实现的整体思路是先把原本的图片元素隐藏起来,然后在相同的位置上,也就是在id为page-header的header元素下面,挂一个canvas元素。然后通过js代码来渲染出效果。 前端元素首先是页面元素的定义。这里设定id为matrix。同时加入指向js文件的代码。 修改index.pug文件定义页面元素的部分,修改后的修改部分如下。 最后一行是定义功能的js文件,在这个部分有详细的说明。 12345678910111213141516171819202122232425262728293031323334353637383940414243header#page-header(class=`${headerClassName+isFixedClass}`) canvas#matrix ...
记录一次ShadowSocks服务的简单搭建过程
说明记录下这次站点搭建本意还是为了给自己做过的事情做个笔记。 ss站点如何搭建,网上的其它地方也有很多很详细的说明,本文也提供不出更多更新的东西了。 只是中间遇到的几个波折很有意思,个人觉得有一点记录下来的价值。 搭建服务器搭建在vultr的云服务器上,使用的操作系统是Ubuntu 24.04 LTS x64。 搭建服务使用的是秋水逸冰(Teddysun)的一键安装脚本。 123wget --no-check-certificate -O shadowsocks-all.sh https://raw.githubusercontent.com/teddysun/shadowsocks_install/master/shadowsocks-all.shchmod +x shadowsocks-all.sh./shadowsocks-all.sh 2>&1 | tee...
金发魅魔与欢愉之屋
...