💡notionnext博客魔改小教程
00 分钟
2024-6-16
2024-6-16
type
status
date
slug
summary
tags
category
icon
password
😀
最近在访问友链的时候,发现同为NotionNext建站的故人博客 | 记录生活,分享资源 (yyyy.gay)样式很好看,然后翻阅他的留言板发现给出了css文件,但是没有具体教程,摸索后决定替他总结一下!
 
由notionnext官方配置文档可知,自定义脚本和样式的引入方式如下:
notion image
css文件(按需复制即可):

📝 魔改

1 添加顶部加载进度条

复制custom.css文件中样式即可,已添加注释说明
本站已添加,如图:
notion image

2 页脚footer渐变色

复制custom.css文件中样式即可,已添加注释说明
本站已添加

3 卡片动态渐变色

复制custom.css文件中样式即可,已添加注释说明
本站未添加,效果如图 所示:
notion image
 

4 按钮特效

复制custom.css文件中样式即可,已添加注释说明
本站已添加,如图所示,动效:
notion image
 

5 设置鼠标样式

复制custom.css文件中样式即可,已添加注释说明
本站已添加,如图所示:
notion image
 
鼠标样式资源下载地址:
ani转换cur格式软件:
 

6 网页标题通知

 
复制到custom.js文件即可(提示信息可自行修改,4000代表4s,可自行调整)
  • 当用户离开当前网页标签页时(例如切换到其他标签页或最小化浏览器),网页标题会变成 "你怎么跑啦w(゚Д゚)w" 。
  • 当用户重新回到该网页标签页时,网页标题会先变成 "(^∇^*)欢迎肥来![原网页标题]",停留 4 秒后恢复成原来的网页标题。
本站已添加,如图所示:
notion image
 
💡
如果觉得对你有帮助的话,可以请BUZZ喝杯咖啡哦👇
如果对于本篇博客有任何问题,或者有任何想法和建议,都可以在评论区与我交流,我会尽快回复您。(评论内容会通过您的邮箱推送给您)
 

评论
  • Twikoo