ChatGPT Jupyter 扩展项目教程

ChatGPT Jupyter 扩展项目教程

项目目录结构及介绍

chat-gpt-jupyter-extension/
├── LICENSE
├── README.md
├── background.js
├── content.js
├── manifest.json
├── options.html
├── options.js
└── popup.html
└── popup.js

• LICENSE: 项目的许可证文件。
• README.md: 项目的说明文档。
• background.js: 扩展的后台脚本。
• content.js: 注入到 Jupyter Notebook 页面的内容脚本。
• manifest.json: 扩展的清单文件，包含扩展的配置信息。
• options.html: 扩展的选项页面。
• options.js: 选项页面的脚本。
• popup.html: 扩展的弹出页面。
• popup.js: 弹出页面的脚本。

项目启动文件介绍

• background.js: 这是扩展的后台脚本，负责处理扩展的后台逻辑。它会在浏览器启动时自动运行。
• content.js: 这是注入到 Jupyter Notebook 页面的内容脚本，负责与页面进行交互，提供 ChatGPT 的功能。

项目配置文件介绍

• manifest.json: 这是扩展的清单文件，包含扩展的配置信息。以下是该文件的部分内容示例：

{
  "manifest_version": 2,
  "name": "ChatGPT Jupyter Extension",
  "version": "1.0",
  "description": "A browser extension that lets you chat with ChatGPT from any local Jupyter notebook.",
  "permissions": [
    "activeTab",
    "storage"
  ],
  "background": {
    "scripts": ["background.js"],
    "persistent": false
  },
  "content_scripts": [
    {
      "matches": ["http://localhost:8888/*"],
      "js": ["content.js"]
    }
  ],
  "browser_action": {
    "default_popup": "popup.html",
    "default_icon": {
      "16": "images/icon-16.png",
      "48": "images/icon-48.png",
      "128": "images/icon-128.png"
    }
  },
  "options_ui": {
    "page": "options.html",
    "open_in_tab": true
  }
}

• manifest_version: 指定清单文件的版本。
• name: 扩展的名称。
• version: 扩展的版本号。
• description: 扩展的描述。
• permissions: 扩展所需的权限。
• background: 后台脚本的配置。
• content_scripts: 内容脚本的配置。
• browser_action: 浏览器动作的配置，包括弹出页面的设置。
• options_ui: 选项页面的配置。

以上是 ChatGPT Jupyter 扩展项目的基本教程，涵盖了项目的目录结构、启动文件和配置文件的介绍。希望这些信息能帮助你更好地理解和使用该项目。