首页/新闻资讯/正文详情

skill-icons 技能图标速成指南:3 个 URL 参数把 GitHub 文字墙变成图标墙

发布时间:2026/11/3 18:49:29 来源:云帆数科 栏目:资讯中心
skill-icons 技能图标速成指南:3 个 URL 参数把 GitHub 文字墙变成图标墙
skill-icons 技能图标速成指南3 个 URL 参数把 GitHub 文字墙变成图标墙【免费下载链接】skill-iconsShowcase your skills on your Github readme or resumé with ease ✨项目地址: https://gitcode.com/gh_mirrors/sk/skill-icons简历改好了可招聘官打开你的 GitHub 主页技术栈还是一段干巴巴的文字罗列扫一眼就被划走——这个翻车瞬间不少人经历过。skill-icons 是一个开源技能图标墙项目往 README 里粘贴一行代码你的技术栈就会实时渲染成彩色图标墙三秒让对方 get 到你的全部实力。能力边界速览它不是一个本地图标库而是由 Cloudflare Workers 驱动的动态渲染服务贴一行代码实时返回一张即用的 SVG。不用注册账号、不下载图片、不部署服务器能力边界如下能力项边界能覆盖200 技能图标覆盖语言js、py、go、框架react、spring、tensorflow、基建docker、kubernetes三大类免部署README 里贴一行代码Workers 实时渲染并返回 SVG自动适配尺寸随图标数量与行数自动缩放默认 dark 主题支持theme参数切换 light可延展SVG 源文件全部在 icons/本地克隆后可自行改色定制图 1skill-icons 深色主题图标墙彩色图标在深色背景下对比鲜明skill-icons 上手路径从文字墙到图标墙锁定你的技能 ID。每个技能都有唯一 IDJavaScript 是js、Python 是py、Docker 直接写docker。完整清单见 readme.md 底部的对照表也可以直接翻 icons/ 目录按文件名对照。拼出渲染链接。把需要的 ID 用英文逗号分隔塞进i参数后再包一层 markdown 图片语法[![My Skills](https://skillicons.dev/icons?ijs,html,css,wasm)](https://skillicons.dev)贴进 README 并刷新。提交后一排深色背景的 skill-icons 技能图标就出现了后续增删图标时 SVG 高度会自动重算无需手动改尺寸。默认深色底适合暗黑风主页如果你走浅色路线在链接后追加themelight图标墙就换白色底图 2skill-icons 亮色主题图标墙与白色页面自然融合skill-icons 主题切换与排版调参切换深浅主题。适用场景主页整体是浅色时默认黑底会显得突兀。关键参数themelight或themedark只接受这两个值。实际效果图标背景换成白底自然融入浅色页面图标本身的配色不变。[![My Skills](https://skillicons.dev/icons?ijava,kotlin,nodejsthemelight)](https://skillicons.dev)控制每行数量。适用场景图标一多默认单行排布就显得松散。关键参数perline3取值 1 到 50不填默认 15。实际效果图标自动换行图标墙更短、更聚焦核心技能。居中展示图标墙。适用场景想让它正位居中挂在主页上。关键参数用p aligncenter标签包裹链接即可。实际效果渲染结果本身就是一张图片按普通图片的居中方式处理就行。短别名少敲键盘。适用场景全称太长链接看得眼花。关键参数js→javascript、py→python、k8s→kubernetes、next→nextjs 等内置别名。实际效果链接更短日后维护改起来更省心。想再往深里定制配色可用git clone https://gitcode.com/gh_mirrors/sk/skill-icons把仓库拉到本地所有 SVG 源文件都在icons/目录里。不同身份怎么用场景对号入座当你是求职中的后端工程师。图标墙直接放在简介正下方?ijava,spring,mysql,redis,docker,kafkathemedark岗位关键词排在第一排面试官扫一眼就能确认匹配度。当你是全栈开发者。别堆在一起按领域拆三组分别生成前端?ireact,vue,ts,tailwind、后端?inodejs,go,postgres、工具?idocker,git,linux,vscode组间用分隔线隔开。踩坑前先看这里高频问题一句话解决图标加载慢 → 控制单次渲染的数量或本地克隆仓库部署彻底脱离外部依赖想改图标配色 → 全部是 SVG 矢量文件本地克隆后用任意 SVG 编辑器改即可图标墙出不来 → 检查i参数里有没有中文逗号或多余空格theme只接受 dark 与 light不确定默认值 → 主题默认 darkperline默认每行 15 个、上限 50想新增图标 → 项目不接受直接提交图标的 PR提一个 issue 说明你需要的技能由维护者评估后添加去 README 里贴上第一行代码吧三分钟的改动长期受益 【免费下载链接】skill-iconsShowcase your skills on your Github readme or resumé with ease ✨项目地址: https://gitcode.com/gh_mirrors/sk/skill-icons创作声明:本文部分内容由AI辅助生成(AIGC),仅供参考

