GitHub Badges

Trong bài viết này, mình sẽ hướng dẫn các bạn cách tạo GitHub Badges. Đây là một tính năng mới của GitHub, nó cho phép các bạn tạo các badge để hiển thị trên profile của mình.

Giới thiệu

GitHub Badges là những badge được hiển thị trên profile của bạn. Các badge này có thể hiển thị các thông tin như: số lượng followers, số lượng repositories, thông tin về số lượt truy cập vào profile của bạn, ...

Cách tạo GitHub Badges

Hiện nay, bạn có thể dễ dàng tạo GitHub Badges thông qua những công cụ có sẵn. Các công cụ này sẽ giúp bạn tạo các badge một cách dễ dàng.

1. shields.io

Shields.io là một công cụ giúp bạn tạo các badge một cách dễ dàng. Trang web này cung cấp các badge với nhiều màu sắc và kiểu dáng khác nhau. Một số loại badge phổ biến như: social, version, downloads, rating, size, activity, custom,...

Một số ví dụ về các badge:

2. GitHub Readme Stats

GitHub Readme Stats là một công cụ giúp bạn tạo các badge về các thông tin của bạn trên GitHub: số lượng stars, số lượng commits, số lượng issues, số lượng pull requests, số ngày streak, top các ngôn ngữ lập trình được sử dụng, ...

Một số ví dụ về các badge:

GitHub Stats

![GitHub Stats](https://github-readme-stats.vercel.app/api?username=TienNHM&show_icons=true&theme=tokyonight)

GitHub Streak

![GitHub Streak](https://github-readme-streak-stats.herokuapp.com/?user=TienNHM&theme=radical)

GitHub Top Languages

![GitHub Top Languages](https://github-readme-stats.vercel.app/api/top-langs/?username=TienNHM&layout=compact&theme=dark)

![GitHub Top Languages](https://github-readme-stats.vercel.app/api/top-langs/?username=TienNHM&layout=donut-vertical&theme=rose)

![GitHub Top Languages](https://github-readme-stats.vercel.app/api/top-langs/?username=TienNHM&layout=donut&theme=swift)

3. GitHub Profile Trophy

GitHub Profile Trophy là một công cụ giúp bạn tạo các badge về các thành tích của bạn trên GitHub. Một số trophy phổ biến như: Stars, Followers, Reviews, Repositories, Commits, Pull Request, Issues,...

Một số ví dụ về các badge:

![GitHub Trophy](https://github-profile-trophy.vercel.app/?username=TienNHM&theme=onedark&column=-1)

![GitHub Trophy](https://github-profile-trophy.vercel.app/?username=TienNHM&theme=onedark&column=-1&no-bg=true)

![GitHub Trophy](https://github-profile-trophy.vercel.app/?username=TienNHM&theme=buddhism&column=4&row=4&no-frame=true)

![GitHub Trophy](https://github-profile-trophy.vercel.app/?username=TienNHM&theme=juicyfresh&column=4&row=4&margin-w=15&margin-h=15)

4. GitHub Profile Views Counter

GitHub Profile Views Counter là một công cụ giúp bạn tạo các badge về số lượt truy cập vào profile của bạn. Công cụ này sẽ đếm số lượt truy cập vào profile của bạn và hiển thị lên badge.

Một số ví dụ về các badge:

![GitHub Profile Views](https://komarev.com/ghpvc/?username=TienNHM&color=blue)

![GitHub Profile Views](https://komarev.com/ghpvc/?username=TienNHM&color=red&style=plastic-square&label=TIENNHM+PROFILE+VIEWS)

![GitHub Profile Views](https://komarev.com/ghpvc/?username=TienNHM&color=blue&style=for-the-badge)

5. Github Readme Activity Graph

GitHub Readme Activity Graph là một công cụ giúp bạn tạo ra các biểu đồ về các hoạt động của bạn trên GitHub.

Một số ví dụ về các badge:

![TienNHM's github activity graph](https://github-readme-activity-graph.vercel.app/graph?username=TienNHM&theme=dracula&custom_title=Theme+dracula)

![TienNHM's github activity graph](https://github-readme-activity-graph.vercel.app/graph?username=TienNHM&theme=react-dark&custom_title=Theme+react-dark&height=600&area=true)

![TienNHM's github activity graph](https://github-readme-activity-graph.vercel.app/graph?username=TienNHM&theme=vue&custom_title=Theme+vue&radius=16&hide_border=true)

6. GitHub Profile Summary Cards

GitHub Profile Summary Cards là một công cụ giúp bạn tạo các badge về các thông tin của bạn trên GitHub: số lượng stars, số lượng commits, số lượng issues, số lượng pull requests, số ngày streak, top các ngôn ngữ lập trình được sử dụng, ...

Một số ví dụ về các badge:

Summary

![Summary](http://github-profile-summary-cards.vercel.app/api/cards/profile-details?username=TienNHM&theme=algolia)

Top Languages by Repository

![Top Languages by Repository](http://github-profile-summary-cards.vercel.app/api/cards/repos-per-language?username=TienNHM&theme=material_palenight)

Top Languages by Commit

![Top Languages by Commit](http://github-profile-summary-cards.vercel.app/api/cards/most-commit-language?username=TienNHM&theme=tokyonight)

Stats

![Stats](http://github-profile-summary-cards.vercel.app/api/cards/stats?username=TienNHM&theme=material_palenight)

Commits

![Commits](http://github-profile-summary-cards.vercel.app/api/cards/productive-time?username=TienNHM&theme=transparent&utcOffset=7)

Tổng kết

Trong bài viết này, mình đã hướng dẫn các bạn cách tạo GitHub Badges. Hy vọng bài viết này sẽ giúp ích cho các bạn. Nếu có thắc mắc gì, các bạn có thể để lại comment phía dưới.