beautify-github-profile README

The project's README from github.com/rzashakeri/beautify-github-profile. As one markdown file: README.md.

Beautify Github Profile - Create a beautiful and attractive github profile very easy | Product Hunt Beautify Github Profile - Create a beautiful and attractive github profile very easy | Product Hunt Beautify Github Profile - Create a beautiful and attractive github profile very easy | Product Hunt

GitHub Repo stars GitHub forks GitHub watchers GitHub contributors GitHub last commit GitHub GitHub closed issues GitHub closed pull requests Static Badge


Hello friends 🖐️

How are you? If you want to make the look of your github profile more beautiful, you have come to the right place.

📖 Table of Contents

📌 The first step : Set up the GitHub Repository

Create a repository with your GitHub username 👇

Template : 👇

https://github.com/username/username

Example : 👇

https://github.com/rzashakeri/rzashakeri

After Create Repository, Create a README.md in Repository and Done ✅

Now that we have built the repository, we come to the interesting part: designing our README.md.

Persian guide for first step 👉 Link 🔗

💡 Where do we get ideas ?

You must have been asked which profiles to get ideas from? You can see the profile of different people through the site below the gateway profile and get ideas from them 👇

🔗 Awesome Github Profile

🚩 What do we do after seeing these profiles ?

Well, so far you have been able to find cool ideas from the profiles of different people. Now it's time to use different tools to beautify your github profile, which you can access from the list below.

🧩 Badges 👇

Click to expand list

1 . shields

Concise, consistent, and legible badges in SVG and raster format and Make tokens with custom values

📍 For example :

Reza Shakeri AppVeyor tests badge Open VSX Rating (Stars) badge

2 . Markdown badges in many different categories

Badges for your personal developer branding, profile, and projects.

📍 For example :

Bitcoin Mysql React Python

3 . Badges 4 README.md Profile

Improve your README.md profile with these amazing badges.

📍 For example :

dev Xcode R

4 . Github Profile Views Counter

It counts how many times your GitHub profile has been viewed. Free cloud micro-service.

📍 For example :

Profile views for the badge Profile views for flat style

5 . List of Badges, in Markdown

A list of badges and cards, with their Markdown code, that can be included in a README.md file for a GitHub

📍 For example :

Ask Me Anything PyPI download day GitHub forks GitHub stars

6 . For The Badge

Badges for badges' sake.

📍 For example :

Grunt status Grunt status

7 . Badgen

Fast badge generating service

📍 For example :

Demo1 Demo2 Demo3

8 . Badges for GitHub

A Curated list of Badges used in GitHub

📍 For example :

Gmail Telegram Linux

9 . Custom Icon Badges

Allows users to more easily use Octicons and their own icons and logos in shields.io badges

📍 For example :

GitHub stars GitHub open issues GitHub license GitHub build status GitHub last commit Total contributions

10 . GitHub Profile Views Counter

Track your GitHub profile views and analyze statistics.

📍 For example :

Demo
YaroslavPodorvanov

11 . pepy

pepy is a site to get statistics information about any Python package

📍 For example :

Downloads

12 . ColoredBadges

Some badges I created for my GitHub profile readme.

📍 For example :

csharp php

13 . m3-Markdown-Badges

🏅 A Material You inspired markdown badge collection.

📍 For example :

Demo1 Demo2

14 . Discord Md Badge

Add to your GitHub readme a badge that shows your Discord username and presence!

📍 For example :

15 . GitHub Profile Badges

Clean badges for your GitHub Profile Readme

📍 For example :

16 . simple badges

Awesome Simple Icons on your favorite Shields.io Badges. Try out on your profile today!

📍 For example :

Python Badge Iconify Badge FIFA Badge

17 . hits

📈 Hit Counter for Your GitHub or Any Kind of Websites You Want.

📍 For example :

Hits

18 . gradient badge

The demo page doesn't work anymore. But you can still use the service via a url like this: https://gradgen.bokub.workers.dev/npm/v/gradient-badge?gradient=b65cff,11cbfa.

🍭 Badge generator with color gradient support

📍 For example :

npm demo prettier build

19 . Aoc Badges Action

Github Action to update the badges of your Readme to show your current Advent of Code stats

📍 For example :

20 . Github Badges

Application made to create badges for your readme 📑

