云与海的鼠标效果插件

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

1.安装插件

cd hexo-site
npm install hexo-qidaink-cursor_effects

2.配置插件

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

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

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"

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

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

3.效果展示

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

4.参考项目及说明

参考以下大佬项目

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