相关推荐

【系统设计(1)】系统设计入门方法论
【系统设计(1)】系统设计入门方法论

/* MD / 富文本中的 .toc(含博客园搬家等嵌套结构);.toc-box 在侧栏,不受影响 */#content_views .toc,/* 编辑器常在目录前后插入空 p(:empty 仍占 20px),一并去掉避免顶空隙 */#content_views.markdown_views > p:empty:has(+ .toc),#content_views.markdown_views … · 2026/11/3 18:48:29

RLPR-Qwen2.5:无验证器也能实现推理飞跃?
RLPR-Qwen2.5:无验证器也能实现推理飞跃?

RLPR-Qwen2.5:无验证器也能实现推理飞跃? 【免费下载链接】RLPR-Qwen2.5-7B-Base 项目地址: https://ai.gitcode.com/OpenBMB/RLPR-Qwen2.5-7B-Base 导语:OpenBMB团队推出的RLPR-Qwen2.5-7B-Base模型,通过创新的RLPR框架实… · 2026/11/3 18:47:28

阿里通义Wan2.1图生视频模型轻量化部署与效率优化指南
阿里通义Wan2.1图生视频模型轻量化部署与效率优化指南

阿里通义Wan2.1图生视频模型轻量化部署与效率优化指南 阿里通义Wan2.1图生视频模型是一款高性能的AI视频生成工具,能够将文本描述或图像转化为高质量视频内容。本文将从技术原理、环境搭建、参数调优到行业应用四个维度,全面解析该模型的轻量化部署方案与… · 2026/11/3 18:47:28

c++程序字符型的实例讲解
c++程序字符型的实例讲解

前言 题目里的「字符型」指的是 C 的 char 类型。它不是「只能装一个字母」的容器,而是一个至少 8 位的小整数类型:sizeof(char) 恒为 1,但 1 个字节是多少位由实现决定(标准要求至少 8 位)。A 的本质是数值 65&#x… · 2026/11/3 19:33:24

导师退回问题清单:文献综述总被打回,AI 写论文工具到底怎么选?
导师退回问题清单:文献综述总被打回,AI 写论文工具到底怎么选?

每年开题、中期和定稿时,本科生和研究生最容易被退回的,往往不是“字不够多”,而是文献综述这一关:文献看似列了不少,却和研究问题对不上;引用看起来很规范,一查原文却对不上;图表、… · 2026/11/3 19:33:24

换成虚拟线程后,谁来限制下游并发?用 200 个任务验证 Semaphore 的位置
换成虚拟线程后,谁来限制下游并发?用 200 个任务验证 Semaphore 的位置

把 newFixedThreadPool(8) 换成 newVirtualThreadPerTaskExecutor() 时,原来的并发边界也可能一起变了。如果任务同步调用下游并等待返回,固定池的 8 个工作线程原本还限制着同时进行的调用数。 同样提交 200 个虚拟线程任务,本例无并发限制… · 2026/11/3 19:33:24

Bot 时代来了?从能力封装到数字员工,AI Agent 正在发生什么变化
Bot 时代来了?从能力封装到数字员工,AI Agent 正在发生什么变化

最近,AI Agent 领域出现了一个值得关注的变化:越来越多的讨论开始从 Skills 转向 Bot。 过去,我们关注如何给大模型增加能力:设计 Prompt、封装 Skills、接入 MCP、编排 Workflow。 现在,新的问题开始出现:… · 2026/11/3 19:33:24

C++一个函数如何调用其他.cpp文件中的函数
C++一个函数如何调用其他.cpp文件中的函数

一个函数调用其他.cpp文件中的函数使用VC或VS创建C项目的时候,会自动产生许多文件夹,其中有一个文件夹->源文件:在该文件下可以自定义许多.cpp文件,但是需要注意的是这里面的各个文件只能有一个文件中含有main()函数&#xff0… · 2026/11/3 19:33:24

空间智能终端正在从单点设备走向系统协同,行业竞争逻辑已经变了
空间智能终端正在从单点设备走向系统协同,行业竞争逻辑已经变了

过去几年,空间智能终端的竞争集中在硬件本身:摄像头像素、门锁识别速度、面板响应时间、传感器精度。但当一个项目从几百台设备扩展到几万台,从单一住宅延伸到公寓、酒店、商业、园区多业态共存时,真正的瓶颈不再是某个终端够不够… · 2026/11/3 19:32:24

双极步进电机控制实战:DRV8818PWPR与PIC18F86K22驱动调试
双极步进电机控制实战:DRV8818PWPR与PIC18F86K22驱动调试

