github profile 技能图标生成器

请不要在回答技术问题时复制粘贴 AI 生成的内容

This topic created in 973 days ago, the information mentioned may be changed or developed.

早上想更新一下 github profile 发现写 skill icon 很麻烦，花了几分钟写了一个 Skill Icon Generate
效果如下，如果您也跟我一样是个懒人，可以尝试使用这个项目快速定义技能图标
项目地址

https://github.com/GeekyWizKid/skill-icon-generate
效果

Supplement 1 Sep 12, 2023

Usage

Clone this repo
Install dependencies

npm install

Run the script

node app.js

Open http://localhost:3000/ in your browser
Select the icon you want to generate
Copy the generated code and paste it into your GitHub profile

10 replies 2023-09-12 16:22:35 +08:00

theprimone
Sep 12, 2023

没太看懂，如果只是预览图标的话，用 https://icones.js.org/collection/skill-icons 不也挺好？

passive

Sep 12, 2023 via Android

江湖杂耍：刀枪剑戟，斧钺钩叉，棍槊棒，鞭锏锤抓，拐子流星，带尖儿，带刺儿的，带锁链儿的，带倒齿钩的，带峨嵋刺儿的…

LDa

Sep 12, 2023

@theprimone 嗯是我没描述清楚，就是选择图标后在底下会生成一段 markdown 文本段直接拷到 README 就能用了

LDa

Sep 12, 2023

@theprimone [![My Skills]( https://skillicons.dev/icons?i=bash,c,cpp,css,codepen,git,github,idea,java,Javascript,linux,python,vscode&theme=light)]( https://skillicons.dev)

LDa

Sep 12, 2023

@passive 继斜杠青年后流行 skill icon 青年了

theprimone

Sep 12, 2023

那哪里还用得着 node 启动啊，随便找个静态站点部署一下多好，所见即所得多好。

theprimone

Sep 12, 2023

另外看到官方 Image Builder 都 Coming Soon 了，不知道效果咋样，不过你这么一说，我也整点图标玩玩，哈哈。

LDa

Sep 12, 2023

theprimone 原始版本我是让 chatgpt 写的，能跑我也懒得改了哈哈哈

theprimone

Sep 12, 2023

@dasvenxx 这么一说，GPT 写了你改了多少？

LDa

Sep 12, 2023

1. const skill = icon.replace('.svg', '').toLocaleLowerCase().replace(/-(light|dark)$/, '');
增加了 .toLocaleLowerCase().replace(/-(light|dark)$/, '');
2. const markdown = \`[![My Skills]( https://skillicons.dev/icons?i=\`+skillList+\`&theme=\`+themeSelect+\`)]( https://skillicons.dev)\`;
将${} 修改为字符串拼接