想要在Obsidian中直接使用Google Keep、Todoist、Notion等网页应用吗？Obsidian Custom Frames插件正是您需要的终极解决方案！这款强大的插件通过iframe技术将任何网页应用转化为Obsidian中的独立面板，让您的工作流程更加高效统一。🚀

【免费下载链接】ObsidianCustomFrames An Obsidian plugin that turns web apps into panes using iframes with custom styling. Also comes with presets for Google Keep, Todoist and more. 项目地址: https://gitcode.com/gh_mirrors/ob/ObsidianCustomFrames

🤔 为什么选择Custom Frames插件？

Obsidian Custom Frames是一款革命性的Obsidian插件，它能够将您日常使用的网页应用无缝集成到知识管理系统中。想象一下，在编写笔记的同时，右侧就是您的Google Keep待办清单，或者中央就是Google Calendar日程安排 - 这一切都无需切换应用！

🛠️ 快速上手：3分钟安装配置

第一步：安装插件

在Obsidian的社区插件市场中搜索"Custom Frames"，点击安装并启用。

第二步：添加预设框架

进入插件设置，您会发现多个预配置的网页应用：

• Google Keep - 优化的侧边栏笔记管理
• Google Calendar - 精简界面的日历视图
• Todoist - 适合半高侧面板的任务管理
• Notion - 建议关闭侧边栏以获得更好体验
• Twitter、Obsidian论坛等

🎯 核心功能详解

1. 面板模式：独立工作区

使用"Custom Frames: Open"命令，您可以将任何网页应用作为独立面板打开。这对于多任务处理特别有用 - 比如一边写笔记，一边查看日历安排。

2. Markdown模式：内嵌显示

更酷的是，您可以在Markdown文档中直接嵌入网页应用：

frame: Google Keep
style: height: 1000px;
urlSuffix: #reminders

⚙️ 高级自定义技巧

自定义CSS美化界面

在框架设置中，您可以添加自定义CSS代码来优化界面。例如，隐藏Google Keep的菜单栏和logo：

/* 隐藏菜单栏和"Keep"logo及文本 */
.PvRmvb-qAWA2, .gb_2d.gb_2c { 
  display: none !important; 
}

移动端优化策略

虽然插件支持移动端，但某些需要登录的网站在移动端可能无法正常工作。您可以为桌面专用框架启用"在移动端禁用"选项。

📈 实际应用场景

个人知识管理

• 在Obsidian中直接访问Google Keep查看待办事项
• 将Notion页面嵌入作为参考资料
• 使用Todoist管理任务而不离开编辑器

团队协作

• 嵌入Google Calendar共享团队日程
• 使用Obsidian论坛获取最新资讯

🔧 技术架构概览

Obsidian Custom Frames基于Electron的webview技术构建，支持完整的iframe功能。主要源码文件包括：

• main.ts - 插件主入口和核心逻辑
• settings.ts - 配置管理和预设框架定义
• frame.ts - 框架管理和渲染控制

🚀 未来发展方向

根据项目路线图，即将推出的功能包括：

• 创建在自定义框架中打开的外部链接
• 为Markdown模式添加更多选项
• 可能支持从网页提取文本到笔记

💡 实用小贴士

1. 会话共享：启用Obsidian的Web Viewer核心插件，与Custom Frames共享会话信息
2. 宽度设置：为侧边面板设置合适的宽度（如370px）
3. 预设利用：充分利用已有的预设配置，快速开始使用

🎉 开始您的集成之旅

Obsidian Custom Frames不仅仅是一个插件，更是您工作流程优化的催化剂。通过将常用网页应用无缝集成到Obsidian中，您将体验到前所未有的工作效率提升。

立即安装Custom Frames，开启您的一体化知识管理新时代！✨

【免费下载链接】ObsidianCustomFrames An Obsidian plugin that turns web apps into panes using iframes with custom styling. Also comes with presets for Google Keep, Todoist and more. 项目地址: https://gitcode.com/gh_mirrors/ob/ObsidianCustomFrames