Notion Page Viewer

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/) Integration
2. Integration Token
3. Notion Integration
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.

2. 4

• ** **:
• ** + **:
• ** **:
• ** **: JSON

3. Notion

• (paragraph)
• (heading_1, heading_2, heading_3)
• (bulleted_list_item, numbered_list_item)
• (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

• Frontend: Streamlit
• API: Notion API (notion-client)
• Language: Python 3.8+

MCP

• MCP: Model Context Protocol
• Architecture: Server-Client
• Modularity: MCP

• Notion Integration
• Notion URL

服务配置

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

来源

• 来源：github
• 链接：https://github.com/ar-codelabs/MCP_NotionMCP_Webviewer