type
status
date
slug
summary
tags
category
icon
password
最近在访问友链的时候,发现同为NotionNext建站的故人博客 | 记录生活,分享资源 (yyyy.gay)样式很好看,然后翻阅他的留言板发现给出了css文件,但是没有具体教程,摸索后决定替他总结一下!
由notionnext官方配置文档可知,自定义脚本和样式的引入方式如下:
![notion image](https://www.notion.so/image/https%3A%2F%2Fprod-files-secure.s3.us-west-2.amazonaws.com%2F4bf41849-b38a-4572-8b21-b70f27d35b95%2Ff09a5347-f8c8-47a5-848d-eb03b137c4fa%2FUntitled.png?table=block&id=b59b49f5-37bc-49b5-ad94-7cb1c7b3307d&t=b59b49f5-37bc-49b5-ad94-7cb1c7b3307d&width=976&cache=v2)
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 许可协议,转载请注明出处。