-
[css] [js] 思源笔记用到现在积累的所有代码片段
2023-11-26 00:45回帖加一个,后续再更新到帖子里:
隐藏面板面包屑最后一块 CSS 片段
/* 隐藏面板面包屑最后一块 CSS片段 */ .protyle-breadcrumb__bar>span:last-child { opacity: 0; } .protyle-breadcrumb__bar>span:last-child:hover { opacity: 1; }
-
想省大钱?思源笔记第三方同步 S3 手把手教程(使用七牛云对象存储 Kodo)(2024.4.25)
2023-11-24 13:34思源的 S3 同步是端到端加密的,文件加密上传到存储桶(所以客户端之间的同步才需要相同的密钥来解密)
-
钉住面板滑出建议
2023-11-23 23:13或者你可以用代码片段把思源里的滚动条改粗(如果你用这个代码片段,颜色和粗细要自己在代码里调整)
滚动条样式 CSS 片段
/* 滚动条样式 CSS片段 */ ::-webkit-scrollbar { width: 10px; /* 粗细 */ } ::-webkit-scrollbar-thumb { border: 1px solid #8080804a; /* 边框颜色 */ background-color: #696969; /* 颜色 */ box-sizing: content-box; border-radius: 10px !important; /* 粗细 */ } /* 在鼠标悬停时的样式 */ ::-webkit-scrollbar-thumb:hover{ background-color: #B5B5B5; /* 颜色 */ }
代码片段最初来源: 建议 [滚动条] 静默时隐藏,滚动时再出现 - Yylicon 的回帖