云与海的鼠标效果插件

- 欢迎访问我的博客：云与海 查看效果。

1.安装插件

``shell
cd hexo-site
npm install hexo-qidaink-cursor_effects
`

2.配置插件

- 在站点根目录中的站点配置文件中添加以下配置内容。

  在站点配置文件中新增以下内容，目前不支持本地加载效果实现的脚本文件，只支持CDN链接引入，其中CDN链接可自定义为自己的CDN链接。

`yaml
cursor:
enable: true
click: fireWorks # 鼠标点击效果 fireWorks | showLove | showText
fireWorks_cdnPath: "https://cdn.jsdelivr.net/npm/hexo-qidaink-cursor_effects@latest/click/fireWorks.js"
showLove_cdnPath: "https://cdn.jsdelivr.net/npm/hexo-qidaink-cursor_effects@latest/click/showLove.js"
showText_cdnPath: "https://cdn.jsdelivr.net/npm/hexo-qidaink-cursor_effects@latest/click/showText.js"
move: fairyDust # 鼠标移动效果 bubble | emoji | fairyDust | ghost | snowflake | springyEmoji
bubble_cdnPath: "https://cdn.jsdelivr.net/npm/hexo-qidaink-cursor_effects@latest/move/bubbleCursor.js"
emoji_cdnPath: "https://cdn.jsdelivr.net/npm/hexo-qidaink-cursor_effects@latest/move/emojiCursor.js"
fairyDust_cdnPath: "https://cdn.jsdelivr.net/npm/hexo-qidaink-cursor_effects@latest/move/fairyDustCursor.js"
ghost_cdnPath: "https://cdn.jsdelivr.net/npm/hexo-qidaink-cursor_effects@latest/move/ghostCursor.js"
snowflake_cdnPath: "https://cdn.jsdelivr.net/npm/hexo-qidaink-cursor_effects@latest/move/snowflakeCursor.js"
springyEmoji_cdnPath: "https://cdn.jsdelivr.net/npm/hexo-qidaink-cursor_effects@latest/move/springyEmojiCursor.js"
`

  注意：若开启鼠标点击出现文字效果，还请按在主题配置文件中新增以下内容。

`yaml
ClickShowText:
text:
- 富强
- 民主
- 文明
- 和谐
- 自由
- 平等
- 公正
- 法制
- 爱国
- 敬业
- 诚信
- 友善
fontSize: 15px
random: true
mobile: false
`

3.效果展示

  前3个为鼠标点击产生效果，后边6个为鼠标移动跟随效果。

效果名称	效果图
fireWorks
showLove
showText
bubble
emoji
fairyDust
ghost
snowflake
springyEmoji

4.参考项目及说明

参考以下大佬项目

项目作者	项目链接
tholman	https://github.com/tholman/cursor-effects

  本插件仅为方便自己使用而写，且是在NexT主题下使用，若在其他主题下，应该是没得效果的，不过CDN`链接可以正常引用。

Show more