Hexo鼠标样式修改

发表于 更新于 分类于 阅读次数：
本文字数： 542 阅读时长 ≈ 1 分钟
本文将介绍如何更改站点同款鼠标样式

前言

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

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

正文

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

    1
    2
    3
    4
    5
    6
    7
    8
    9
    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处直接引入该文件：

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

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

后记

重新记录一下，之前做的改动太乱。

相关文章