/* MD / 富文本中的 .toc(含博客园搬家等嵌套结构);.toc-box 在侧栏,不受影响 */#content_views .toc,/* 编辑器常在目录前后插入空 p(:empty 仍占 20px),一并去掉避免顶空隙 */#content_views.markdown_views > p:empty:has(+ .toc),#content_views.markdown_views … · 2026/11/2 13:10:28

STM32F207ZG + DRV8818PWPR 步进电机驱动实战解析
STM32F207ZG + DRV8818PWPR 步进电机驱动实战解析

/* MD / 富文本中的 .toc(含博客园搬家等嵌套结构);.toc-box 在侧栏,不受影响 */#content_views .toc,/* 编辑器常在目录前后插入空 p(:empty 仍占 20px),一并去掉避免顶空隙 */#content_views.markdown_views > p:empty:has(+ .toc),#content_views.markdown_views … · 2026/11/3 6:04:24

DRV8818PWPR+dsPIC30F4013工业级双极步进电机控制方案
DRV8818PWPR+dsPIC30F4013工业级双极步进电机控制方案

/* MD / 富文本中的 .toc(含博客园搬家等嵌套结构);.toc-box 在侧栏,不受影响 */#content_views .toc,/* 编辑器常在目录前后插入空 p(:empty 仍占 20px),一并去掉避免顶空隙 */#content_views.markdown_views > p:empty:has(+ .toc),#content_views.markdown_views … · 2026/11/3 5:52:46

STM32F411RE与MAX14431实现SPI隔离:工业现场抗共模干扰实战
STM32F411RE与MAX14431实现SPI隔离:工业现场抗共模干扰实战

/* MD / 富文本中的 .toc(含博客园搬家等嵌套结构);.toc-box 在侧栏,不受影响 */#content_views .toc,/* 编辑器常在目录前后插入空 p(:empty 仍占 20px),一并去掉避免顶空隙 */#content_views.markdown_views > p:empty:has(+ .toc),#content_views.markdown_views … · 2026/11/3 1:01:59

ESP32+大模型AI硬件开发:从Demo到产品的8个工程问题
ESP32+大模型AI硬件开发:从Demo到产品的8个工程问题

/* MD / 富文本中的 .toc(含博客园搬家等嵌套结构);.toc-box 在侧栏,不受影响 */#content_views .toc,/* 编辑器常在目录前后插入空 p(:empty 仍占 20px),一并去掉避免顶空隙 */#content_views.markdown_views > p:empty:has(+ .toc),#content_views.markdown_views … · 2026/11/3 1:01:59

基于MAX14431BAEE+与PIC18F85J10的SPI隔离方案设计与实践
基于MAX14431BAEE+与PIC18F85J10的SPI隔离方案设计与实践

/* MD / 富文本中的 .toc(含博客园搬家等嵌套结构);.toc-box 在侧栏,不受影响 */#content_views .toc,/* 编辑器常在目录前后插入空 p(:empty 仍占 20px),一并去掉避免顶空隙 */#content_views.markdown_views > p:empty:has(+ .toc),#content_views.markdown_views … · 2026/11/3 1:01:59

双极步进电机控制实战:DRV8818PWPR与PIC18F86K22驱动调试
双极步进电机控制实战:DRV8818PWPR与PIC18F86K22驱动调试

/* MD / 富文本中的 .toc(含博客园搬家等嵌套结构);.toc-box 在侧栏,不受影响 */#content_views .toc,/* 编辑器常在目录前后插入空 p(:empty 仍占 20px),一并去掉避免顶空隙 */#content_views.markdown_views > p:empty:has(+ .toc),#content_views.markdown_views … · 2026/11/2 13:10:28

STM32F207ZG + DRV8818PWPR 步进电机驱动实战解析
STM32F207ZG + DRV8818PWPR 步进电机驱动实战解析

/* MD / 富文本中的 .toc(含博客园搬家等嵌套结构);.toc-box 在侧栏,不受影响 */#content_views .toc,/* 编辑器常在目录前后插入空 p(:empty 仍占 20px),一并去掉避免顶空隙 */#content_views.markdown_views > p:empty:has(+ .toc),#content_views.markdown_views … · 2026/11/3 6:04:24

DRV8818PWPR+dsPIC30F4013工业级双极步进电机控制方案
DRV8818PWPR+dsPIC30F4013工业级双极步进电机控制方案

/* MD / 富文本中的 .toc(含博客园搬家等嵌套结构);.toc-box 在侧栏,不受影响 */#content_views .toc,/* 编辑器常在目录前后插入空 p(:empty 仍占 20px),一并去掉避免顶空隙 */#content_views.markdown_views > p:empty:has(+ .toc),#content_views.markdown_views … · 2026/11/3 5:52:46

了解更多?预约专属演示

我们的顾问将为您一对一讲解产品与方案

企业微信二维码