思源笔记挂件丨终于能在笔记里插入倒数日了

Github repo：Achuan-2/siyuan-widget-dayCounter

💌 缘起

一直都很馋 wolai 的动态日历图标，苦于思源笔记没有相关挂件，于是在 GPT 的帮助下，我开发了一个倒数日挂件

由于前端基础很薄弱，对思源笔记的 API 调用也不熟悉，到处拼贴竟然成功了哈哈哈，还是很佩服自己的。

✨ 界面预览

结合分栏，可以集合多个倒数日

‍

🐯 主要功能

支持指定日期，动态进行倒数和正数日计算，依赖 js 代码，不依赖网络，支持添加具体事件名称
- 如果指定日期早于当天日期，则正数
- 如果指定日期晚于当天日期，则倒数
支持设置背景色，进行一定美化
配置支持自动保存到思源笔记的块属性，永久保留在笔记里
支持导出模板后加载配置，方便重复调用特定倒数日/正数日

🐛 已知问题

设计的文字比较大，挂件块不适合调得太小，事件名称不适合写的太长（不过一般也不会写太长吧？）
设置颜色 Color Picker 不支持粘贴颜色
为了保证初次加载挂件和模板能正常保存和读取块属性，加了 500ms 的延迟，所以显示会比较慢些

如果知道以上问题如何解决的大佬欢迎告知，感激不尽

❤ 致谢

ChatGPT 和 Google Gemini：主体代码的编写
Zuoqiu-Yingyi/widget-query：学习挂件加载设置默认宽度和高度
OpaqueGlass/progressBarT-sywidget：学习挂件如何保存和读取配置。

☎️ 意见交流

欢迎在 Github 提 issue 或是通过邮箱联系我

如果你喜欢这个挂件，欢迎在爱发电给我买包辣条，这会激励我更新和完善挂件

是否手机端考虑支持快速记录功能，作为会员功能也可以接受

作为思源的老用户，觉得思源的电脑端已经很强大了，除了数据库还在继续完善以外（个人使用不多），但手机端目前仍存在打开加载慢、同步速度慢等问题，仍然做不到随手记录，目前手机端只能通过 flomo 等软件进行记录，然后转移到思源，费时费力。是否可以考虑增加一个快速记录功能，可以不等待文本加载完成，就完成记录，在文本加载完成 ..

思源手机端，是否会考虑支持主屏幕下滑进行文本搜索

思源的手机端，是否会考虑支持主屏幕下滑，直接搜索文档中的内容？类似 ios 的 spotlight 功能比如 ios 端的欧路词典，支持下滑，输入某个单词后进行快速查词，那么思源的 ios 端，是否可以考虑支持下滑以后快速搜索文档中的内容，这样就不用打开等待加载了

关于思源的资源块加载模式

本人会用思源对生活学习上的一些内容做一些日志式的整理，其中会插入大量的图片。由于一个日期对应一个文档的整理方式检索起来比较繁琐，所以采取了把一个门类下的日志汇总在一个大无序列表并设置子级的方式进行管理。 [图片] 随着使用时间的延长，所记录的内容越来越多，插入的图片也越来越多，导致了加载上的迟缓与移动端内存的缺乏。于是 ..

为什么 S3 阿里云 OSS 同步的只有 repo 文件夹

[图片] [图片] 只有 repo 文件，我要的是 Data 数据下的所有数据也能同步，这里最多起到版本控制的作用。不应该是全量的同步吗？还是说这是加密后的文件呢？第一次在思源笔记配置 S3，不知道到是否正常，以及如果我要 Data 文件夹下的数据也同步到云又该怎么做呢？

欢迎来到这里！

我们正在构建一个小众社区，大家在这里相互信任，以平等 • 自由 • 奔放的价值观进行分享交流。最终，希望大家能够找到与自己志同道合的伙伴，共同成长。

关于

/* 横向超级块中图片和挂件垂直居中 */ .protyle-wysiwyg .sb[data-sb-layout="col"]:has(.img), .protyle-wysiwyg .sb[data-sb-layout="col"]:has(.iframe){ align-items: center; } /* 防止用自定义emoj的纯文本段落也垂直居中 */ .protyle-wysiwyg .sb[data-sb-layout="col"]:has(.img[style="max-width: 30px;"]){ align-items: start; }

5 回帖

思源笔记挂件丨终于能在笔记里插入倒数日了

注册关于

请输入回帖内容 ...

DataWealth • 7 个月前
订阅者恶龙

必须狠狠支持！期待更多 GTD 相关的功能
其他回帖
javad78 • 7 个月前
付费者

真不错！👍
Achuan-2 • 7 个月前
订阅者先知作者
如果需要用超级块拍横排多个挂件，目前思源并不支持垂直居中，可以自己添加 css 代码片段
```
/* 横向超级块中图片和挂件垂直居中 */
.protyle-wysiwyg  .sb[data-sb-layout="col"]:has(.img),
.protyle-wysiwyg  .sb[data-sb-layout="col"]:has(.iframe){
        align-items: center;
}
/* 防止用自定义emoj的纯文本段落也垂直居中 */
.protyle-wysiwyg  .sb[data-sb-layout="col"]:has(.img[style="max-width: 30px;"]){
        align-items: start;
}
```
启用前

启用后

希望后续思源能提供横向排版垂直布局的设置：横向超级块建议添加垂直布局选项 · Issue #10906 · siyuan-note/siyuan (github.com)
2 操作
Achuan-2 在 2024-04-06 18:48:19 更新了该回帖

Achuan-2 在 2024-04-06 18:41:18 更新了该回帖
openAI • 7 个月前
订阅者付费者捐赠者

牛逼 👍
查看全部回帖