GitHub美化主页设计（保姆教程）

Wisdom_xiaogui

前言

😎Hello，大家好，我是zhe，有时候我们在逛github的时候，发现为什么别人的仓库这么炫酷，其原理就是Markdown形式的展现，今天我们来学习如何美化自己的Github主页，开始学习吧！
作者github仓库（到时候有空再继续整这些花里胡哨的东西）

1、GitHub页面展示

更多优秀页面展示
展示页面原链接

2、GitHub Profile设置教程

炫酷的页面原理就是对自己本仓库的readme.md进行一个编写

具体流程：

1. 创建与github用户名同名的代码仓库，点击New创建，网页会自动提示这个仓库是一个特殊的仓库，可以通过README.md来打造你个人github的简历。
   

2. 勾选 Add a README file

3. 点击 “Create Repository”，如下图
   

   到这里我们就完成了！不过如果你想美化自己的主页的话，还需要进行下面的改造！

3、美化主页

3.1、直接编辑 README.md

只需要将内容直接添加到README.md上即可

README.md插件使用语法：

![](url)

3.2、仓库状态统计

仓库状态统计参考文档

下面展示仓库状态统计的设置，需要把username修改成自己的GitHub名字。通过给url增加参数的形式，可以设置theme主题内容；更多详细内容可以参考README.md参考文档的GitHub Stats Card介绍。

![](https://github-readme-stats.vercel.app/api?username=你的Github用户名e&show_icons=true&theme=transparent)

3.3、主页访问量统计

注意需要将url中的wisdom-zhe换成自己用户名

![Visitor Count](https://profile-counter.glitch.me/你的Github用户名/count.svg)

3.4、常用语言占比统计

注意需要将username换成自己用户名

![Top Langs](https://github-readme-stats.vercel.app/api/top-langs/?username=你的Github用户名&layout=compact&theme=tokyonight)

3.5、Github活动统计图

更多活动统计图主题

![](https://github-readme-activity-graph.cyclic.app/graph?username=你的Github用户名&theme=dracula)

3.6、一些常用的标签设计网址

shields.io(标签)   和   dev.to(LOGO)

shields.io(标签)示例

如：

![](https://img.shields.io/badge/java-1.0-brightgreen)

dev.to(LOGO)示例,去dev.io网址，找到对应logo，复制url,粘贴替换即可。

如：

![](https://img.shields.io/badge/iTerm2-000000?style=for-the-badge&logo=iterm2&logoColor=white)

最后

• 如果想麻烦，直接复制别人的README.md，粘贴到自己的README.md,再修改即可
• 原始文章出处，欢迎大家指点！

陈宇轩

多谢施主分享，施主乐善好施，哦弥陀佛

苏浩

很受用的教程

cnwutianhao

很受用的教程

alongzhenggang

谢施主分享，施主乐善好施，哦弥陀佛

langbi

用心讨论，共获提升！

Liars

很详细的教程，感谢楼主分享！

kutwsswhere

学习一下

apull

多谢分享，学习了

sparker351

太细化这个了。谢谢