GitHub 动图插件

一个浏览器扩展，方便搜索 GIPHY 并将动图添加到任何 GitHub 评论框中。

示例图片

安装

[link-chrome]: https://chrome.google.com/webstore/detail/gifs-for-github/dkgjnpbipbdaoaadbdhpiokaemhlphep 'Chrome 网上应用店发布版本' [link-firefox]: https://addons.mozilla.org/en-US/firefox/addon/gifs-for-github/ 'Mozilla 附加组件发布版本'

[ Chrome ][link-chrome] [][link-chrome]

[ Firefox ][link-firefox] [][link-firefox]

贡献

git clone https://github.com/N1ck/gifs-for-github
cd gifs-for-github
pnpm install

pnpm run watch # Listen to file changes and automatically rebuild

调试模式

在开发时，您可以通过设置 DEBUG 环境变量来启用调试模式：

DEBUG=true npm run build

这将在使用扩展时输出带有 🎨 前缀的有用日志。

构建完成后，使用 web-ext 在您选择的浏览器中加载它：

npx web-ext run --target=chromium # Open extension in Chrome

npx web-ext run # Open extension in Firefox

或者你可以在Chrome中手动加载或Firefox。

如果你想了解我为什么开发这个扩展，以及我遇到的一些挑战，请查看我的[博客文章][link-blogpost]。

[link-cws]: https://chrome.google.com/webstore/detail/gifs-for-github/dkgjnpbipbdaoaadbdhpiokaemhlphep?hl=en 'Chrome 网上应用店发布的版本' [link-amo]: https://addons.mozilla.org/en-US/firefox/addon/gifs-for-github/ 'Mozilla 附加组件发布的版本' [link-blogpost]: https://medium.com/we-build-vend/helping-engineers-gif-their-best-life-challenges-faced-when-building-the-gifs-for-github-f0cac9dd8fa5 "帮助工程师以最佳方式使用GIF：构建“GIFs for GitHub”扩展时遇到的挑战"

--- Tranlated By Open Ai Tx | Last indexed: 2026-03-07 ---