我做了一个炫酷的 GitHub 主页，竟一夜涨粉...

本文由 #公众号：一个正经的程序员 原创 作者：散淡样子 GitHub：https://github.com/LouisLiu00

00、前言

在这个数字化代码编织的时代，GitHub 早已不仅仅是一个代码托管平台，它更像是程序员们交流思想、展示才华的虚拟舞台。每一个精心设计的仓库、每一次代码的提交，都在无声地诉说着开发者的故事与追求。而 GitHub 主页，作为这张舞台的幕布，其重要性不言而喻。

起初，我的 GitHub 主页和其他初学者一样，简单、朴素，甚至可以说是有些简陋。几行基础的自我介绍，几个零散的项目链接，就像是茫茫代码海洋中的一叶扁舟，难以引起他人的注意。最近看到那些设计精美、内容丰富的个人主页时，心中总会涌起一股不甘与向往。于是，我暗下决心，要给自己的 GitHub 主页来一次全面改造。

没想到，这一小小的改变，竟在一夜之间为我带来了意想不到的涨粉热潮......

GitHub 主页：https://github.com/LouisLiu00，目前共有 English | 简体中文 | 繁體中文 三个版本，复制链接到浏览器打开查看，别忘记点个 ⭐ Star 哦。

01、实现原理

新建一个和自己 GitHub 用户名同名的仓库，一定要设置 public 访问权限，并勾选 Add a README.md file。README.md 默认会有以下内容，包含一个三级标题和一个注释块说明。这里面介绍了可以通过 Markdown 语法在个人主页上添加内容。

当然，熟悉 Markdown 的朋友也知道，.md 文件还是可以利用 HTML 语法标签进行更丰富的自定义样式。

### Hi there 👋

<!--
**username/<username>** is a ✨ _special_ ✨ repository because its `README.md` (this file) appears on your GitHub profile.

Here are some ideas to get you started:

- 🔭 I’m currently working on ...
- 🌱 I’m currently learning ...
- 👯 I’m looking to collaborate on ...
- 🤔 I’m looking for help with ...
- 💬 Ask me about ...
- 📫 How to reach me: ...
- 😄 Pronouns: ...
- ⚡ Fun fact: ...
-->

02、统计卡片

对于 标题，加粗，链接 等基础样式不做过多介绍，简单的 Markdown 语法就可以实现，我们重点讲一下统计卡片的展示。

奖牌

使用 https://github-profile-trophy.vercel.app API 即可显示奖牌卡片。其中 username 是自己的 GitHub 用户名，theme 设置主题，column 设置每行显示几个奖牌，-1 代表不限制，margin-w 设置每个奖牌间隔的像素，更多属性可以参阅文末文档。

<p>
  <img align="left" src="https://github-profile-trophy.vercel.app/?username=LouisLiu00&theme=onedark&column=-1&margin-w=15" />
</p>

活动图

使用 https://github-readme-activity-graph.vercel.app/graph API 即可显示活动图卡片。其中 username 是自己的 GitHub 用户名，theme 设置主题，custom_title 设置自定义标题，更多属性可以参阅文末文档。

[![activity graph](https://github-readme-activity-graph.vercel.app/graph?username=LouisLiu00&theme=merko&custom_title=Louis%20活动图&hide_border=true&point=FFFFFF&days=50)](https://github.com/LouisLiu00)

语言和工具

可以设置自己使用的编程语言和工具，还有 IDE, 联系方式等等，让更多人了解你多一点点。

我猜你肯定会问，“我在哪里去找这么多图标啊？”

别急，图标库直接给你安排上，可以充分展示你的 Ctrl + CV 大法了。老规矩，文末附官网链接。

另外，实在没有收录图标的话，就上官网找 favicon 图标。比如：

03、捐赠

噢！对了，还可以放上自己捐赠方式，万一有位隐藏的粉丝大佬就打赏一笔巨款呢！（疯狂暗示）

04、结语

未来，我将继续优化我自己，不断分享自己的技术心得和项目经验，与更多志同道合的朋友共同成长。我相信，只要保持这份热爱和坚持，我们都能在各自的领域里绽放出最耀眼的光芒。

在文章的尾声，我想对每一位耐心阅读至此的你，说一声真挚的感谢。你的每一分关注，都是对我莫大的鼓励和支持。或许，你正是一位对技术充满热情、渴望成长的开发者；或许，你只是一个对编程世界充满好奇、想要一探究竟的初学者。但无论你是谁，我都相信，你的到来，定有它的意义。

所以，别犹豫，点击那个小小的 “Follow” 按钮，让我们一起开启这段奇妙的旅程吧！未来的日子里，期待与你并肩作战，共同成长。都看到这里了，我的下一个粉丝，就是你！

05、参考文档

注：由于禁止访问外部链接，所以请复制到浏览器打开。 GitHub https://github.com/LouisLiu00 GitHub Profile Trophy https://github.com/ryo-ma/github-profile-trophy GitHub Readme Activity Graph https://github.com/Ashutosh00710/github-readme-activity-graph Vector Logo Zone Logo https://www.vectorlogo.zone Devicon https://devicon.dev