在之前使用hexo主题icarus的时候就配置过背景的动态漂浮彩带,很好看也很华丽,但是那个js文件找不到了,于是我就在网上找到了一份源码,分享给大家。

使用方式

解压

解压之后将ribbon.js上传到你的云存储或是你的域名静态资源目录下。

这里我上传到了我的u-file云存储

ribbon.png

也可以直接上传到您的网站根目录下

引用

这里以handsome主题为例,放在自定义js内容中

<script type="text/javascript" size="90" alpha="0.5" zIndex="0" src="//这里是存放js文件的域名地址/ribbon.js"></script>

ribbon2.png

也可以将这段代码复制到网站head中或者是标签前

文件下载

点击下载

Office365 微信公众号
最后修改:2021 年 05 月 28 日 09 : 18 PM
如果您觉得我的文章有帮助,请随意赞赏!