参考链接:hexo+butterfly主题利用css部署网站鼠标指针样式


瞎子自己中意的鼠标指针,推荐 致美化网站 进行下载。

将 cursor 格式 .cur 的鼠标指针图片放入到 hexo_blog\themes\butterfly\source\cur 路径下,这里我放了正常移动的 normal.cur 和点击链接的 link.cur,后续可以根据需求进行添加。

在本地 styles\css 目录下创建 cursors.css 并将以下代码复制粘贴到 cursors.css 进行保存

1
2
3
4
5
6
7
8
9
body {
cursor:url('/cur/normal.cur'),
default;
}
a,
link {
cursor:url('/cur/link.cur'),
default;
}

在站点配置文件 _config.butterfly.yml 中找到 inject,在 head 处引入该文件:

1
- <link rel="stylesheet" href="/styles/css/cursors.css">

然后重新部署即可看到鼠标生效。