📍 For example :

GithubBadges

21 . laravel github profile view counter

This package will allows you to track Github profile views and display them in your profile readme, for free.

📍 For example :

laravel github profile view counter

22 . Stackoverflow Badge

Display your stats with this unique StackOverflow Badge

📍 For example :

Stackoverflow Badge

23 . AppVeyor

A Project status badge is a dynamically generated image displaying the status of the last build. You can put a status badge on the home page of your GitHub project or intranet portal:

📍 For example :

Grunt status Project Badge

24 . Grunt Badge

Do you use Grunt in a project and want to proudly display that in your project README or on your project website? Now you can with the "Built with Grunt" badge!

📍 For example :

Built with Grunt Coverage Status

25 . semaphoreci Status Badges

Create a badge that displays your project's current build status. The build status is determined by the status of the first pipeline in your newest workflow. You can use this badge in your project's README file or any web page.

📍 For example :

semaphore docs

26 . Version Badge

Once the package owner adds this badge to their README file, it will inform and link all visitors to the latest version of that package.

📍 For example :

PyPI version

27 . Stardev

Stardev ranks every GitHub user and repository by language and location. You can get a HTML or Markdown badge that shows your global rank across all languages and your top languages by star count.

📍 For example :

Check out oliyh's profile on stardev.io

Outdated

Click to expand list

The servers of these projects are down. But they are still interesting for inspiration or forking.

28 . View Count Badge

A badge generator service that counts views on your markdown file.

📍 For example :

View Count Badge

29 . Peerlist Profile Badge

Peerlist is a community of working professionals focused on building a personal brand, sharing professional content, and finding peers to collaborate with. A Peerlist profile can be used as a simple resume or a complete portfolio to showcase your work. You can style your profile README.md with an awesome Peerlist markdown badge.

📍 For example :

Peerlist

30 . Topmate Profile Badge

Topmate is a platform to connect 1:1 with your audience & monetise your time better. Basically, one link to do it all. Even better, you can now add a markdown badge in your GitHub profile README to connect with your community! Try it out here: topmate-readme-badge.netlify.app


🛠️ Widgets 👇

Click to expand list (1~50)

1 . github readme stats

Dynamically generated stats for your github readmes

📍 For example :

beautify-github-profile (rzashakeri/beautify-github-profile)

Searching Database…

这是什么?这是一个精选的工具和教程合集,帮助你把 GitHub 个人主页的 README 装扮得更漂亮,内容涵盖徽章、小组件、图标、主页生成器和表情符号。
这是一个工具,还是一份工具列表?它是一份精选的外部工具和服务列表(包括徽章生成器、小组件、图标包、主页生成器),本身并不是某一个单独的工具。
我该如何开始制作自己的个人主页 README?新建一个名称与你的 GitHub 用户名完全一致的仓库,在其中添加 README.md 文件,然后用链接中的工具开始自定义。
使用这些徽章和小组件需要注册什么服务吗?大多数徽章不需要专门的账号(只需通过 Markdown 或 URL 嵌入即可),不过像 Discord 徽章或 Stack Overflow 徽章这类小组件,会调取与你现有账号绑定的数据。
列表中的工具现在都还能用吗?不能。列表中有些条目已标注为过时,因为它们的服务器已经停止运行,但仍保留下来供参考,或供你复刻(fork)使用。
在哪里可以找到示例主页来获取灵感?项目提供了一个 Awesome Github Profile 导航网站,你可以在那里浏览别人的主页,在自定义自己的主页之前获取设计灵感。
除了徽章,列表里还包括哪些小组件?列表中有动态生成的统计类小组件,例如 'github readme stats',它们会直接在你的 README 中显示实时统计图片。
我能统计自己的主页被访问了多少次吗?可以。列表中包含几款免费的访问计数服务,例如 'GitHub Profile Views Counter' 和 'hits',它们会生成显示访问次数的徽章。
列表是否包含我自己项目的构建状态徽章?包含。列表中有来自 AppVeyor、SemaphoreCI 和 Grunt 等服务的 CI 构建状态徽章,可以嵌入到项目的 README 中。
Creator
rzashakeri
Size
3.2 MB
Stars
12.6K
Updated
CommitOct 18
Age
4y
Commits · 90 Days