Hexo修改鼠标样式

简介: 最后 hexo g 部署就能看见效果啦

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;
 }

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

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

最后 hexo g 部署就能看见效果啦

相关文章
|
6月前
vscode修改背景色
vscode修改背景色
|
6月前
设置VSCode代码编辑器右侧的Minimap代码缩略图滚动条切换显示、隐藏的快捷键Alt+M
设置VSCode代码编辑器右侧的Minimap代码缩略图滚动条切换显示、隐藏的快捷键Alt+M
解决Hexo博客模板hexo-theme-next的翻页按钮不正常显示问题
用Hexo搭了个Gitpage的博客,兴冲冲的发了11篇博文后发现翻页按钮不正常显示,显示为`<i class="fa fa-angle-right"></i>`的HTML编码。本文介绍如何解决Hexo博客模板hexo-theme-next的翻页按钮不正常显示问题。
60 1
修改vscode侧边栏颜色
修改vscode侧边栏颜色
910 0
|
1月前
|
前端开发 Ubuntu Linux
CSS 修改鼠标图标样式
CSS 修改鼠标图标样式
36 0
|
5月前
|
前端开发
Wordpress自定义鼠标样式插件
使用此插件可一键自定义Wordpress前端鼠标指针样式。利用该插件,站长可以快速实现替换多种鼠标指针样式于网站前端。,该插件允许用户一键自定义网站前端的鼠标指针样式,提供多种图案选择。插件资源来源于网络并已开源,无商业性质。包含插件截图和使用教程:用户可从蓝奏云或GitHub下载插件zip文件,然后在WordPress中安装。
113 6
|
5月前
|
JavaScript
vue点击按钮复制文字到粘贴板
vue点击按钮复制文字到粘贴板
|
前端开发
CSS实现鼠标放上去显示提示工具
CSS实现鼠标放上去显示提示工具
79 0
tinymce 设置和获取编辑器的内容
tinymce 设置和获取编辑器的内容
106 0