Stream2Grid (Obsidian Scout)

Stream2Grid 是一个轻量级的浏览器侧边栏扩展，它为你提供了一个强大的“信息缓冲区”。无论你是 Obsidian 用户，还是需要临时收集资料的研究者，都可以在浏览网页时，通过简单的“拖拽”操作，快速收集文本、图片和链接。对于 Obsidian 用户，更提供了一键导出为 Obsidian Canvas (.canvas) 格式的专属支持。

🚀 核心特性

• 信息缓冲区：一个常驻浏览器侧边栏的灵感收集空间，随手拖入，即时整理。
• 极简采集流：在浏览器侧边栏以垂直列表形式管理你的灵感。
• 混合拖拽：支持从网页直接拖入，也支持列表内自由排序。
• Obsidian 联动：导出时自动将列表转化为 Obsidian 中的二维网格布局，实现“一维采集，二维整理”。
• 离线存储：使用 IndexedDB 存储，数据不出本地，安全可靠。

🛠️ 如何在本地运行 (开发模式)

如果你想尝试或参与开发这个项目，请按照以下步骤操作：

1. 克隆仓库

git clone https://github.com/RunMintOn/Stream2Grid.git
cd Stream2Grid

2. 安装依赖

建议使用 npm 或 pnpm:

npm install

3. 启动开发服务器

npm run dev

运行后，Vite 会在项目根目录下生成一个 dist 文件夹（由于使用了 CRXJS，它会实时监听变化）。

4. 加载扩展程序到 Chrome

1. 打开 Chrome 浏览器，访问 chrome://extensions/。
2. 开启右上角的 “开发者模式” (Developer mode)。
3. 点击 “加载已解压的扩展程序” (Load unpacked)。
4. 选择本项目中的 dist 目录。

5. 使用说明

1. 点击浏览器右上角的扩展图标，将 Stream2Grid 固定。
2. 点击图标打开 Side Panel（侧边栏）。
3. 开始采集：直接将网页上的文字、图片拖入侧边栏，或者使用右键菜单（如果已实现）。
4. 导出：点击顶部的 Export 按钮，会下载一个包含 .canvas 文件和图片的压缩包。
5. 导入 Obsidian：将压缩包内容解压到你的 Obsidian 库中即可。

📅 开发路线

目前项目处于 V2.0 阶段，核心逻辑为“采集流 -> 知识网格”。更多细节请查看 devdoc2.0.md。

📄 开源协议

MIT