AI导哈

Notion页面查看器

一个基于Streamlit的应用程序，用于在网页上查看Notion页面的内容，支持多种视图模式和高级配置选项。

  • by ar-codelabs
  • Python
  • 本地部署
  • 更新于
在 GitHub 查看 ar-codelabs/MCP_NotionMCP_Webviewer

使用说明

📄 Notion页面查看器

可以在Web上查看Notion页面内容的Streamlit应用程序。

主要功能

🔍 4种查看模式

  1. 全部内容 -显示所有内容，包括切换、图像和子页面
  2. 标题+图像 -仅显示主页的标题和图像
  3. 子页面 -链接子页面的标题列表
  4. 原始数据 -JSON格式的原始数据（用于调试）

🚀 快速入门

1.安装

git clone https://github.com/ar-codelabs/MCP_NotionMCP_Webviewer.git
cd MCP_notion_webviewer

# 설치
pip install -r requirements.txt

2.Notion设置

  1. developers.notion.com/）中创建集成
  2. 复制Integration Token
  3. 将Integration连接到您想要查看的Notion页面
  4. 复制页面ID（从URL提取）

3.修改配置文件（Notion）

application/mcp.json 在文件中：

{
  "mcpServers": {
    "notion": {
      "command": "python3",
      "args": ["./application/mcp_server_notion.py"],
      "env": {
        "NOTION_API_KEY": "your_notion_integration_token",
        "NOTION_PAGE_ID": "your_notion_page_id"
      }
    }
  }
}

4.运行

streamlit run application/app_webview_mcp_simple.py

📖 使用方法

1.连接Web应用程序

  • 从浏览器连接

2.利用4个按钮

  • 🔍 全部内容：结构化显示页面的所有内容
  • 🖼️ 标题+图像：只显示标题和图像
  • 📑 子页面：链接子页面的标题列表和链接
  • 🔧 原始数据：验证开发者的JSON数据

3.支持的Notion块

  • 文本（paragraph）
  • 헤딩 （标题1、标题2、标题3）
  • 리스트 （bulleted_list_item，编号_list_items）
  • 切换（toggle）
  • 图像（image）
  • 代码（code）
  • 引文（quote）
  • 列（column_list，column）
  • 子页面（child_page）

🔧 高级设置

查找Notion页面ID

  1. Notion页面URL： https://notion.so/페이지제목-abc123def456...
  2. 最后一个连字符后的32位字符串是页面ID
  3. 删除连字符： abc123def456...

更改端口

# MCP 방식
streamlit run application/app_webview_mcp_simple.py --server.port 8502

🛠️ 技术堆栈

共同

  • 前端：流光灯
  • API：通知API（通知客户端）
  • 语言：Python 3.8+

添加MCP方式

  • 主控程序：模型上下文协议
  • 建筑：断开Server-Client
  • 模块化：可重复使用的MCP服务器

📝 注意事项

  • Notion Integration必须具有页面读取权限
  • 图像使用Notion的临时URL，可能会在一段时间后过期
  • 对于大页面，加载时间可能会延长

相关 MCP