栗子仁儿-模块化主页仪表盘

项目地址：https://github.com/liamzy2021/Obsidian—Modular-Theme-Dashboard-Free-Drag-and-Drop

V16 — 融合 V14 自由拖拽布局架构与 V11 全量功能模块，所有模块均支持无限实例化。

预览

功能特性

自由拖拽布局

• 绝对定位画布 — 模块卡片以 position: absolute 自由布局，可放置在画布任意位置
• 拖拽移动 — 按住卡片标题栏拖拽，实时移动到任意位置
• 自由缩放 — 每张卡片支持 resize: both，拖动右下角调整宽高
• 布局持久化 — 所有卡片位置、尺寸自动保存到 data.json，重启不丢失

完全模块化架构

• 热加载模块系统 — ModuleManager 动态扫描 modules/ 目录，自动加载所有 .js 模块
• 标准模块接口 — 每个模块导出 id / title / icon / defaultSettings / styles / render / renderSettings
• 运行时注入 — 通过 with(_runtimeCtx) 自动注入 app / plugin / moment / requestUrl 等上下文
• 零耦合 — 新增模块只需在 modules/ 目录下新建 .js 文件，无需修改主代码

无限实例化

• 任意模块可克隆 — 点击顶部 ➕ 按钮，可为任何模块创建新实例
• 独立配置 — 每个实例拥有独立的设置、缓存、会话（如网页预览的 partition 隔离）
• 实例 ID 规范 — 格式 module#N（如 weather#1、web-preview#2）
• 自动继承默认值 — 新实例自动从模块的 defaultSettings 深拷贝初始配置

天气模块

• 高德地图 API — 基于高德天气 API 的实时天气数据
• 实时 + 预报 — 当前天气实况 + 未来 3 天预报
• 详细信息 — 温度、湿度、风力、风向、体感温度等
• 可配置城市 — 支持自定义城市，API Key 配置

日历模块

• 农历完整支持 — 天干地支、农历月份、节气、传统节日
• 月历翻页 — 支持前后月份切换
• 节日标注 — 公历节日 + 农历节日 + 24 节气自动标注
• 今日高亮 — 当前日期主题色高亮，周末特殊颜色

笔记统计模块

• 四维统计 — 笔记总数 / 总字数 / 文件夹数 / 平均字数
• 文件夹排行 — Top 5 文件夹按笔记数量排序，带可视化进度条
• 万级格式化 — 超过 10000 自动显示为 X.X万

待办事项模块

• 完整 CRUD — 新增、编辑（双击）、删除、完成标记
• 三种筛选 — 全部 / 未完成 / 已完成
• 进度统计 — 实时显示完成进度（如 3/7）
• Markdown 持久化 — 待办数据读写指定文件夹的 .md 文件

最近文件模块

• 最近修改 — 按文件修改时间排序显示最近打开的笔记
• 相对时间 — 智能显示 刚刚 / X分钟前 / X小时前 / X天前
• 一键打开 — 点击直接在编辑器中打开文件
• 可配置数量 — 支持设置显示文件数上限

资讯模块

• 热点新闻 — 基于 AI HOT RSS 的实时热点新闻
• 分类标签 — 支持多分类切换浏览
• 分页浏览 — 支持上/下翻页，显示当前页码
• 一键跳转 — 点击新闻标题直接打开原文链接

目录模块

• 树形目录 — 递归显示文件夹结构，可展开/折叠
• 自定义根目录 — 支持配置多个根目录显示
• 展开状态持久化 — 折叠/展开状态保存到设置，重启后恢复
• 文件计数 — 每个文件夹旁显示包含的笔记数量

AI 洞察模块

• AI 笔记分析 — 自动分析最近 5 篇笔记，调用 AI API 生成洞察摘要
• OpenAI 兼容接口 — 支持任意 OpenAI 兼容 API（自定义 URL、模型、温度参数）
• 当天缓存 — 同一天内不重复调用，节省 API 费用
• 全局节流 — 2 秒最小请求间隔 + 实例级可配置延迟（0~10 秒），避免多实例同时请求被限频

网页预览模块

• 内嵌浏览器 — 在仪表盘内嵌入网页，无需切换窗口
• 三层缩放架构 — viewport → wrapper（transform scale/translate）→ iframe，精确控制缩放和平移
• 工具栏 — URL 输入栏 + 缩放按钮（➖/➕）+ X/Y 偏移 + 🔄 刷新
• 完整沙箱 — 支持页面内登录、OAuth 弹窗等完整浏览器交互

网页视频模块

• 内嵌视频播放 — 基于 Electron <webview> 在仪表盘内播放视频网站
• 独立会话 — 每个实例使用独立 partition，支持同时登录不同账号
• 三层缩放架构 — 同网页预览，支持缩放、平移、刷新
• 弹幕屏蔽 — 自动注入 CSS 屏蔽 B 站等网站的广告弹幕

8 款精美主题

支持通过顶部工具栏一键切换主题，也可在设置中自定义卡片背景色和透明度。

讨论

若阁下有独到的见解或新颖的想法，诚邀您在文章下方留言，与大家共同探讨。