type
status
date
slug
summary
tags
icon
password
category
最近在访问友链的时候,发现同为NotionNext建站的故人博客 | 记录生活,分享资源 (yyyy.gay)样式很好看,然后翻阅他的留言板发现给出了css文件,但是没有具体教程,摸索后决定替他总结一下!
由notionnext官方配置文档可知,自定义脚本和样式的引入方式如下:
css文件(按需复制即可):
📝 魔改
1 添加顶部加载进度条
复制custom.css文件中样式即可,已添加注释说明本站已添加,如图:
2 页脚footer渐变色
复制custom.css文件中样式即可,已添加注释说明本站已添加
3 卡片动态渐变色
复制custom.css文件中样式即可,已添加注释说明本站未添加,效果如图 所示:
4 按钮特效
复制custom.css文件中样式即可,已添加注释说明本站已添加,如图所示,动效:
5 设置鼠标样式
复制custom.css文件中样式即可,已添加注释说明本站已添加,如图所示:鼠标样式资源下载地址:ani转换cur格式软件:
6 网页标题通知
复制到custom.js文件即可(提示信息可自行修改,4000代表4s,可自行调整)
- 当用户离开当前网页标签页时(例如切换到其他标签页或最小化浏览器),网页标题会变成 "你怎么跑啦w(゚Д゚)w" 。
- 当用户重新回到该网页标签页时,网页标题会先变成 "(^∇^*)欢迎肥来![原网页标题]",停留 4 秒后恢复成原来的网页标题。
本站已添加,如图所示:
如果觉得对你有帮助的话,可以请BUZZ喝杯咖啡哦👇
如果对于本篇博客有任何问题,或者有任何想法和建议,都可以在评论区与我交流,我会尽快回复您。(评论内容会通过您的邮箱推送给您)
- 作者:BUZZ
- 链接:https://blog.buzzchat.top//article/notion01
- 声明:本文采用 CC BY-NC-SA 4.0 许可协议,转载请注明出处。