Hexo鼠标样式修改

前言

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

教程链接: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. 重新部署,即可看到效果


后记

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