配置鼠标样式

配置鼠标样式

目录

[[toc]]

[toc]

前言

来给自己的博客更换一个好看的鼠标样式哦。😊

版权

环境

2025.4.6(已解决)

效果

配置

（1）下载鼠标样式

下载链接：

• 鼠标样式 1(opens new window)
• 鼠标样式 2(opens new window)

提示

也可以在我当前项目的docs\public\mouse目录下找到鼠标样式文件

名字为：default.cur和pointer.cur

（2）配置鼠标样式

将下载好的default.cur和pointer.cur文件复制到docs\public\mouse目录下（没有mouse目录的话，自己创建一个）

创建docs\.vitepress\theme\styles\var.scss文件，添加以下代码：

1/* 鼠标样式 */
2body {
3    cursor: url(/mouse/default.cur), auto;
4  }
5  
6  a,button,img, svg,input,textarea,select,option,label,span {
7    cursor: url(/mouse/pointer.cur), auto !important;
8  }

然后在docs\.vitepress\theme\styles\index.scss文件里引用：

1@use "./var.scss" as *; // 引用 变量

（3）运行测试

1pnpm docs:dev

结束。