Obsidian 插件：Notelets

概述

1. 主要功能 Notelets 允许用户在 Obsidian 中创建、导入和编辑交互式前端应用。它将 HTML、CSS 和 JavaScript 嵌入到普通的 Markdown 笔记中，使其在 Obsidian 内渲染为可交互的界面。支持从空白模板创建，或导入独立的 HTML 文件及完整的前端项目文件夹。

2. 适用场景 适合需要在笔记中嵌入轻量级工具、数据可视化、交互式表单或迷你应用的用户。例如，在笔记中嵌入待办事项清单、计算器、图表或简单的游戏，实现“笔记即应用”的体验。

3. 核心特色

• 交互持久化：通过存储桥接保留 localStorage 数据，确保应用状态在会话间持续存在。
• 资源智能处理：自动内联本地 CSS/JS，并将图片、音频等二进制资源作为独立文件存入仓库，避免 Markdown 文件因 Base64 编码而膨胀。
• 动态资源支持：支持动态引用的资产（如 JS 动态加载的图片）。
• 源码可编辑：随时切换至源码模式直接修改嵌入的应用代码。

4. 使用建议 建议将 Notelets 用于增强笔记的交互性，而非替代传统文本记录。导入前端项目时，确保依赖关系完整。对于大型媒体文件，插件会自动优化存储，用户无需手动处理 Base64。注意该插件尚未经过 Obsidian 官方人工审核，使用前请备份数据。