Hexo鼠标样式修改

花猪

发布于 2022-02-22 17:21:40

2.2K0

发布于 2022-02-22 17:21:40

文章被收录于专栏：花猪的学习记录

前言

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

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

正文

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

body {
    cursor: url(https://cdn.jsdelivr.net/gh/sviptzk/HexoStaticFile@latest/Hexo/img/default.cur),
        default;
}
a,
img {
    cursor: url(https://cdn.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. 重新部署，即可看到效果

后记

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

本文参与腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。

原始发表：2021-07-05，如有侵权请联系 cloudcommunity@tencent.com 删除

css

本文分享自作者个人站点/博客前往查看

如有侵权，请联系 cloudcommunity@tencent.com 删除。

本文参与腾讯云自媒体同步曝光计划，欢迎热爱写作的你一起参与！

css

登录后参与评论

0 条评论

热度

Hexo鼠标样式修改

Hexo鼠标样式修改

前言

正文

后记

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