跳到主要内容

配置鼠标爆炸效果

最后更新于:

配置鼠标爆炸效果

目录

[[toc]]

[toc]

版权

警告

本着开源共享、共同学习的精神:

本文是在 《Hyde Blog》博主的《鼠标点击爆炸》文章 基础上增加了一些自己的实际操作记录和修改,内容依旧属于原作者所有。转载无需和我联系,但请注明文章来源。如果侵权之处,请联系博主进行删除,谢谢。

环境

2025.4.6(已解决)

警告

次配置适用于Teek@1.0.0-alpha.9-2025.4.6版本(其它版本可自行测试)。

提示

自己开源的 《vitepress-theme-teek-one-public》网站模板。

此模板是在《Young Kbt blog》大佬开源项目《vitepress-theme-teek 》基础上修改为自己的风格而成,感谢大佬开发得主题,大佬威武。❤️❤️

效果

配置

(1)添加代码

配置docs\.vitepress\config.mts文件,在 head 标签中添加以下 script 代码:

 1// 鼠标爆炸效果
 2  [
 3    'script',
 4    {
 5      type: 'text/javascript',
 6      src: 'https://lf6-cdn-tos.bytecdntp.com/cdn/expire-1-M/animejs/3.2.1/anime.min.js', //字节cdn
 7      id: 'anime.min.js-js',
 8      defer: 'defer',
 9    },
10  ],
11  [
12    'script',
13    {
14      // src: "https://cpython666.github.io/js/clickjs/fireworks.js",
15      src: 'https://live2d-hyde.netlify.app/Clickfireworks.js',
16      defer: 'defer',
17    },
18  ],

(2)运行观察效果

pnpm docs:dev

结束。

最新文章

文档导航