功能简介
- 在浏览器中调出 utools 超级面板，即可弹出收藏面板
- 任意文档中选中文本链接 +utools 超级面板，即可弹出收藏面板
- 可不显示收藏面板，直接收藏
- 自抓取网页标题，关键词，网站描述和图标
- 可以结合油猴脚本实现预采集，解决对防盗网站内容无法采集问题
- 支持切换不同的收藏夹，把不同内容收藏进不同数据库
- 思源网址收藏夹可通过分组，卡片，排序，筛选，搜索等功能对收藏筛选显示等
- 魔改收藏夹数据库的添加链接操作，可自动获取链接所在网站图标
- 定制化收藏夹数据库的样式，更方便浏览和操作
预览
由于版本可能在不断迭代，图片仅供参考，以实际效果为准。
收藏面板
搜索
数据库
数据库筛选
设置
安装和配置说明
请参考 https://zhuanlan.zhihu.com/p/1961892876112885384
快捷命令脚本调试方法
由于快捷命令脚本无法断点调试，因此只能通过打印日志进行调试。
- 用 console.log 打印，遇到对象的，需要用 JSON.stringify 打印。
- 可以在外层加 try...catch，然后通过 e.stack 查看错误信息更方便。
- 部分代码可单独提取到外部调试，即保证单元无误，再整体无误。如果样式问题也可以通过 consolelog(document.body.parentElement.outerHTML)函数把整体打印到剪切板，然后在外部调试。
- 也可以利用外部错误上报系统，比如 Sentry、Bugsnag、LogRocket 等，我没有尝试。
- 快捷命令的 HTML 环境是无法读取剪切板的，官方提供了模板变量
{{ClipText}}，可获取剪切板内容，但当剪切板内容含有 HTML 代码时会导致整体布局错了，因此可使用 template 标签包裹，但无法用 dom 方法直接读取 template 内部 html 值，需要用正则匹配才行。
其他
另外，这个项目也是新手学习的好材料，因为它涉及众多知识点，比如，js，css，utools api，快捷命令脚本，前后端交互，思源数据库 api（涵盖增删改查），跨软件交互，油猴脚本，跨域抓取，代理请求，函数劫持等。
如果每个知识点都了解，从此思源开发无忧矣。
不过嘛，代码有点乱，刚开始没有好好规划，只是想到一点添加一点，渐渐的就这样了，且一半手写一半 AI，还不是一个 AI，所以嘛就有点乱了。
免责声明
本文所提供的代码仅是 demo 或仍处于实验阶段，仅供学习与参考之用。
请在充分测试、确认无误后再谨慎使用，仅建议作为参考或备用的作用，切勿直接用于生产环境。
如因使用本文所述方法造成任何问题，本人不承担任何责任。
如你有任何疑问或优化建议，欢迎留言交流，共同进步！
