One

主题

One2025-04-09
350
1.5m
Get...

配置鼠标爆炸效果 ​

配置鼠标爆炸效果 ​

目录 ​

[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 代码：

ts
// 鼠标爆炸效果
  [
    'script',
    {
      type: 'text/javascript',
      src: 'https://lf6-cdn-tos.bytecdntp.com/cdn/expire-1-M/animejs/3.2.1/anime.min.js', //字节cdn
      id: 'anime.min.js-js',
      defer: 'defer',
    },
  ],
  [
    'script',
    {
      // src: "https://cpython666.github.io/js/clickjs/fireworks.js",
      src: 'https://live2d-hyde.netlify.app/Clickfireworks.js',
      defer: 'defer',
    },
  ],

（2）运行观察效果

pnpm docs:dev

结束。

最近更新