Hexo-theme-keep 主题自定义鼠标样式

效果

实现

1、主要代码

body {
	cursor: url(https://cdn.jsdelivr.net/gh/kaix2301/pictures/img202201071208706.cur), auto;
}
a {
	cursor: url(https://cdn.jsdelivr.net/gh/kaix2301/pictures/img202201071205091.cur), auto!important;
}

Tips：

• 该实现方式只针对 hexo-theme-keep 主题，对于不同主题实现方式基本一样。

• 一般在 ~\Hexo\themes\主题\source\css 中，或者其子文件夹中。

• 可以创建新文件添加上面代码。

2、进入到 ~\Hexo\theme\keep\source\css\ 目录中，新建文件夹并重命名为”my”，并进入文件夹中。

3、在”my”文件夹中，新建一个文件并重命名为”mouse.styl”，将上面代码复制到文件中。

4、打开 ~\Hexo\theme\keep\source\css\style.styl，添加下面代码将我们自己创建的样式文件引入

@import "my/mouse.styl"

5、保存好后，本地启动查看配置是否成功

hexo c && hexo g && hexo s

参考

本文非原创，非常感谢大神 kai 的博文，如有不明白的地方，可以参考原文：hexo自定义鼠标指针样式