Twitter for GitHub 项目教程

Twitter for GitHub 项目教程

twitter-for-github:hatched_chick: Twitter handles for GitHub项目地址:https://gitcode.com/gh_mirrors/tw/twitter-for-github

1. 项目的目录结构及介绍

twitter-for-github/
├── css/
│   └── style.css
├── js/
│   ├── background.js
│   ├── content.js
│   └── options.js
├── img/
│   └── icon-128.png
├── manifest.json
└── README.md

• css/: 包含项目的样式文件 style.css。
• js/: 包含项目的JavaScript文件，包括 background.js, content.js, 和 options.js。
• img/: 包含项目的图标文件 icon-128.png。
• manifest.json: 项目的配置文件。
• README.md: 项目的说明文档。

2. 项目的启动文件介绍

项目的启动文件主要是 manifest.json，它定义了扩展的基本信息和启动配置。

{
  "manifest_version": 2,
  "name": "Twitter for GitHub",
  "version": "1.0",
  "description": "Add Twitter avatars to GitHub comments",
  "permissions": [
    "https://github.com/*",
    "https://api.twitter.com/*"
  ],
  "background": {
    "scripts": ["js/background.js"],
    "persistent": false
  },
  "content_scripts": [
    {
      "matches": ["https://github.com/*"],
      "js": ["js/content.js"],
      "css": ["css/style.css"]
    }
  ],
  "icons": {
    "128": "img/icon-128.png"
  }
}

• manifest_version: 指定 manifest 文件的版本。
• name: 扩展的名称。
• version: 扩展的版本号。
• description: 扩展的描述。
• permissions: 扩展所需的权限。
• background: 后台脚本的配置。
• content_scripts: 内容脚本的配置。
• icons: 扩展的图标。

3. 项目的配置文件介绍

项目的配置文件是 manifest.json，它包含了扩展的所有配置信息，如上所述。这个文件是 Chrome 扩展的核心配置文件，定义了扩展的基本信息、权限、脚本等。

twitter-for-github:hatched_chick: Twitter handles for GitHub项目地址:https://gitcode.com/gh_mirrors/tw/twitter-for-github