终极指南：如何在Obsidian中无缝集成网页应用
项目地址: https://gitcode.com/gh_mirrors/ob/ObsidianCustomFrames 想要在Obsidian笔记中直接使用Google日历、Todoist待办清单等网页工具吗？ObsidianCustomFrames插件正是你需要的解决方案！这款强大的插件能够将任何网页应用转化为Obsidian面板，实现真正的一站式工作流管理。🚀
🔥 为什么选择ObsidianCustomFrames？
ObsidianCustomFrames 是一个革命性的Obsidian插件，它通过iframe技术将外部网页应用无缝集成到你的笔记环境中。想象一下：在编写笔记的同时，旁边就是你的Google日历，随时查看日程安排；或者直接在Obsidian中使用Todoist管理任务，无需在不同应用间频繁切换。
ObsidianCustomFrames插件将Google日历完美嵌入笔记界面
✨ 核心功能亮点
🪟 面板模式：创建专属工作区
通过"Custom Frames: Open"命令，你可以将任何网页应用作为独立面板打开。无论是作为侧边栏工具还是主编辑区域，都能完美适配你的工作习惯。
📝 Markdown模式：内嵌网页内容
最令人兴奋的是，你可以在Markdown文档中直接嵌入网页应用！使用特殊的代码块语法，让网页内容成为笔记的一部分：
frame: Google Keep
style: height: 1000px;
urlSuffix: #reminders
⚙️ 高度自定义配置
在设置界面中，你可以：
- 添加预设或自定义框架
- 使用CSS美化网页显示
- 控制面板最小宽度
- 隐藏不必要的网页元素
详细的配置选项让你完全掌控嵌入体验
🚀 快速上手步骤
第一步：安装插件
在Obsidian社区插件市场中搜索"Custom Frames"，点击安装并启用。
第二步：添加框架
进入插件设置，从预设列表中选择或创建自定义框架。预设包括：
- Google Keep - 优化的侧边栏版本
- Google Calendar - 精简按钮的日历视图
- Todoist - 适合半高侧边面板
- Notion - 完整功能的笔记工具
第三步：开始使用
通过命令面板打开框架，或在Markdown中使用代码块语法嵌入。
💡 实用场景推荐
场景一：日历与笔记联动
在写作时，右侧嵌入Google日历，随时参考时间安排，快速创建与日期相关的笔记。
场景二：任务管理一体化
将Todoist嵌入Obsidian，在记录灵感的同时直接创建任务，实现思维捕捉与任务执行的完美结合。
场景三：知识收集工作流
使用Google Keep快速收集信息，然后通过Obsidian的强大链接功能整理成结构化知识。
🔧 技术架构解析
ObsidianCustomFrames的核心代码位于src/目录，主要包含：
- main.ts - 插件主入口和生命周期管理
- **settings.ts
创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考
