├── .prettierignore ├── .editorconfig ├── src ├── category │ ├── store.js │ ├── food.js │ ├── group.js │ ├── blog.js │ ├── os.js │ ├── funding.js │ ├── contact.js │ ├── streaming.js │ ├── index.js │ ├── games.js │ ├── workspace.js │ ├── sound.js │ ├── social.js │ └── skills.js ├── config.js └── template.md ├── .prettierrc ├── package.json ├── LICENSE ├── scripts └── index.js ├── README.md └── ForTheBadge.md /.prettierignore: -------------------------------------------------------------------------------- 1 | # Ignore artifacts: 2 | build 3 | coverage 4 | *.md -------------------------------------------------------------------------------- /.editorconfig: -------------------------------------------------------------------------------- 1 | root = true 2 | 3 | [*] 4 | indent_style = space 5 | indent_size = 2 6 | charset = utf-8 7 | trim_trailing_whitespace = false 8 | insert_final_newline = false -------------------------------------------------------------------------------- /src/category/store.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | 'Google Play': 'Google Play-414141?logo=google-play&logoColor=white', 3 | 'App Store': 'App Store-0D96F6?logo=app-store&logoColor=white' 4 | } 5 | -------------------------------------------------------------------------------- /src/category/food.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | 'Uber Eats': 'Uber Eats-5FB709?logo=uber-eats&logoColor=white', 3 | Aiqfome: 'Aiqfome-7A1FA2?logo=aiqfome&logoColor=white', 4 | ifood: 'ifood-EA1D2C?logo=ifood&logoColor=white' 5 | } 6 | -------------------------------------------------------------------------------- /src/category/group.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | Slack: 'Slack-4A154B.svg?logo=slack&logoColor=white', 3 | Discord: 'Discord-7289DA.svg?logo=discord&logoColor=white', 4 | Telegram: 'Telegram-2CA5E0.svg?logo=telegram&logoColor=white', 5 | Zoom: 'Zoom-2D8CFF?logo=zoom&logoColor=white' 6 | } 7 | -------------------------------------------------------------------------------- /src/category/blog.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | Medium: 'Medium-12100E.svg?logo=medium&logoColor=white', 3 | 'DEV.to': 'DEV.TO-0A0A0A.svg?logo=dev-dot-to&logoColor=white', 4 | blogger: 'blogger-FF5722.svg?logo=blogger&logoColor=white', 5 | RSS: 'RSS-FFA500.svg?logo=rss&logoColor=white' 6 | } 7 | -------------------------------------------------------------------------------- /.prettierrc: -------------------------------------------------------------------------------- 1 | { 2 | "trailingComma": "none", 3 | "tabWidth": 2, 4 | "useTabs": false, 5 | "semi": false, 6 | "singleQuote": true, 7 | "jsxSingleQuote": true, 8 | "jsxBracketSameLine": true, 9 | "arrowParens": "avoid", 10 | "endOfLine": "lf", 11 | "bracketSpacing": true, 12 | "htmlWhitespaceSensitivity": "strict" 13 | } 14 | -------------------------------------------------------------------------------- /src/category/os.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | Android: 'Android-3DDC84?logo=android&logoColor=white', 3 | iOS: 'iOS-000000?logo=ios&logoColor=white', 4 | windows: 'windows-0078D6?logo=windows&logoColor=white', 5 | 'windows 95': 'windows 95-008080?logo=windows-95&logoColor=white', 6 | 'windows xp': 'windows xp-003399?logo=windows-xp&logoColor=white' 7 | } 8 | -------------------------------------------------------------------------------- /src/category/funding.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | Bitcoin: 'Bitcoin-000000.svg?logo=bitcoin&logoColor=white', 3 | Liberapay: 'Liberapay-F6C915.svg?logo=liberapay&logoColor=black', 4 | Paypal: 'Paypal-00457C.svg?logo=paypal&logoColor=white', 5 | Kofi: 'Kofi-F16061.svg?logo=ko-fi&logoColor=white', 6 | Patreon: 'Patreon-F96854.svg?logo=patreon&logoColor=white' 7 | } 8 | -------------------------------------------------------------------------------- /src/category/contact.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | Whatsapp: 'Whatsapp-25D366?logo=whatsapp&logoColor=white', 3 | Gmail: 'Gmail-D14836?logo=gmail&logoColor=white', 4 | Messenger: 'Messenger-00B2FF?logo=messenger&logoColor=white', 5 | Protonmail: 'Protonmail-8B89CC?logo=protonmail&logoColor=white', 6 | Wechat: 'Wechat-7BB32E?logo=wechat&logoColor=white', 7 | QQ: 'QQ-EB1923?logo=tencent-qq&logoColor=white' 8 | } 9 | -------------------------------------------------------------------------------- /src/category/streaming.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | Youtube: 'Youtube-FF0000.svg?logo=youtube&logoColor=white', 3 | Twitch: 'Twitch-9146FF.svg?logo=twitch&logoColor=white', 4 | Youtube: 'Youtube gaming-FF0000?logo=youtube-gaming&logoColor=white', 5 | Facebook: 'Facebook gaming-005FED?logo=facebook-gaming&logoColor=white', 6 | Crunchyroll: 'Crunchyroll-F47521?logo=Crunchyroll&logoColor=white', 7 | Netflix: 'Netflix-E50914?logo=netflix&logoColor=white' 8 | } 9 | -------------------------------------------------------------------------------- /src/config.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | shieldURL: 'https://img.shields.io/badge/', 3 | menu: { 4 | contact: '📱 联系方式', 5 | group: '🤝 群组会议', 6 | social: '🌐 社交媒体', 7 | store: '🛒 App商店', 8 | os: '💻 操作系统', 9 | blog: '📝 博客', 10 | streaming: '🎞 流媒体', 11 | skills: '🚀 技能', 12 | workspace: '💻 工作配置', 13 | games: '🎮 游戏', 14 | funding: '❤️ 赞助支持', 15 | sound: '🎶 音乐', 16 | food: '🍔 食物' 17 | } 18 | } 19 | -------------------------------------------------------------------------------- /src/category/index.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | blog: require('./blog'), 3 | contact: require('./contact'), 4 | food: require('./food'), 5 | funding: require('./funding'), 6 | games: require('./games'), 7 | group: require('./group'), 8 | os: require('./os'), 9 | skills: require('./skills'), 10 | social: require('./social'), 11 | sound: require('./sound'), 12 | store: require('./store'), 13 | streaming: require('./streaming'), 14 | workspace: require('./workspace') 15 | } 16 | -------------------------------------------------------------------------------- /src/category/games.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | Playstation: 'Playstation-003791.svg?logo=playstation&logoColor=white', 3 | xbox: 'xbox-107C10.svg?logo=xbox&logoColor=white', 4 | Switch: 'Switch-E60012.svg?logo=nintendo-switch&logoColor=white', 5 | Steam: 'Steam-000000.svg?logo=steam&logoColor=white', 6 | 'counter strike': 'counter strike-000000.svg?logo=counter-strike', 7 | 'Itch.io': 'Itch.io-FA5C5C.svg?logo=itch.io&logoColor=white', 8 | Stadia: 'Stadia-CD2640?logo=stadia&logoColor=white', 9 | 'Nintendo 3ds': 'Nintendo 3ds-D12228?logo=nintendo-3ds&logoColor=white' 10 | } 11 | -------------------------------------------------------------------------------- /src/category/workspace.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | 'nvidia-gtx2080': 'nvidia-gtx2080-76B900.svg?logo=nvidia&logoColor=white', 3 | 'amd-Radeon RX 5500': 4 | 'amd-Radeon RX 5500-ED1C24.svg?logo=amd&logoColor=white', 5 | 'intel-core i7 10th': 6 | 'intel-core i7 10th-0071C5.svg?logo=intel&logoColor=white', 7 | 'amd-Ryzen 7 3800X': 'amd-Ryzen 7 3800X-ED1C24.svg?logo=amd&logoColor=white', 8 | 'windows-asus zenbook 3': 9 | 'windows-asus zenbook 3-0078D6.svg?logo=windows&logoColor=white', 10 | 'apple-mbp 2020': 'apple-mbp 2020-999999.svg?logo=apple&logoColor=white' 11 | } 12 | -------------------------------------------------------------------------------- /src/category/sound.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | spotify: 'spotify-1ED760.svg?logo=spotify&logoColor=white', 3 | deezer: 'deezer-FEAA2D.svg?logo=deezer&logoColor=white', 4 | audacity: 'audacity-0000CC.svg?logo=audacity&logoColor=white', 5 | 'apple podcasts': 'apple podcasts-9933CC?logo=apple-podcasts&logoColor=white', 6 | 'google podcasts': 7 | 'google podcasts-4285F4?logo=google-podcasts&logoColor=white', 8 | 'youtube music': 'youtube music-FF0000?logo=youtube-music&logoColor=white', 9 | 'apple music': 'apple music-000?logo=apple-music&logoColor=white', 10 | soundcloud: 'soundcloud-FF3300?logo=soundcloud&logoColor=white' 11 | } 12 | -------------------------------------------------------------------------------- /src/category/social.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | Facebook: 'Facebook-1877F2.svg?logo=facebook&logoColor=white', 3 | Instagram: 'Instagram-E4405F.svg?logo=instagram&logoColor=white', 4 | Twitter: 'Twitter-1DA1F2.svg?logo=twitter&logoColor=white', 5 | Linkedin: 'Linkedin-0077B5.svg?logo=linkedin&logoColor=white', 6 | Github: 'Github-100000.svg?logo=github&logoColor=white', 7 | Reddit: 'Reddit-FF4500.svg?logo=reddit&logoColor=white', 8 | Tiktok: 'Tiktok-000000.svg?logo=tiktok', 9 | XDA: 'XDA developers-F59812?logo=xda-developers&logoColor=white', 10 | Stack: 'Stack overflow-FE7A16?logo=stack-overflow&logoColor=white', 11 | Twitch: 'Twitch-blueviolet?logo=Twitch&logoColor=white' 12 | } 13 | -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "badge-collection", 3 | "version": "1.0.0", 4 | "description": "收集各种有意思的徽章，帮助你创建更加好看的 `README.md`，查看我的[示例](https://github.com/hawtim/hawtim)，欢迎 PR！", 5 | "scripts": { 6 | "lint": "npx prettier --write .", 7 | "build-ftb": "node scripts/index.js for-the-badge", 8 | "build-default": "node scripts/index.js", 9 | "build": "npm run build-default && npm run build-ftb" 10 | }, 11 | "repository": { 12 | "type": "git", 13 | "url": "git+https://github.com/hawtim/badge-collection.git" 14 | }, 15 | "author": "hawtim", 16 | "license": "MIT", 17 | "bugs": { 18 | "url": "https://github.com/hawtim/badge-collection/issues" 19 | }, 20 | "homepage": "https://github.com/hawtim/badge-collection#readme" 21 | } 22 | -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- 1 | MIT License 2 | 3 | Copyright (c) 2020 Hawtim Zhang 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy 6 | of this software and associated documentation files (the "Software"), to deal 7 | in the Software without restriction, including without limitation the rights 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 9 | copies of the Software, and to permit persons to whom the Software is 10 | furnished to do so, subject to the following conditions: 11 | 12 | The above copyright notice and this permission notice shall be included in all 13 | copies or substantial portions of the Software. 14 | 15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE 21 | SOFTWARE. 22 | -------------------------------------------------------------------------------- /src/template.md: -------------------------------------------------------------------------------- 1 | # badge-collection 2 | 3 | 收集各种有意思的徽章，帮助你创建更加好看的 `README.md`，查看我的[示例](https://github.com/hawtim/hawtim)，欢迎 PR！ 4 | 5 | [![code style: prettier](https://img.shields.io/badge/code_style-prettier-ff69b4.svg?style=flat-square)](https://github.com/prettier/prettier) 6 | ![prs](https://img.shields.io/badge/PRs-welcome-brightgreen.svg) 7 | 8 | ## 如何使用？ 9 | 10 | 在 markdown 中： 11 | 12 | 1. 复制下面的代码 13 | 2. 创建一个 img 标签 ` ` 14 | 3. 或者使用 md 语法 `![github](https://img.shields.io/badge/github-12100E.svg?&logo=github&logoColor=white)` 15 | 4. 复制并粘贴到你的 markdown 中 16 | 17 | ## 不同的样式 18 | 19 | ### [默认](https://github.com/hawtim/badge-collection/blob/main/README.md) 版本 20 | ![github](https://img.shields.io/badge/github-12100E.svg?&logo=github&logoColor=white) 21 | 22 | ### [ForTheBadge](https://github.com/hawtim/badge-collection/blob/main/ForTheBadge.md) 版本 23 | ![github](https://img.shields.io/badge/github-12100E.svg?&logo=github&logoColor=white&style=for-the-badge) 24 | 25 | 26 | 27 | ## 想在标签上加链接？ 28 | 29 | [![github](https://img.shields.io/badge/github-12100E.svg?&logo=github&logoColor=white&style=for-the-badge)](https://github.com/hawtim) 30 | 31 | 示例： 32 | `[![github](https://img.shields.io/badge/github-12100E.svg?&style=for-the-badge&logo=github&logoColor=white)](https://github.com/hawtim)` 33 | 34 | ## ✏ 自定义 35 | 36 | 你可以通过以下的 url 修改参数后得到不同款式的徽章： 37 | 38 | `https://img.shields.io/badge/{FIRST}-{SECONDARY}-%23{HEX-COLOR}.svg?&style=for-the-badge&logo={ICON}&logoColor=white` 39 | 40 | - 删掉 {SECONDARY} 获取更小尺寸的徽章 41 | - 获取 icon{ICON} 名称和对应的颜色{HEX-COLOR} [查看这里](https://simpleicons.org/) 42 | 43 | ## ❤ 更多 44 | 45 | 感谢 [Badges4-README.md-Profile](https://github.com/alexandresanlim/Badges4-README.md-Profile) 项目提供的灵感。 46 | 47 | 感谢 [Shields Project](https://github.com/badges/shields) 为这些徽章提供的服务。 48 | 49 | 关注：[![badge-collection](https://img.shields.io/github/followers/hawtim?label=GitHub&style=social)](https://github.com/hawtim) -------------------------------------------------------------------------------- /scripts/index.js: -------------------------------------------------------------------------------- 1 | const fs = require('fs') 2 | const config = require('../src/config') 3 | const category = require('../src/category') 4 | 5 | const shieldURL = config.shieldURL 6 | const menu = config.menu 7 | const tableHeader = ` 8 | Badge | Uri 9 | ------------ | ------------- 10 | ` 11 | 12 | const args = process.argv.splice(2) 13 | // 命令行传入的 style 参数 14 | const [style] = args 15 | // 生成目录块 16 | function buildMenu() { 17 | let categoryText = `## 分类 18 | 19 | ` 20 | Object.keys(menu).forEach(item => { 21 | const text = menu[item].split(' ')[1] 22 | categoryText += `- [${menu[item]}](#-${text}) 23 | ` 24 | }) 25 | return categoryText 26 | } 27 | // 生成表格 28 | function buildTableWithObject(obj) { 29 | let string = tableHeader 30 | Object.keys(obj).forEach(item => { 31 | const src = `${shieldURL}${obj[item]}${style ? '&style=' + style : ''}` 32 | string += ` | \`![${item}](${src})\` 33 | ` 34 | }) 35 | return string 36 | } 37 | // 首字母大写 38 | function fistLetterUpper(str) { 39 | return str.charAt(0).toUpperCase() + str.slice(1) 40 | } 41 | // 如果该分类下是数组。例如 skills 42 | function buildTableWithArray(arr) { 43 | let text = `` 44 | arr.forEach(item => { 45 | text += `### ${item.name} 46 | 47 | ` 48 | text += buildTableWithObject(item.badges) 49 | }) 50 | return text 51 | } 52 | 53 | function buildMarkdown() { 54 | let content = buildMenu() 55 | Object.keys(category).forEach(item => { 56 | content += ` 57 | ## ${menu[item]} 58 | ` 59 | if (item === 'skills') { 60 | content += buildTableWithArray(category[item]) 61 | } else { 62 | content += buildTableWithObject(category[item]) 63 | } 64 | }) 65 | fs.readFile(__dirname + '/../src/template.md', (err, data) => { 66 | if (err) { 67 | console.log(err) 68 | return 69 | } 70 | const text = data.toString().replace('', content) 71 | const filename = style 72 | ? style 73 | .split('-') 74 | .map(_ => fistLetterUpper(_)) 75 | .join('') 76 | : 'README' 77 | fs.writeFile(__dirname + `/../${filename}.md`, text, 'utf8', err => { 78 | if (err) { 79 | console.log(err) 80 | return 81 | } 82 | }) 83 | }) 84 | } 85 | 86 | buildMarkdown() 87 | -------------------------------------------------------------------------------- /src/category/skills.js: -------------------------------------------------------------------------------- 1 | module.exports = [ 2 | { 3 | name: '编程语言', 4 | badges: { 5 | Python: 'Python-3776AB.svg?logo=python&logoColor=white', 6 | Python: 'Python-14354C.svg?logo=python&logoColor=white', 7 | HTML: 'HTML-239120.svg?logo=html5&logoColor=white', 8 | HTML5: 'HTML5-E34F26.svg?logo=html5&logoColor=white', 9 | CSS: 'CSS-239120.svg?logo=css3&logoColor=white', 10 | CSS3: 'CSS3-1572B6.svg?logo=css3&logoColor=white', 11 | JavaScript: 'JavaScript-F7DF1E.svg?logo=javascript&logoColor=black', 12 | JavaScript: 'JavaScript-323330.svg?logo=javascript&logoColor=F7DF1E', 13 | TypeScript: 'TypeScript-007ACC.svg?logo=typescript&logoColor=white', 14 | Node: 'Node.js-43853D.svg?logo=node.js&logoColor=white', 15 | C: 'C-00599C.svg?logo=c&logoColor=white', 16 | 'C++': 'C++-00599C.svg?logo=c%2B%2B&logoColor=white', 17 | 'C#': 'C%23-239120.svg?logo=c-sharp&logoColor=white', 18 | Java: 'Java-ED8B00.svg?logo=java&logoColor=white', 19 | PHP: 'PHP-777BB4.svg?logo=php&logoColor=white', 20 | R: 'R-276DC3.svg?logo=r&logoColor=white', 21 | Swift: 'Swift-FA7343.svg?logo=swift&logoColor=white', 22 | Kotlin: 'Kotlin-0095D5.svg?logo=kotlin&logoColor=white', 23 | Go: 'Go-00ADD8.svg?logo=go&logoColor=white', 24 | Ruby: 'Ruby-CC342D.svg?logo=ruby&logoColor=white', 25 | Scala: 'Scala-DC322F.svg?logo=scala&logoColor=white', 26 | Rust: 'Rust-000000.svg?logo=rust&logoColor=white', 27 | Dart: 'Dart-0175C2.svg?logo=dart&logoColor=white', 28 | Lua: 'Lua-2C2D72.svg?logo=lua&logoColor=white', 29 | Perl: 'Perl-39457E.svg?logo=perl&logoColor=white', 30 | Flutter: 'Flutter-02569B.svg?logo=flutter&logoColor=white', 31 | Shell_script: 'Shell_script-121011.svg?logo=gnu-bash&logoColor=white' 32 | } 33 | }, 34 | { 35 | name: '前端库 / 框架', 36 | badges: { 37 | React: 'React-20232a.svg?logo=react&logoColor=61DAFB', 38 | Redux: 'Redux-593d88.svg?logo=redux&logoColor=white', 39 | React_Native: 'React_Native-20232a.svg?logo=react&logoColor=61DAFB', 40 | VueJS: 'Vue.js-35495e.svg?logo=vue.js&logoColor=4FC08D', 41 | Angular: 'Angular-DD0031.svg?logo=angular&logoColor=white', 42 | Angular: 'Angular.js-E23237.svg?logo=angularjs&logoColor=white', 43 | Material: 'Material ui-0081CB.svg?logo=material-ui&logoColor=white', 44 | Bootstrap: 'Bootstrap-563D7C.svg?logo=bootstrap&logoColor=white', 45 | jQuery: 'jQuery-0769AD.svg?logo=jquery&logoColor=white', 46 | tailwindcss: 'tailwindcss-38B2AC.svg?logo=tailwind-css&logoColor=white', 47 | Django: 'Django-092E20.svg?logo=django&logoColor=white', 48 | Rails: 'Rails-CC0000.svg?logo=ruby-on-rails&logoColor=white', 49 | Laravel: 'Laravel-FF2D20.svg?logo=laravel&logoColor=white', 50 | Spring: 'Spring-6DB33F.svg?logo=spring&logoColor=white', 51 | Flask: 'Flask-000.svg?logo=flask&logoColor=white', 52 | Sencha: 'Sencha-86BC40?logo=sencha&logoColor=white' 53 | } 54 | }, 55 | { 56 | name: '工作流', 57 | badges: { 58 | IntelliJ: 'IntelliJ IDEA-black?logo=intellij-idea&logoColor=white', 59 | Eclipse: 'Eclipse-2C2255?logo=eclipse&logoColor=white', 60 | VSCode: 'VSCode-007ACC?logo=visual-studio-code&logoColor=white', 61 | Markdown: 'Markdown-000000.svg?logo=markdown&logoColor=white', 62 | Docker: 'Docker-2496ED?logo=docker&logoColor=white', 63 | BitBucket: 'BitBucket-darkblue?logo=bitbucket', 64 | Git: 'Git-black?logo=git', 65 | gitlab: 'Gitlab-330f63.svg?logo=gitlab&logoColor=white' 66 | } 67 | }, 68 | { 69 | name: '未分类', 70 | badges: { 71 | 'xamarin forms': 'xamarin forms-3498DB.svg?logo=xamarin&logoColor=white', 72 | Elixir: 'Elixir-4B275F.svg?logo=elixir&logoColor=white', 73 | Unity: 'Unity-100000.svg?logo=unity&logoColor=white', 74 | Sap: 'Sap-0FAAFF?logo=sap&logoColor=white', 75 | Vercel: 'Vercel-333?logo=vercel', 76 | Ionic: 'Ionic-3880FF?logo=ionic&logoColor=white', 77 | NestJS: 'NestJS-E0234E?logo=nestjs&logoColor=white', 78 | Firebase: 'Firebase-FFCA28?logo=firebase&logoColor=white', 79 | JIRA: 'JIRA-0052CC?logo=jira', 80 | JFrog: 'JFrog-41BF47?logo=jfrog&logoColor=white' 81 | } 82 | }, 83 | { 84 | name: '设计', 85 | badges: { 86 | Sketch: 'Sketch-333?logo=sketch' 87 | } 88 | }, 89 | { 90 | name: 'Adobe', 91 | badges: { 92 | 'Adobe Photoshop': 93 | 'Adobe Photoshop-31A8FF?logo=Adobe-Photoshop&logoColor=white', 94 | 'Adobe Premiere Pro': 95 | 'Adobe Premiere Pro-EA77FF?logo=Adobe-Premiere-Pro&logoColor=white', 96 | 'Adobe Dreamweaver': 97 | 'Adobe Dreamweaver-FF61F6?logo=Adobe-Dreamweaver&logoColor=white', 98 | 'Adobe XD': 'Adobe XD-FF26BE?logo=Adobe-XD&logoColor=white', 99 | 'Adobe InDesign': 100 | 'Adobe InDesign-EE3D8F?logo=Adobe-InDesign&logoColor=white', 101 | 'Adobe Creative Cloud': 102 | 'Adobe Creative Cloud-DA1F26?logo=Adobe-Creative-Cloud&logoColor=white', 103 | 'Adobe Acrobat Reader': 104 | 'Adobe Acrobat Reader-EC1C24?logo=Adobe-Acrobat-Reader&logoColor=white', 105 | Adobe: 'Adobe-FF0000?logo=Adobe&logoColor=white', 106 | 'Adobe Illustrator': 107 | 'Adobe Illustrator-FF9A00?logo=Adobe-Illustrator&logoColor=white', 108 | 'Adobe PhoneGap': 109 | 'Adobe PhoneGap-27A1C5?logo=Adobe-PhoneGap&logoColor=white', 110 | 'Adobe Lightroom CC': 111 | 'Adobe Lightroom CC-31A8FF?logo=Adobe-Lightroom-CC&logoColor=white', 112 | 'Adobe Lightroom Classic': 113 | 'Adobe Lightroom Classic-31A8FF?logo=Adobe-Lightroom-Classic&logoColor=white', 114 | 'Adobe After Effects': 115 | 'Adobe After Effects-9999FF?logo=Adobe-After-Effects&logoColor=white', 116 | 'Adobe Audition': 117 | 'Adobe Audition-9999FF?logo=Adobe-Audition&logoColor=white', 118 | 'Adobe Fonts': 'Adobe Fonts-323232?logo=Adobe-Fonts&logoColor=white' 119 | } 120 | }, 121 | { 122 | name: '云服务', 123 | badges: { 124 | 'Google Cloud': 'Google Cloud-4285F4?logo=google-cloud&logoColor=white', 125 | 'Amazon AWS': 'Amazon AWS-232F3E?logo=amazon-aws&logoColor=white', 126 | 'Microsoft Azure': 127 | 'Microsoft Azure-0089D6?logo=microsoft-azure&logoColor=white', 128 | 'Oracle Cloud': 'Oracle Cloud-F80000?logo=oracle&logoColor=white' 129 | } 130 | }, 131 | { 132 | name: '数据库', 133 | badges: { 134 | mysql: 'mysql-00000f.svg?logo=mysql&logoColor=white', 135 | MongoDB: 'MongoDB-4ea94b.svg?logo=mongodb&logoColor=white', 136 | sqlite: 'sqlite-07405e.svg?logo=sqlite&logoColor=white', 137 | postgres: 'postgres-316192.svg?logo=postgresql&logoColor=white' 138 | } 139 | }, 140 | { 141 | name: 'Microsoft', 142 | badges: { 143 | 'Microsoft Teams': 144 | 'Microsoft Teams-6264A7?logo=microsoft-teams&logoColor=white', 145 | 'Microsoft Outlook': 146 | 'Microsoft Outlook-0078D4?logo=microsoft-outlook&logoColor=white', 147 | 'Microsoft Excel': 148 | 'Microsoft Excel-217346?logo=microsoft-excel&logoColor=white', 149 | 'Microsoft PowerPoint': 150 | 'Microsoft PowerPoint-B7472A?logo=microsoft-powerpoint&logoColor=white', 151 | 'Microsoft Access': 152 | 'Microsoft Access-A4373A?logo=microsoft-access&logoColor=white', 153 | 'Microsoft SQL': 154 | 'Microsoft SQL Server-CC2927?logo=microsoft-sql-server&logoColor=white', 155 | 'Microsoft Office': 156 | 'Microsoft Office-D83B01?logo=microsoft-office&logoColor=white', 157 | 'Microsoft SharePoint': 158 | 'Microsoft SharePoint-0078D4?logo=microsoft-sharepoint&logoColor=white', 159 | 'Microsoft Word': 160 | 'Microsoft Word-2B579A?logo=microsoft-word&logoColor=white', 161 | 'Microsoft Visio': 162 | 'Microsoft Visio-3955A3?logo=microsoft-visio&logoColor=white', 163 | 'Microsoft SQL Server': 164 | 'SQL Server-CC2927?logo=microsoft-sql-server&logoColor=white', 165 | Microsoft: 'Microsoft-666666?logo=microsoft&logoColor=white' 166 | } 167 | } 168 | ] 169 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # badge-collection 2 | 3 | 收集各种有意思的徽章，帮助你创建更加好看的 `README.md`，查看我的[示例](https://github.com/hawtim/hawtim)，欢迎 PR！ 4 | 5 | [![code style: prettier](https://img.shields.io/badge/code_style-prettier-ff69b4.svg?style=flat-square)](https://github.com/prettier/prettier) 6 | ![prs](https://img.shields.io/badge/PRs-welcome-brightgreen.svg) 7 | 8 | ## 如何使用？ 9 | 10 | 在 markdown 中： 11 | 12 | 1. 复制下面的代码 13 | 2. 创建一个 img 标签 ` ` 14 | 3. 或者使用 md 语法 `![github](https://img.shields.io/badge/github-12100E.svg?&logo=github&logoColor=white)` 15 | 4. 复制并粘贴到你的 markdown 中 16 | 17 | ## 不同的样式 18 | 19 | ### [默认](https://github.com/hawtim/badge-collection/blob/main/README.md) 版本 20 | ![github](https://img.shields.io/badge/github-12100E.svg?&logo=github&logoColor=white) 21 | 22 | ### [ForTheBadge](https://github.com/hawtim/badge-collection/blob/main/ForTheBadge.md) 版本 23 | ![github](https://img.shields.io/badge/github-12100E.svg?&logo=github&logoColor=white&style=for-the-badge) 24 | 25 | ## 分类 26 | 27 | - [📱 联系方式](#-联系方式) 28 | - [🤝 群组会议](#-群组会议) 29 | - [🌐 社交媒体](#-社交媒体) 30 | - [🛒 App商店](#-App商店) 31 | - [💻 操作系统](#-操作系统) 32 | - [📝 博客](#-博客) 33 | - [🎞 流媒体](#-流媒体) 34 | - [🚀 技能](#-技能) 35 | - [💻 工作配置](#-工作配置) 36 | - [🎮 游戏](#-游戏) 37 | - [❤️ 赞助支持](#-赞助支持) 38 | - [🎶 音乐](#-音乐) 39 | - [🍔 食物](#-食物) 40 | 41 | ## 📝 博客 42 | 43 | Badge | Uri 44 | ------------ | ------------- 45 | | `![Medium](https://img.shields.io/badge/Medium-12100E.svg?logo=medium&logoColor=white)` 46 | | `![DEV.to](https://img.shields.io/badge/DEV.TO-0A0A0A.svg?logo=dev-dot-to&logoColor=white)` 47 | | `![blogger](https://img.shields.io/badge/blogger-FF5722.svg?logo=blogger&logoColor=white)` 48 | | `![RSS](https://img.shields.io/badge/RSS-FFA500.svg?logo=rss&logoColor=white)` 49 | 50 | ## 📱 联系方式 51 | 52 | Badge | Uri 53 | ------------ | ------------- 54 | | `![Whatsapp](https://img.shields.io/badge/Whatsapp-25D366?logo=whatsapp&logoColor=white)` 55 | | `![Gmail](https://img.shields.io/badge/Gmail-D14836?logo=gmail&logoColor=white)` 56 | | `![Messenger](https://img.shields.io/badge/Messenger-00B2FF?logo=messenger&logoColor=white)` 57 | | `![Protonmail](https://img.shields.io/badge/Protonmail-8B89CC?logo=protonmail&logoColor=white)` 58 | | `![Wechat](https://img.shields.io/badge/Wechat-7BB32E?logo=wechat&logoColor=white)` 59 | | `![QQ](https://img.shields.io/badge/QQ-EB1923?logo=tencent-qq&logoColor=white)` 60 | 61 | ## 🍔 食物 62 | 63 | Badge | Uri 64 | ------------ | ------------- 65 | | `![Uber Eats](https://img.shields.io/badge/Uber Eats-5FB709?logo=uber-eats&logoColor=white)` 66 | | `![Aiqfome](https://img.shields.io/badge/Aiqfome-7A1FA2?logo=aiqfome&logoColor=white)` 67 | | `![ifood](https://img.shields.io/badge/ifood-EA1D2C?logo=ifood&logoColor=white)` 68 | 69 | ## ❤️ 赞助支持 70 | 71 | Badge | Uri 72 | ------------ | ------------- 73 | | `![Bitcoin](https://img.shields.io/badge/Bitcoin-000000.svg?logo=bitcoin&logoColor=white)` 74 | | `![Liberapay](https://img.shields.io/badge/Liberapay-F6C915.svg?logo=liberapay&logoColor=black)` 75 | | `![Paypal](https://img.shields.io/badge/Paypal-00457C.svg?logo=paypal&logoColor=white)` 76 | | `![Kofi](https://img.shields.io/badge/Kofi-F16061.svg?logo=ko-fi&logoColor=white)` 77 | | `![Patreon](https://img.shields.io/badge/Patreon-F96854.svg?logo=patreon&logoColor=white)` 78 | 79 | ## 🎮 游戏 80 | 81 | Badge | Uri 82 | ------------ | ------------- 83 | | `![Playstation](https://img.shields.io/badge/Playstation-003791.svg?logo=playstation&logoColor=white)` 84 | | `![xbox](https://img.shields.io/badge/xbox-107C10.svg?logo=xbox&logoColor=white)` 85 | | `![Switch](https://img.shields.io/badge/Switch-E60012.svg?logo=nintendo-switch&logoColor=white)` 86 | | `![Steam](https://img.shields.io/badge/Steam-000000.svg?logo=steam&logoColor=white)` 87 | | `![counter strike](https://img.shields.io/badge/counter strike-000000.svg?logo=counter-strike)` 88 | | `![Itch.io](https://img.shields.io/badge/Itch.io-FA5C5C.svg?logo=itch.io&logoColor=white)` 89 | | `![Stadia](https://img.shields.io/badge/Stadia-CD2640?logo=stadia&logoColor=white)` 90 | | `![Nintendo 3ds](https://img.shields.io/badge/Nintendo 3ds-D12228?logo=nintendo-3ds&logoColor=white)` 91 | 92 | ## 🤝 群组会议 93 | 94 | Badge | Uri 95 | ------------ | ------------- 96 | | `![Slack](https://img.shields.io/badge/Slack-4A154B.svg?logo=slack&logoColor=white)` 97 | | `![Discord](https://img.shields.io/badge/Discord-7289DA.svg?logo=discord&logoColor=white)` 98 | | `![Telegram](https://img.shields.io/badge/Telegram-2CA5E0.svg?logo=telegram&logoColor=white)` 99 | | `![Zoom](https://img.shields.io/badge/Zoom-2D8CFF?logo=zoom&logoColor=white)` 100 | 101 | ## 💻 操作系统 102 | 103 | Badge | Uri 104 | ------------ | ------------- 105 | | `![Android](https://img.shields.io/badge/Android-3DDC84?logo=android&logoColor=white)` 106 | | `![iOS](https://img.shields.io/badge/iOS-000000?logo=ios&logoColor=white)` 107 | | `![windows](https://img.shields.io/badge/windows-0078D6?logo=windows&logoColor=white)` 108 | | `![windows 95](https://img.shields.io/badge/windows 95-008080?logo=windows-95&logoColor=white)` 109 | | `![windows xp](https://img.shields.io/badge/windows xp-003399?logo=windows-xp&logoColor=white)` 110 | 111 | ## 🚀 技能 112 | ### 编程语言 113 | 114 | 115 | Badge | Uri 116 | ------------ | ------------- 117 | | `![Python](https://img.shields.io/badge/Python-14354C.svg?logo=python&logoColor=white)` 118 | | `![HTML](https://img.shields.io/badge/HTML-239120.svg?logo=html5&logoColor=white)` 119 | | `![HTML5](https://img.shields.io/badge/HTML5-E34F26.svg?logo=html5&logoColor=white)` 120 | | `![CSS](https://img.shields.io/badge/CSS-239120.svg?logo=css3&logoColor=white)` 121 | | `![CSS3](https://img.shields.io/badge/CSS3-1572B6.svg?logo=css3&logoColor=white)` 122 | | `![JavaScript](https://img.shields.io/badge/JavaScript-323330.svg?logo=javascript&logoColor=F7DF1E)` 123 | | `![TypeScript](https://img.shields.io/badge/TypeScript-007ACC.svg?logo=typescript&logoColor=white)` 124 | | `![Node](https://img.shields.io/badge/Node.js-43853D.svg?logo=node.js&logoColor=white)` 125 | | `![C](https://img.shields.io/badge/C-00599C.svg?logo=c&logoColor=white)` 126 | | `![C++](https://img.shields.io/badge/C++-00599C.svg?logo=c%2B%2B&logoColor=white)` 127 | | `![C#](https://img.shields.io/badge/C%23-239120.svg?logo=c-sharp&logoColor=white)` 128 | | `![Java](https://img.shields.io/badge/Java-ED8B00.svg?logo=java&logoColor=white)` 129 | | `![PHP](https://img.shields.io/badge/PHP-777BB4.svg?logo=php&logoColor=white)` 130 | | `![R](https://img.shields.io/badge/R-276DC3.svg?logo=r&logoColor=white)` 131 | | `![Swift](https://img.shields.io/badge/Swift-FA7343.svg?logo=swift&logoColor=white)` 132 | | `![Kotlin](https://img.shields.io/badge/Kotlin-0095D5.svg?logo=kotlin&logoColor=white)` 133 | | `![Go](https://img.shields.io/badge/Go-00ADD8.svg?logo=go&logoColor=white)` 134 | | `![Ruby](https://img.shields.io/badge/Ruby-CC342D.svg?logo=ruby&logoColor=white)` 135 | | `![Scala](https://img.shields.io/badge/Scala-DC322F.svg?logo=scala&logoColor=white)` 136 | | `![Rust](https://img.shields.io/badge/Rust-000000.svg?logo=rust&logoColor=white)` 137 | | `![Dart](https://img.shields.io/badge/Dart-0175C2.svg?logo=dart&logoColor=white)` 138 | | `![Lua](https://img.shields.io/badge/Lua-2C2D72.svg?logo=lua&logoColor=white)` 139 | | `![Perl](https://img.shields.io/badge/Perl-39457E.svg?logo=perl&logoColor=white)` 140 | | `![Flutter](https://img.shields.io/badge/Flutter-02569B.svg?logo=flutter&logoColor=white)` 141 | | `![Shell_script](https://img.shields.io/badge/Shell_script-121011.svg?logo=gnu-bash&logoColor=white)` 142 | ### 前端库 / 框架 143 | 144 | 145 | Badge | Uri 146 | ------------ | ------------- 147 | | `![React](https://img.shields.io/badge/React-20232a.svg?logo=react&logoColor=61DAFB)` 148 | | `![Redux](https://img.shields.io/badge/Redux-593d88.svg?logo=redux&logoColor=white)` 149 | | `![React_Native](https://img.shields.io/badge/React_Native-20232a.svg?logo=react&logoColor=61DAFB)` 150 | | `![VueJS](https://img.shields.io/badge/Vue.js-35495e.svg?logo=vue.js&logoColor=4FC08D)` 151 | | `![Angular](https://img.shields.io/badge/Angular.js-E23237.svg?logo=angularjs&logoColor=white)` 152 | | `![Material](https://img.shields.io/badge/Material ui-0081CB.svg?logo=material-ui&logoColor=white)` 153 | | `![Bootstrap](https://img.shields.io/badge/Bootstrap-563D7C.svg?logo=bootstrap&logoColor=white)` 154 | | `![jQuery](https://img.shields.io/badge/jQuery-0769AD.svg?logo=jquery&logoColor=white)` 155 | | `![tailwindcss](https://img.shields.io/badge/tailwindcss-38B2AC.svg?logo=tailwind-css&logoColor=white)` 156 | | `![Django](https://img.shields.io/badge/Django-092E20.svg?logo=django&logoColor=white)` 157 | | `![Rails](https://img.shields.io/badge/Rails-CC0000.svg?logo=ruby-on-rails&logoColor=white)` 158 | | `![Laravel](https://img.shields.io/badge/Laravel-FF2D20.svg?logo=laravel&logoColor=white)` 159 | | `![Spring](https://img.shields.io/badge/Spring-6DB33F.svg?logo=spring&logoColor=white)` 160 | | `![Flask](https://img.shields.io/badge/Flask-000.svg?logo=flask&logoColor=white)` 161 | | `![Sencha](https://img.shields.io/badge/Sencha-86BC40?logo=sencha&logoColor=white)` 162 | ### 工作流 163 | 164 | 165 | Badge | Uri 166 | ------------ | ------------- 167 | | `![IntelliJ](https://img.shields.io/badge/IntelliJ IDEA-black?logo=intellij-idea&logoColor=white)` 168 | | `![Eclipse](https://img.shields.io/badge/Eclipse-2C2255?logo=eclipse&logoColor=white)` 169 | | `![VSCode](https://img.shields.io/badge/VSCode-007ACC?logo=visual-studio-code&logoColor=white)` 170 | | `![Markdown](https://img.shields.io/badge/Markdown-000000.svg?logo=markdown&logoColor=white)` 171 | | `![Docker](https://img.shields.io/badge/Docker-2496ED?logo=docker&logoColor=white)` 172 | | `![BitBucket](https://img.shields.io/badge/BitBucket-darkblue?logo=bitbucket)` 173 | | `![Git](https://img.shields.io/badge/Git-black?logo=git)` 174 | | `![gitlab](https://img.shields.io/badge/Gitlab-330f63.svg?logo=gitlab&logoColor=white)` 175 | ### 未分类 176 | 177 | 178 | Badge | Uri 179 | ------------ | ------------- 180 | | `![xamarin forms](https://img.shields.io/badge/xamarin forms-3498DB.svg?logo=xamarin&logoColor=white)` 181 | | `![Elixir](https://img.shields.io/badge/Elixir-4B275F.svg?logo=elixir&logoColor=white)` 182 | | `![Unity](https://img.shields.io/badge/Unity-100000.svg?logo=unity&logoColor=white)` 183 | | `![Sap](https://img.shields.io/badge/Sap-0FAAFF?logo=sap&logoColor=white)` 184 | | `![Vercel](https://img.shields.io/badge/Vercel-333?logo=vercel)` 185 | | `![Ionic](https://img.shields.io/badge/Ionic-3880FF?logo=ionic&logoColor=white)` 186 | | `![NestJS](https://img.shields.io/badge/NestJS-E0234E?logo=nestjs&logoColor=white)` 187 | | `![Firebase](https://img.shields.io/badge/Firebase-FFCA28?logo=firebase&logoColor=white)` 188 | | `![JIRA](https://img.shields.io/badge/JIRA-0052CC?logo=jira)` 189 | | `![JFrog](https://img.shields.io/badge/JFrog-41BF47?logo=jfrog&logoColor=white)` 190 | ### 设计 191 | 192 | 193 | Badge | Uri 194 | ------------ | ------------- 195 | | `![Sketch](https://img.shields.io/badge/Sketch-333?logo=sketch)` 196 | ### Adobe 197 | 198 | 199 | Badge | Uri 200 | ------------ | ------------- 201 | | `![Adobe Photoshop](https://img.shields.io/badge/Adobe Photoshop-31A8FF?logo=Adobe-Photoshop&logoColor=white)` 202 | | `![Adobe Premiere Pro](https://img.shields.io/badge/Adobe Premiere Pro-EA77FF?logo=Adobe-Premiere-Pro&logoColor=white)` 203 | | `![Adobe Dreamweaver](https://img.shields.io/badge/Adobe Dreamweaver-FF61F6?logo=Adobe-Dreamweaver&logoColor=white)` 204 | | `![Adobe XD](https://img.shields.io/badge/Adobe XD-FF26BE?logo=Adobe-XD&logoColor=white)` 205 | | `![Adobe InDesign](https://img.shields.io/badge/Adobe InDesign-EE3D8F?logo=Adobe-InDesign&logoColor=white)` 206 | | `![Adobe Creative Cloud](https://img.shields.io/badge/Adobe Creative Cloud-DA1F26?logo=Adobe-Creative-Cloud&logoColor=white)` 207 | | `![Adobe Acrobat Reader](https://img.shields.io/badge/Adobe Acrobat Reader-EC1C24?logo=Adobe-Acrobat-Reader&logoColor=white)` 208 | | `![Adobe](https://img.shields.io/badge/Adobe-FF0000?logo=Adobe&logoColor=white)` 209 | | `![Adobe Illustrator](https://img.shields.io/badge/Adobe Illustrator-FF9A00?logo=Adobe-Illustrator&logoColor=white)` 210 | | `![Adobe PhoneGap](https://img.shields.io/badge/Adobe PhoneGap-27A1C5?logo=Adobe-PhoneGap&logoColor=white)` 211 | | `![Adobe Lightroom CC](https://img.shields.io/badge/Adobe Lightroom CC-31A8FF?logo=Adobe-Lightroom-CC&logoColor=white)` 212 | | `![Adobe Lightroom Classic](https://img.shields.io/badge/Adobe Lightroom Classic-31A8FF?logo=Adobe-Lightroom-Classic&logoColor=white)` 213 | | `![Adobe After Effects](https://img.shields.io/badge/Adobe After Effects-9999FF?logo=Adobe-After-Effects&logoColor=white)` 214 | | `![Adobe Audition](https://img.shields.io/badge/Adobe Audition-9999FF?logo=Adobe-Audition&logoColor=white)` 215 | | `![Adobe Fonts](https://img.shields.io/badge/Adobe Fonts-323232?logo=Adobe-Fonts&logoColor=white)` 216 | ### 云服务 217 | 218 | 219 | Badge | Uri 220 | ------------ | ------------- 221 | | `![Google Cloud](https://img.shields.io/badge/Google Cloud-4285F4?logo=google-cloud&logoColor=white)` 222 | | `![Amazon AWS](https://img.shields.io/badge/Amazon AWS-232F3E?logo=amazon-aws&logoColor=white)` 223 | | `![Microsoft Azure](https://img.shields.io/badge/Microsoft Azure-0089D6?logo=microsoft-azure&logoColor=white)` 224 | | `![Oracle Cloud](https://img.shields.io/badge/Oracle Cloud-F80000?logo=oracle&logoColor=white)` 225 | ### 数据库 226 | 227 | 228 | Badge | Uri 229 | ------------ | ------------- 230 | | `![mysql](https://img.shields.io/badge/mysql-00000f.svg?logo=mysql&logoColor=white)` 231 | | `![MongoDB](https://img.shields.io/badge/MongoDB-4ea94b.svg?logo=mongodb&logoColor=white)` 232 | | `![sqlite](https://img.shields.io/badge/sqlite-07405e.svg?logo=sqlite&logoColor=white)` 233 | | `![postgres](https://img.shields.io/badge/postgres-316192.svg?logo=postgresql&logoColor=white)` 234 | ### Microsoft 235 | 236 | 237 | Badge | Uri 238 | ------------ | ------------- 239 | | `![Microsoft Teams](https://img.shields.io/badge/Microsoft Teams-6264A7?logo=microsoft-teams&logoColor=white)` 240 | | `![Microsoft Outlook](https://img.shields.io/badge/Microsoft Outlook-0078D4?logo=microsoft-outlook&logoColor=white)` 241 | | `![Microsoft Excel](https://img.shields.io/badge/Microsoft Excel-217346?logo=microsoft-excel&logoColor=white)` 242 | | `![Microsoft PowerPoint](https://img.shields.io/badge/Microsoft PowerPoint-B7472A?logo=microsoft-powerpoint&logoColor=white)` 243 | | `![Microsoft Access](https://img.shields.io/badge/Microsoft Access-A4373A?logo=microsoft-access&logoColor=white)` 244 | | `![Microsoft SQL](https://img.shields.io/badge/Microsoft SQL Server-CC2927?logo=microsoft-sql-server&logoColor=white)` 245 | | `![Microsoft Office](https://img.shields.io/badge/Microsoft Office-D83B01?logo=microsoft-office&logoColor=white)` 246 | | `![Microsoft SharePoint](https://img.shields.io/badge/Microsoft SharePoint-0078D4?logo=microsoft-sharepoint&logoColor=white)` 247 | | `![Microsoft Word](https://img.shields.io/badge/Microsoft Word-2B579A?logo=microsoft-word&logoColor=white)` 248 | | `![Microsoft Visio](https://img.shields.io/badge/Microsoft Visio-3955A3?logo=microsoft-visio&logoColor=white)` 249 | | `![Microsoft SQL Server](https://img.shields.io/badge/SQL Server-CC2927?logo=microsoft-sql-server&logoColor=white)` 250 | | `![Microsoft](https://img.shields.io/badge/Microsoft-666666?logo=microsoft&logoColor=white)` 251 | 252 | ## 🌐 社交媒体 253 | 254 | Badge | Uri 255 | ------------ | ------------- 256 | | `![Facebook](https://img.shields.io/badge/Facebook-1877F2.svg?logo=facebook&logoColor=white)` 257 | | `![Instagram](https://img.shields.io/badge/Instagram-E4405F.svg?logo=instagram&logoColor=white)` 258 | | `![Twitter](https://img.shields.io/badge/Twitter-1DA1F2.svg?logo=twitter&logoColor=white)` 259 | | `![Linkedin](https://img.shields.io/badge/Linkedin-0077B5.svg?logo=linkedin&logoColor=white)` 260 | | `![Github](https://img.shields.io/badge/Github-100000.svg?logo=github&logoColor=white)` 261 | | `![Reddit](https://img.shields.io/badge/Reddit-FF4500.svg?logo=reddit&logoColor=white)` 262 | | `![Tiktok](https://img.shields.io/badge/Tiktok-000000.svg?logo=tiktok)` 263 | | `![XDA](https://img.shields.io/badge/XDA developers-F59812?logo=xda-developers&logoColor=white)` 264 | | `![Stack](https://img.shields.io/badge/Stack overflow-FE7A16?logo=stack-overflow&logoColor=white)` 265 | | `![Twitch](https://img.shields.io/badge/Twitch-blueviolet?logo=Twitch&logoColor=white)` 266 | 267 | ## 🎶 音乐 268 | 269 | Badge | Uri 270 | ------------ | ------------- 271 | | `![spotify](https://img.shields.io/badge/spotify-1ED760.svg?logo=spotify&logoColor=white)` 272 | | `![deezer](https://img.shields.io/badge/deezer-FEAA2D.svg?logo=deezer&logoColor=white)` 273 | | `![audacity](https://img.shields.io/badge/audacity-0000CC.svg?logo=audacity&logoColor=white)` 274 | | `![apple podcasts](https://img.shields.io/badge/apple podcasts-9933CC?logo=apple-podcasts&logoColor=white)` 275 | | `![google podcasts](https://img.shields.io/badge/google podcasts-4285F4?logo=google-podcasts&logoColor=white)` 276 | | `![youtube music](https://img.shields.io/badge/youtube music-FF0000?logo=youtube-music&logoColor=white)` 277 | | `![apple music](https://img.shields.io/badge/apple music-000?logo=apple-music&logoColor=white)` 278 | | `![soundcloud](https://img.shields.io/badge/soundcloud-FF3300?logo=soundcloud&logoColor=white)` 279 | 280 | ## 🛒 App商店 281 | 282 | Badge | Uri 283 | ------------ | ------------- 284 | | `![Google Play](https://img.shields.io/badge/Google Play-414141?logo=google-play&logoColor=white)` 285 | | `![App Store](https://img.shields.io/badge/App Store-0D96F6?logo=app-store&logoColor=white)` 286 | 287 | ## 🎞 流媒体 288 | 289 | Badge | Uri 290 | ------------ | ------------- 291 | | `![Youtube](https://img.shields.io/badge/Youtube gaming-FF0000?logo=youtube-gaming&logoColor=white)` 292 | | `![Twitch](https://img.shields.io/badge/Twitch-9146FF.svg?logo=twitch&logoColor=white)` 293 | | `![Facebook](https://img.shields.io/badge/Facebook gaming-005FED?logo=facebook-gaming&logoColor=white)` 294 | | `![Crunchyroll](https://img.shields.io/badge/Crunchyroll-F47521?logo=Crunchyroll&logoColor=white)` 295 | | `![Netflix](https://img.shields.io/badge/Netflix-E50914?logo=netflix&logoColor=white)` 296 | 297 | ## 💻 工作配置 298 | 299 | Badge | Uri 300 | ------------ | ------------- 301 | | `![nvidia-gtx2080](https://img.shields.io/badge/nvidia-gtx2080-76B900.svg?logo=nvidia&logoColor=white)` 302 | | `![amd-Radeon RX 5500](https://img.shields.io/badge/amd-Radeon RX 5500-ED1C24.svg?logo=amd&logoColor=white)` 303 | | `![intel-core i7 10th](https://img.shields.io/badge/intel-core i7 10th-0071C5.svg?logo=intel&logoColor=white)` 304 | | `![amd-Ryzen 7 3800X](https://img.shields.io/badge/amd-Ryzen 7 3800X-ED1C24.svg?logo=amd&logoColor=white)` 305 | | `![windows-asus zenbook 3](https://img.shields.io/badge/windows-asus zenbook 3-0078D6.svg?logo=windows&logoColor=white)` 306 | | `![apple-mbp 2020](https://img.shields.io/badge/apple-mbp 2020-999999.svg?logo=apple&logoColor=white)` 307 | 308 | 309 | ## 想在标签上加链接？ 310 | 311 | [![github](https://img.shields.io/badge/github-12100E.svg?&logo=github&logoColor=white&style=for-the-badge)](https://github.com/hawtim) 312 | 313 | 示例： 314 | `[![github](https://img.shields.io/badge/github-12100E.svg?&style=for-the-badge&logo=github&logoColor=white)](https://github.com/hawtim)` 315 | 316 | ## ✏ 自定义 317 | 318 | 你可以通过以下的 url 修改参数后得到不同款式的徽章： 319 | 320 | `https://img.shields.io/badge/{FIRST}-{SECONDARY}-%23{HEX-COLOR}.svg?&style=for-the-badge&logo={ICON}&logoColor=white` 321 | 322 | - 删掉 {SECONDARY} 获取更小尺寸的徽章 323 | - 获取 icon{ICON} 名称和对应的颜色{HEX-COLOR} [查看这里](https://simpleicons.org/) 324 | 325 | ## ❤ 更多 326 | 327 | 感谢 [Badges4-README.md-Profile](https://github.com/alexandresanlim/Badges4-README.md-Profile) 项目提供的灵感。 328 | 329 | 感谢 [Shields Project](https://github.com/badges/shields) 为这些徽章提供的服务。 330 | 331 | 关注：[![badge-collection](https://img.shields.io/github/followers/hawtim?label=GitHub&style=social)](https://github.com/hawtim) -------------------------------------------------------------------------------- /ForTheBadge.md: -------------------------------------------------------------------------------- 1 | # badge-collection 2 | 3 | 收集各种有意思的徽章，帮助你创建更加好看的 `README.md`，查看我的[示例](https://github.com/hawtim/hawtim)，欢迎 PR！ 4 | 5 | [![code style: prettier](https://img.shields.io/badge/code_style-prettier-ff69b4.svg?style=flat-square)](https://github.com/prettier/prettier) 6 | ![prs](https://img.shields.io/badge/PRs-welcome-brightgreen.svg) 7 | 8 | ## 如何使用？ 9 | 10 | 在 markdown 中： 11 | 12 | 1. 复制下面的代码 13 | 2. 创建一个 img 标签 ` ` 14 | 3. 或者使用 md 语法 `![github](https://img.shields.io/badge/github-12100E.svg?&logo=github&logoColor=white)` 15 | 4. 复制并粘贴到你的 markdown 中 16 | 17 | ## 不同的样式 18 | 19 | ### [默认](https://github.com/hawtim/badge-collection/blob/main/README.md) 版本 20 | ![github](https://img.shields.io/badge/github-12100E.svg?&logo=github&logoColor=white) 21 | 22 | ### [ForTheBadge](https://github.com/hawtim/badge-collection/blob/main/ForTheBadge.md) 版本 23 | ![github](https://img.shields.io/badge/github-12100E.svg?&logo=github&logoColor=white&style=for-the-badge) 24 | 25 | ## 分类 26 | 27 | - [📱 联系方式](#-联系方式) 28 | - [🤝 群组会议](#-群组会议) 29 | - [🌐 社交媒体](#-社交媒体) 30 | - [🛒 App商店](#-App商店) 31 | - [💻 操作系统](#-操作系统) 32 | - [📝 博客](#-博客) 33 | - [🎞 流媒体](#-流媒体) 34 | - [🚀 技能](#-技能) 35 | - [💻 工作配置](#-工作配置) 36 | - [🎮 游戏](#-游戏) 37 | - [❤️ 赞助支持](#-赞助支持) 38 | - [🎶 音乐](#-音乐) 39 | - [🍔 食物](#-食物) 40 | 41 | ## 📝 博客 42 | 43 | Badge | Uri 44 | ------------ | ------------- 45 | | `![Medium](https://img.shields.io/badge/Medium-12100E.svg?logo=medium&logoColor=white&style=for-the-badge)` 46 | | `![DEV.to](https://img.shields.io/badge/DEV.TO-0A0A0A.svg?logo=dev-dot-to&logoColor=white&style=for-the-badge)` 47 | | `![blogger](https://img.shields.io/badge/blogger-FF5722.svg?logo=blogger&logoColor=white&style=for-the-badge)` 48 | | `![RSS](https://img.shields.io/badge/RSS-FFA500.svg?logo=rss&logoColor=white&style=for-the-badge)` 49 | 50 | ## 📱 联系方式 51 | 52 | Badge | Uri 53 | ------------ | ------------- 54 | | `![Whatsapp](https://img.shields.io/badge/Whatsapp-25D366?logo=whatsapp&logoColor=white&style=for-the-badge)` 55 | | `![Gmail](https://img.shields.io/badge/Gmail-D14836?logo=gmail&logoColor=white&style=for-the-badge)` 56 | | `![Messenger](https://img.shields.io/badge/Messenger-00B2FF?logo=messenger&logoColor=white&style=for-the-badge)` 57 | | `![Protonmail](https://img.shields.io/badge/Protonmail-8B89CC?logo=protonmail&logoColor=white&style=for-the-badge)` 58 | | `![Wechat](https://img.shields.io/badge/Wechat-7BB32E?logo=wechat&logoColor=white&style=for-the-badge)` 59 | | `![QQ](https://img.shields.io/badge/QQ-EB1923?logo=tencent-qq&logoColor=white&style=for-the-badge)` 60 | 61 | ## 🍔 食物 62 | 63 | Badge | Uri 64 | ------------ | ------------- 65 | | `![Uber Eats](https://img.shields.io/badge/Uber Eats-5FB709?logo=uber-eats&logoColor=white&style=for-the-badge)` 66 | | `![Aiqfome](https://img.shields.io/badge/Aiqfome-7A1FA2?logo=aiqfome&logoColor=white&style=for-the-badge)` 67 | | `![ifood](https://img.shields.io/badge/ifood-EA1D2C?logo=ifood&logoColor=white&style=for-the-badge)` 68 | 69 | ## ❤️ 赞助支持 70 | 71 | Badge | Uri 72 | ------------ | ------------- 73 | | `![Bitcoin](https://img.shields.io/badge/Bitcoin-000000.svg?logo=bitcoin&logoColor=white&style=for-the-badge)` 74 | | `![Liberapay](https://img.shields.io/badge/Liberapay-F6C915.svg?logo=liberapay&logoColor=black&style=for-the-badge)` 75 | | `![Paypal](https://img.shields.io/badge/Paypal-00457C.svg?logo=paypal&logoColor=white&style=for-the-badge)` 76 | | `![Kofi](https://img.shields.io/badge/Kofi-F16061.svg?logo=ko-fi&logoColor=white&style=for-the-badge)` 77 | | `![Patreon](https://img.shields.io/badge/Patreon-F96854.svg?logo=patreon&logoColor=white&style=for-the-badge)` 78 | 79 | ## 🎮 游戏 80 | 81 | Badge | Uri 82 | ------------ | ------------- 83 | | `![Playstation](https://img.shields.io/badge/Playstation-003791.svg?logo=playstation&logoColor=white&style=for-the-badge)` 84 | | `![xbox](https://img.shields.io/badge/xbox-107C10.svg?logo=xbox&logoColor=white&style=for-the-badge)` 85 | | `![Switch](https://img.shields.io/badge/Switch-E60012.svg?logo=nintendo-switch&logoColor=white&style=for-the-badge)` 86 | | `![Steam](https://img.shields.io/badge/Steam-000000.svg?logo=steam&logoColor=white&style=for-the-badge)` 87 | | `![counter strike](https://img.shields.io/badge/counter strike-000000.svg?logo=counter-strike&style=for-the-badge)` 88 | | `![Itch.io](https://img.shields.io/badge/Itch.io-FA5C5C.svg?logo=itch.io&logoColor=white&style=for-the-badge)` 89 | | `![Stadia](https://img.shields.io/badge/Stadia-CD2640?logo=stadia&logoColor=white&style=for-the-badge)` 90 | | `![Nintendo 3ds](https://img.shields.io/badge/Nintendo 3ds-D12228?logo=nintendo-3ds&logoColor=white&style=for-the-badge)` 91 | 92 | ## 🤝 群组会议 93 | 94 | Badge | Uri 95 | ------------ | ------------- 96 | | `![Slack](https://img.shields.io/badge/Slack-4A154B.svg?logo=slack&logoColor=white&style=for-the-badge)` 97 | | `![Discord](https://img.shields.io/badge/Discord-7289DA.svg?logo=discord&logoColor=white&style=for-the-badge)` 98 | | `![Telegram](https://img.shields.io/badge/Telegram-2CA5E0.svg?logo=telegram&logoColor=white&style=for-the-badge)` 99 | | `![Zoom](https://img.shields.io/badge/Zoom-2D8CFF?logo=zoom&logoColor=white&style=for-the-badge)` 100 | 101 | ## 💻 操作系统 102 | 103 | Badge | Uri 104 | ------------ | ------------- 105 | | `![Android](https://img.shields.io/badge/Android-3DDC84?logo=android&logoColor=white&style=for-the-badge)` 106 | | `![iOS](https://img.shields.io/badge/iOS-000000?logo=ios&logoColor=white&style=for-the-badge)` 107 | | `![windows](https://img.shields.io/badge/windows-0078D6?logo=windows&logoColor=white&style=for-the-badge)` 108 | | `![windows 95](https://img.shields.io/badge/windows 95-008080?logo=windows-95&logoColor=white&style=for-the-badge)` 109 | | `![windows xp](https://img.shields.io/badge/windows xp-003399?logo=windows-xp&logoColor=white&style=for-the-badge)` 110 | 111 | ## 🚀 技能 112 | ### 编程语言 113 | 114 | 115 | Badge | Uri 116 | ------------ | ------------- 117 | | `![Python](https://img.shields.io/badge/Python-14354C.svg?logo=python&logoColor=white&style=for-the-badge)` 118 | | `![HTML](https://img.shields.io/badge/HTML-239120.svg?logo=html5&logoColor=white&style=for-the-badge)` 119 | | `![HTML5](https://img.shields.io/badge/HTML5-E34F26.svg?logo=html5&logoColor=white&style=for-the-badge)` 120 | | `![CSS](https://img.shields.io/badge/CSS-239120.svg?logo=css3&logoColor=white&style=for-the-badge)` 121 | | `![CSS3](https://img.shields.io/badge/CSS3-1572B6.svg?logo=css3&logoColor=white&style=for-the-badge)` 122 | | `![JavaScript](https://img.shields.io/badge/JavaScript-323330.svg?logo=javascript&logoColor=F7DF1E&style=for-the-badge)` 123 | | `![TypeScript](https://img.shields.io/badge/TypeScript-007ACC.svg?logo=typescript&logoColor=white&style=for-the-badge)` 124 | | `![Node](https://img.shields.io/badge/Node.js-43853D.svg?logo=node.js&logoColor=white&style=for-the-badge)` 125 | | `![C](https://img.shields.io/badge/C-00599C.svg?logo=c&logoColor=white&style=for-the-badge)` 126 | | `![C++](https://img.shields.io/badge/C++-00599C.svg?logo=c%2B%2B&logoColor=white&style=for-the-badge)` 127 | | `![C#](https://img.shields.io/badge/C%23-239120.svg?logo=c-sharp&logoColor=white&style=for-the-badge)` 128 | | `![Java](https://img.shields.io/badge/Java-ED8B00.svg?logo=java&logoColor=white&style=for-the-badge)` 129 | | `![PHP](https://img.shields.io/badge/PHP-777BB4.svg?logo=php&logoColor=white&style=for-the-badge)` 130 | | `![R](https://img.shields.io/badge/R-276DC3.svg?logo=r&logoColor=white&style=for-the-badge)` 131 | | `![Swift](https://img.shields.io/badge/Swift-FA7343.svg?logo=swift&logoColor=white&style=for-the-badge)` 132 | | `![Kotlin](https://img.shields.io/badge/Kotlin-0095D5.svg?logo=kotlin&logoColor=white&style=for-the-badge)` 133 | | `![Go](https://img.shields.io/badge/Go-00ADD8.svg?logo=go&logoColor=white&style=for-the-badge)` 134 | | `![Ruby](https://img.shields.io/badge/Ruby-CC342D.svg?logo=ruby&logoColor=white&style=for-the-badge)` 135 | | `![Scala](https://img.shields.io/badge/Scala-DC322F.svg?logo=scala&logoColor=white&style=for-the-badge)` 136 | | `![Rust](https://img.shields.io/badge/Rust-000000.svg?logo=rust&logoColor=white&style=for-the-badge)` 137 | | `![Dart](https://img.shields.io/badge/Dart-0175C2.svg?logo=dart&logoColor=white&style=for-the-badge)` 138 | | `![Lua](https://img.shields.io/badge/Lua-2C2D72.svg?logo=lua&logoColor=white&style=for-the-badge)` 139 | | `![Perl](https://img.shields.io/badge/Perl-39457E.svg?logo=perl&logoColor=white&style=for-the-badge)` 140 | | `![Flutter](https://img.shields.io/badge/Flutter-02569B.svg?logo=flutter&logoColor=white&style=for-the-badge)` 141 | | `![Shell_script](https://img.shields.io/badge/Shell_script-121011.svg?logo=gnu-bash&logoColor=white&style=for-the-badge)` 142 | ### 前端库 / 框架 143 | 144 | 145 | Badge | Uri 146 | ------------ | ------------- 147 | | `![React](https://img.shields.io/badge/React-20232a.svg?logo=react&logoColor=61DAFB&style=for-the-badge)` 148 | | `![Redux](https://img.shields.io/badge/Redux-593d88.svg?logo=redux&logoColor=white&style=for-the-badge)` 149 | | `![React_Native](https://img.shields.io/badge/React_Native-20232a.svg?logo=react&logoColor=61DAFB&style=for-the-badge)` 150 | | `![VueJS](https://img.shields.io/badge/Vue.js-35495e.svg?logo=vue.js&logoColor=4FC08D&style=for-the-badge)` 151 | | `![Angular](https://img.shields.io/badge/Angular.js-E23237.svg?logo=angularjs&logoColor=white&style=for-the-badge)` 152 | | `![Material](https://img.shields.io/badge/Material ui-0081CB.svg?logo=material-ui&logoColor=white&style=for-the-badge)` 153 | | `![Bootstrap](https://img.shields.io/badge/Bootstrap-563D7C.svg?logo=bootstrap&logoColor=white&style=for-the-badge)` 154 | | `![jQuery](https://img.shields.io/badge/jQuery-0769AD.svg?logo=jquery&logoColor=white&style=for-the-badge)` 155 | | `![tailwindcss](https://img.shields.io/badge/tailwindcss-38B2AC.svg?logo=tailwind-css&logoColor=white&style=for-the-badge)` 156 | | `![Django](https://img.shields.io/badge/Django-092E20.svg?logo=django&logoColor=white&style=for-the-badge)` 157 | | `![Rails](https://img.shields.io/badge/Rails-CC0000.svg?logo=ruby-on-rails&logoColor=white&style=for-the-badge)` 158 | | `![Laravel](https://img.shields.io/badge/Laravel-FF2D20.svg?logo=laravel&logoColor=white&style=for-the-badge)` 159 | | `![Spring](https://img.shields.io/badge/Spring-6DB33F.svg?logo=spring&logoColor=white&style=for-the-badge)` 160 | | `![Flask](https://img.shields.io/badge/Flask-000.svg?logo=flask&logoColor=white&style=for-the-badge)` 161 | | `![Sencha](https://img.shields.io/badge/Sencha-86BC40?logo=sencha&logoColor=white&style=for-the-badge)` 162 | ### 工作流 163 | 164 | 165 | Badge | Uri 166 | ------------ | ------------- 167 | | `![IntelliJ](https://img.shields.io/badge/IntelliJ IDEA-black?logo=intellij-idea&logoColor=white&style=for-the-badge)` 168 | | `![Eclipse](https://img.shields.io/badge/Eclipse-2C2255?logo=eclipse&logoColor=white&style=for-the-badge)` 169 | | `![VSCode](https://img.shields.io/badge/VSCode-007ACC?logo=visual-studio-code&logoColor=white&style=for-the-badge)` 170 | | `![Markdown](https://img.shields.io/badge/Markdown-000000.svg?logo=markdown&logoColor=white&style=for-the-badge)` 171 | | `![Docker](https://img.shields.io/badge/Docker-2496ED?logo=docker&logoColor=white&style=for-the-badge)` 172 | | `![BitBucket](https://img.shields.io/badge/BitBucket-darkblue?logo=bitbucket&style=for-the-badge)` 173 | | `![Git](https://img.shields.io/badge/Git-black?logo=git&style=for-the-badge)` 174 | | `![gitlab](https://img.shields.io/badge/Gitlab-330f63.svg?logo=gitlab&logoColor=white&style=for-the-badge)` 175 | ### 未分类 176 | 177 | 178 | Badge | Uri 179 | ------------ | ------------- 180 | | `![xamarin forms](https://img.shields.io/badge/xamarin forms-3498DB.svg?logo=xamarin&logoColor=white&style=for-the-badge)` 181 | | `![Elixir](https://img.shields.io/badge/Elixir-4B275F.svg?logo=elixir&logoColor=white&style=for-the-badge)` 182 | | `![Unity](https://img.shields.io/badge/Unity-100000.svg?logo=unity&logoColor=white&style=for-the-badge)` 183 | | `![Sap](https://img.shields.io/badge/Sap-0FAAFF?logo=sap&logoColor=white&style=for-the-badge)` 184 | | `![Vercel](https://img.shields.io/badge/Vercel-333?logo=vercel&style=for-the-badge)` 185 | | `![Ionic](https://img.shields.io/badge/Ionic-3880FF?logo=ionic&logoColor=white&style=for-the-badge)` 186 | | `![NestJS](https://img.shields.io/badge/NestJS-E0234E?logo=nestjs&logoColor=white&style=for-the-badge)` 187 | | `![Firebase](https://img.shields.io/badge/Firebase-FFCA28?logo=firebase&logoColor=white&style=for-the-badge)` 188 | | `![JIRA](https://img.shields.io/badge/JIRA-0052CC?logo=jira&style=for-the-badge)` 189 | | `![JFrog](https://img.shields.io/badge/JFrog-41BF47?logo=jfrog&logoColor=white&style=for-the-badge)` 190 | ### 设计 191 | 192 | 193 | Badge | Uri 194 | ------------ | ------------- 195 | | `![Sketch](https://img.shields.io/badge/Sketch-333?logo=sketch&style=for-the-badge)` 196 | ### Adobe 197 | 198 | 199 | Badge | Uri 200 | ------------ | ------------- 201 | | `![Adobe Photoshop](https://img.shields.io/badge/Adobe Photoshop-31A8FF?logo=Adobe-Photoshop&logoColor=white&style=for-the-badge)` 202 | | `![Adobe Premiere Pro](https://img.shields.io/badge/Adobe Premiere Pro-EA77FF?logo=Adobe-Premiere-Pro&logoColor=white&style=for-the-badge)` 203 | | `![Adobe Dreamweaver](https://img.shields.io/badge/Adobe Dreamweaver-FF61F6?logo=Adobe-Dreamweaver&logoColor=white&style=for-the-badge)` 204 | | `![Adobe XD](https://img.shields.io/badge/Adobe XD-FF26BE?logo=Adobe-XD&logoColor=white&style=for-the-badge)` 205 | | `![Adobe InDesign](https://img.shields.io/badge/Adobe InDesign-EE3D8F?logo=Adobe-InDesign&logoColor=white&style=for-the-badge)` 206 | | `![Adobe Creative Cloud](https://img.shields.io/badge/Adobe Creative Cloud-DA1F26?logo=Adobe-Creative-Cloud&logoColor=white&style=for-the-badge)` 207 | | `![Adobe Acrobat Reader](https://img.shields.io/badge/Adobe Acrobat Reader-EC1C24?logo=Adobe-Acrobat-Reader&logoColor=white&style=for-the-badge)` 208 | | `![Adobe](https://img.shields.io/badge/Adobe-FF0000?logo=Adobe&logoColor=white&style=for-the-badge)` 209 | | `![Adobe Illustrator](https://img.shields.io/badge/Adobe Illustrator-FF9A00?logo=Adobe-Illustrator&logoColor=white&style=for-the-badge)` 210 | | `![Adobe PhoneGap](https://img.shields.io/badge/Adobe PhoneGap-27A1C5?logo=Adobe-PhoneGap&logoColor=white&style=for-the-badge)` 211 | | `![Adobe Lightroom CC](https://img.shields.io/badge/Adobe Lightroom CC-31A8FF?logo=Adobe-Lightroom-CC&logoColor=white&style=for-the-badge)` 212 | | `![Adobe Lightroom Classic](https://img.shields.io/badge/Adobe Lightroom Classic-31A8FF?logo=Adobe-Lightroom-Classic&logoColor=white&style=for-the-badge)` 213 | | `![Adobe After Effects](https://img.shields.io/badge/Adobe After Effects-9999FF?logo=Adobe-After-Effects&logoColor=white&style=for-the-badge)` 214 | | `![Adobe Audition](https://img.shields.io/badge/Adobe Audition-9999FF?logo=Adobe-Audition&logoColor=white&style=for-the-badge)` 215 | | `![Adobe Fonts](https://img.shields.io/badge/Adobe Fonts-323232?logo=Adobe-Fonts&logoColor=white&style=for-the-badge)` 216 | ### 云服务 217 | 218 | 219 | Badge | Uri 220 | ------------ | ------------- 221 | | `![Google Cloud](https://img.shields.io/badge/Google Cloud-4285F4?logo=google-cloud&logoColor=white&style=for-the-badge)` 222 | | `![Amazon AWS](https://img.shields.io/badge/Amazon AWS-232F3E?logo=amazon-aws&logoColor=white&style=for-the-badge)` 223 | | `![Microsoft Azure](https://img.shields.io/badge/Microsoft Azure-0089D6?logo=microsoft-azure&logoColor=white&style=for-the-badge)` 224 | | `![Oracle Cloud](https://img.shields.io/badge/Oracle Cloud-F80000?logo=oracle&logoColor=white&style=for-the-badge)` 225 | ### 数据库 226 | 227 | 228 | Badge | Uri 229 | ------------ | ------------- 230 | | `![mysql](https://img.shields.io/badge/mysql-00000f.svg?logo=mysql&logoColor=white&style=for-the-badge)` 231 | | `![MongoDB](https://img.shields.io/badge/MongoDB-4ea94b.svg?logo=mongodb&logoColor=white&style=for-the-badge)` 232 | | `![sqlite](https://img.shields.io/badge/sqlite-07405e.svg?logo=sqlite&logoColor=white&style=for-the-badge)` 233 | | `![postgres](https://img.shields.io/badge/postgres-316192.svg?logo=postgresql&logoColor=white&style=for-the-badge)` 234 | ### Microsoft 235 | 236 | 237 | Badge | Uri 238 | ------------ | ------------- 239 | | `![Microsoft Teams](https://img.shields.io/badge/Microsoft Teams-6264A7?logo=microsoft-teams&logoColor=white&style=for-the-badge)` 240 | | `![Microsoft Outlook](https://img.shields.io/badge/Microsoft Outlook-0078D4?logo=microsoft-outlook&logoColor=white&style=for-the-badge)` 241 | | `![Microsoft Excel](https://img.shields.io/badge/Microsoft Excel-217346?logo=microsoft-excel&logoColor=white&style=for-the-badge)` 242 | | `![Microsoft PowerPoint](https://img.shields.io/badge/Microsoft PowerPoint-B7472A?logo=microsoft-powerpoint&logoColor=white&style=for-the-badge)` 243 | | `![Microsoft Access](https://img.shields.io/badge/Microsoft Access-A4373A?logo=microsoft-access&logoColor=white&style=for-the-badge)` 244 | | `![Microsoft SQL](https://img.shields.io/badge/Microsoft SQL Server-CC2927?logo=microsoft-sql-server&logoColor=white&style=for-the-badge)` 245 | | `![Microsoft Office](https://img.shields.io/badge/Microsoft Office-D83B01?logo=microsoft-office&logoColor=white&style=for-the-badge)` 246 | | `![Microsoft SharePoint](https://img.shields.io/badge/Microsoft SharePoint-0078D4?logo=microsoft-sharepoint&logoColor=white&style=for-the-badge)` 247 | | `![Microsoft Word](https://img.shields.io/badge/Microsoft Word-2B579A?logo=microsoft-word&logoColor=white&style=for-the-badge)` 248 | | `![Microsoft Visio](https://img.shields.io/badge/Microsoft Visio-3955A3?logo=microsoft-visio&logoColor=white&style=for-the-badge)` 249 | | `![Microsoft SQL Server](https://img.shields.io/badge/SQL Server-CC2927?logo=microsoft-sql-server&logoColor=white&style=for-the-badge)` 250 | | `![Microsoft](https://img.shields.io/badge/Microsoft-666666?logo=microsoft&logoColor=white&style=for-the-badge)` 251 | 252 | ## 🌐 社交媒体 253 | 254 | Badge | Uri 255 | ------------ | ------------- 256 | | `![Facebook](https://img.shields.io/badge/Facebook-1877F2.svg?logo=facebook&logoColor=white&style=for-the-badge)` 257 | | `![Instagram](https://img.shields.io/badge/Instagram-E4405F.svg?logo=instagram&logoColor=white&style=for-the-badge)` 258 | | `![Twitter](https://img.shields.io/badge/Twitter-1DA1F2.svg?logo=twitter&logoColor=white&style=for-the-badge)` 259 | | `![Linkedin](https://img.shields.io/badge/Linkedin-0077B5.svg?logo=linkedin&logoColor=white&style=for-the-badge)` 260 | | `![Github](https://img.shields.io/badge/Github-100000.svg?logo=github&logoColor=white&style=for-the-badge)` 261 | | `![Reddit](https://img.shields.io/badge/Reddit-FF4500.svg?logo=reddit&logoColor=white&style=for-the-badge)` 262 | | `![Tiktok](https://img.shields.io/badge/Tiktok-000000.svg?logo=tiktok&style=for-the-badge)` 263 | | `![XDA](https://img.shields.io/badge/XDA developers-F59812?logo=xda-developers&logoColor=white&style=for-the-badge)` 264 | | `![Stack](https://img.shields.io/badge/Stack overflow-FE7A16?logo=stack-overflow&logoColor=white&style=for-the-badge)` 265 | | `![Twitch](https://img.shields.io/badge/Twitch-blueviolet?logo=Twitch&logoColor=white&style=for-the-badge)` 266 | 267 | ## 🎶 音乐 268 | 269 | Badge | Uri 270 | ------------ | ------------- 271 | | `![spotify](https://img.shields.io/badge/spotify-1ED760.svg?logo=spotify&logoColor=white&style=for-the-badge)` 272 | | `![deezer](https://img.shields.io/badge/deezer-FEAA2D.svg?logo=deezer&logoColor=white&style=for-the-badge)` 273 | | `![audacity](https://img.shields.io/badge/audacity-0000CC.svg?logo=audacity&logoColor=white&style=for-the-badge)` 274 | | `![apple podcasts](https://img.shields.io/badge/apple podcasts-9933CC?logo=apple-podcasts&logoColor=white&style=for-the-badge)` 275 | | `![google podcasts](https://img.shields.io/badge/google podcasts-4285F4?logo=google-podcasts&logoColor=white&style=for-the-badge)` 276 | | `![youtube music](https://img.shields.io/badge/youtube music-FF0000?logo=youtube-music&logoColor=white&style=for-the-badge)` 277 | | `![apple music](https://img.shields.io/badge/apple music-000?logo=apple-music&logoColor=white&style=for-the-badge)` 278 | | `![soundcloud](https://img.shields.io/badge/soundcloud-FF3300?logo=soundcloud&logoColor=white&style=for-the-badge)` 279 | 280 | ## 🛒 App商店 281 | 282 | Badge | Uri 283 | ------------ | ------------- 284 | | `![Google Play](https://img.shields.io/badge/Google Play-414141?logo=google-play&logoColor=white&style=for-the-badge)` 285 | | `![App Store](https://img.shields.io/badge/App Store-0D96F6?logo=app-store&logoColor=white&style=for-the-badge)` 286 | 287 | ## 🎞 流媒体 288 | 289 | Badge | Uri 290 | ------------ | ------------- 291 | | `![Youtube](https://img.shields.io/badge/Youtube gaming-FF0000?logo=youtube-gaming&logoColor=white&style=for-the-badge)` 292 | | `![Twitch](https://img.shields.io/badge/Twitch-9146FF.svg?logo=twitch&logoColor=white&style=for-the-badge)` 293 | | `![Facebook](https://img.shields.io/badge/Facebook gaming-005FED?logo=facebook-gaming&logoColor=white&style=for-the-badge)` 294 | | `![Crunchyroll](https://img.shields.io/badge/Crunchyroll-F47521?logo=Crunchyroll&logoColor=white&style=for-the-badge)` 295 | | `![Netflix](https://img.shields.io/badge/Netflix-E50914?logo=netflix&logoColor=white&style=for-the-badge)` 296 | 297 | ## 💻 工作配置 298 | 299 | Badge | Uri 300 | ------------ | ------------- 301 | | `![nvidia-gtx2080](https://img.shields.io/badge/nvidia-gtx2080-76B900.svg?logo=nvidia&logoColor=white&style=for-the-badge)` 302 | | `![amd-Radeon RX 5500](https://img.shields.io/badge/amd-Radeon RX 5500-ED1C24.svg?logo=amd&logoColor=white&style=for-the-badge)` 303 | | `![intel-core i7 10th](https://img.shields.io/badge/intel-core i7 10th-0071C5.svg?logo=intel&logoColor=white&style=for-the-badge)` 304 | | `![amd-Ryzen 7 3800X](https://img.shields.io/badge/amd-Ryzen 7 3800X-ED1C24.svg?logo=amd&logoColor=white&style=for-the-badge)` 305 | | `![windows-asus zenbook 3](https://img.shields.io/badge/windows-asus zenbook 3-0078D6.svg?logo=windows&logoColor=white&style=for-the-badge)` 306 | | `![apple-mbp 2020](https://img.shields.io/badge/apple-mbp 2020-999999.svg?logo=apple&logoColor=white&style=for-the-badge)` 307 | 308 | 309 | ## 想在标签上加链接？ 310 | 311 | [![github](https://img.shields.io/badge/github-12100E.svg?&logo=github&logoColor=white&style=for-the-badge)](https://github.com/hawtim) 312 | 313 | 示例： 314 | `[![github](https://img.shields.io/badge/github-12100E.svg?&style=for-the-badge&logo=github&logoColor=white)](https://github.com/hawtim)` 315 | 316 | ## ✏ 自定义 317 | 318 | 你可以通过以下的 url 修改参数后得到不同款式的徽章： 319 | 320 | `https://img.shields.io/badge/{FIRST}-{SECONDARY}-%23{HEX-COLOR}.svg?&style=for-the-badge&logo={ICON}&logoColor=white` 321 | 322 | - 删掉 {SECONDARY} 获取更小尺寸的徽章 323 | - 获取 icon{ICON} 名称和对应的颜色{HEX-COLOR} [查看这里](https://simpleicons.org/) 324 | 325 | ## ❤ 更多 326 | 327 | 感谢 [Badges4-README.md-Profile](https://github.com/alexandresanlim/Badges4-README.md-Profile) 项目提供的灵感。 328 | 329 | 感谢 [Shields Project](https://github.com/badges/shields) 为这些徽章提供的服务。 330 | 331 | 关注：[![badge-collection](https://img.shields.io/github/followers/hawtim?label=GitHub&style=social)](https://github.com/hawtim) --------------------------------------------------------------------------------