skill-icons

Overview

GitHubGitHub

**skill-icons** 是一个开源项目，用于在 GitHub README 或简历页面中嵌入编程语言、框架和工具的 SVG 图标。它由 Cloudflare Workers 驱动，用户无需本地安装任何依赖，只需构造一个包含技能 ID 的 URL 即可生成对应的图标组合。 ### 主要能力 - **URL 参数指定图标**：通过在 `skillicons.dev/icons?i=` 后追加逗号分隔的技能 ID（如 `js,html,css,wasm`），即可渲染对应图标。 - **主题切换**：支持 `dark` 和 `light` 两种背景主题，默认使用 dark 主题。通过 `&theme=light` 参数可切换为浅色背景。 - **每行图标数量控制**：通过 `&perline` 参数设置每行显示的图标数量，取值范围为 1 到 50，默认为 15。 - **自动缩放与居中**：生成的 SVG 会自动调整尺寸，可以使用标准 HTML 标签（如 `<p align="center">`）实现居中排版。 - **丰富的图标库**：内置大量技术栈图标，涵盖语言（C、CPP、Dart、Rust 等）、框架（Angular、Django、React 等）、工具（Docker、Git、Figma 等）以及平台（AWS、Azure、GCP 等）。 ### 适用场景 适合开发者在 GitHub 个人主页 README 中快速展示自己的技术栈，或在在线简历中嵌入统一的技能标识。由于不接受直接提交图标的 Pull Request，若需新增图标需要通过 Issue 提出请求。

Q&A

如何在我的 GitHub README 中使用 skill-icons？AI-generated

将形如 `[](https://skillicons.dev)` 的 Markdown 代码复制并粘贴到你的 README 文件中，把 `i=` 后面的内容替换为你需要的技能 ID 即可。

可以自定义每行显示多少个图标吗？AI-generated

可以。在 URL 中添加 `&perline=数字` 参数，数字范围为 1 到 50。如果不指定该参数，默认每行显示 15 个图标。

如何切换图标的背景主题？AI-generated

在 URL 中添加 `&theme=light` 或 `&theme=dark` 参数。默认主题为 dark（深色背景），light 主题会使用白色背景。

我可以提交 Pull Request 来添加新图标吗？AI-generated

不可以。为了保持图标风格一致并确保浏览器兼容性，项目不接受用于提交图标的 Pull Request。如果需要添加新图标，请提交一个 Issue。

skill-icons 的后端基于什么技术？AI-generated

该项目由 Cloudflare Workers 提供支持。