Hexo鼠标样式修改

前言

本文将介绍如何修改站点同款鼠标样式。

教程链接：Hexo博客之butterfly主题优雅魔改系列（持续更新）_小康博客-CSDN博客

正文

1. 在\themes\butterfly\source\css路径下创建一个mouse.css文件，在文件中添加如下代码：

   body {
       cursor: url(https://gcore.jsdelivr.net/gh/sviptzk/HexoStaticFile@latest/Hexo/img/default.cur),
           default;
   }
   a,
   img {
       cursor: url(https://gcore.jsdelivr.net/gh/sviptzk/HexoStaticFile@latest/Hexo/img/pointer.cur),
           default;
   }

2. 打开站点的主题配置文件_config.butterfly.yml，找到inject，在head处直接引入该文件：

   inject:
       head:
       - <link rel="stylesheet" href="/css/mouse.css">

3. 重新部署，即可看到效果

---