第一次看见这么酷炫的 GitHub 首页
原创
前言
- 大家好，我是 Lorin，想必大家在日常中经常会对自己使用的开发工具进行美化，比如 IDE、命令行 等等，那你的 GitHub 美化了？
- 想必大家以前的 GitHub 和我一样都这样平平无奇：
1697899236598.png
- 接下来看一下优化后的酷炫首页：
1697899340471.png
- 个人比较喜欢简约的风格，大家可以根据自己喜好定制一些酷炫的风格。
- 现在想必大家都想拥有一个这么酷炫的首页，接下来我就带大家从 0 到 1 完成整个 GitHub 首页的优化。
如何实现 DIY GitHub 首页
- 实现方式很简单，你只需要建立一个和你 GitHub 同名的仓库就可以开始我们的 DIY 工作了。
创建一个同名仓库
- 我的 GitHub ID为 Lorin-github，所以我建立一个名为 Lorin-github public 仓库，并点击创建 README.md 文件。
1697890944816.png
- 创建成功，点击回到首页发现我们第一步已经大功告成，下一步就是编辑 Markdown 文件按照我们想要的样式进行 DIY 了。
1697891088249.png
常用组件介绍
GitHub Readme Stats
- 工具使用入口：GitHub Readme Stats，下面是其中一些常用组件的介绍。
GitHub Stats Card（GitHub 统计卡片）
- 该组件可以统计我们的 GitHub 一些详细动态数据，比如 Stars、commit、PR 等数据，下面展示最简单样式，我们可以自定义配置字段、卡片等样式。
1697894766997.png
- 如果不想去深入了解的小伙伴，可以直接将下面的 GitHub ID 替换为你自己的：
[](https://github.com/anuraghazra/github-readme-stats)Most used languages（常用语言统计）
- 该组件可以统计出我们 GitHub 项目中语言使用占比。
1697895400504.png
GitHub Profile Trophy
- ? Add dynamically generated GitHub Stat Trophies on your readme.(在你的readme文件上添加 GitHub 数据奖杯)
1697895572148.png
- 工具传送门：GitHub Profile Trophy
- 如果不想去深入了解的小伙伴，可以直接将下面的 GitHub ID 替换为你自己的：
[](https://github.com/ryo-ma/github-profile-trophy)Shields（GitHub 徽章）
- 大家是不是发现开源的项目有很多好看的小徽章，比如项目开发使用语言小图标，我们可以使用 Shields 工具进行生成，工具传送门：Shields
v2-dcd648eeacc30d6e7cf08edede38b112_720w.png
- 示例：
<span > <img src="https://img.shields.io/badge/-HTML5-E34F26?style=flat-square&logo=html5&logoColor=white" /> <img src="https://img.shields.io/badge/-CSS3-1572B6?style=flat-square&logo=css3" /> <img src="https://img.shields.io/badge/-JavaScript-oringe?style=flat-square&logo=javascript" /> </span>visitor-badge
- visitor-badge 可以帮助我们实时动态统计我们 GitHub 的访问次数，工具传送门：visitor-badge
1697896775647.png
Stats Cards（网站数据卡片）
- 该组件可以让我们实际统计我们其它平台的一些数据，比如关注数、解决问题数等等，目前支持知乎、B站、LeetCode、牛客、CSDN、网易云、掘金等平台，有兴趣的小伙伴可以加上。
- 传送门：Stats Cards
1697896882228.png
1697896898418.png
动态打字特效
- 一种酷炫的动态循环打字特效，正如我的首页展示的那样。
- 工具传送门：Readme Typing SVG
1697899015137.png
模板推荐
自荐
- 个人比较喜欢简单的风格，有兴趣的小伙伴欢迎使用！
- 工具传送门：Lorin-github
1697899340471.png
Awesome GitHub Profile README（模板收集）
- 该 GitHub 仓库中收集了一些还不错的模板，大家可以借鉴参考一下，或者选择自己喜欢喜欢的模板使用。
- 仓库传送门：Awesome GitHub Profile README
最后
- 如果内容对您有帮助，请多多点赞关注支持，谢谢！
个人简介
? 你好，我是 Lorin 洛林，一位 Java 后端技术开发者！座右铭：Technology has the power to make the world a better place.
? 我对技术的热情是我不断学习和分享的动力。我的博客是一个关于Java生态系统、后端开发和最新技术趋势的地方。
? 作为一个 Java 后端技术爱好者，我不仅热衷于探索语言的新特性和技术的深度，还热衷于分享我的见解和最佳实践。我相信知识的分享和社区合作可以帮助我们共同成长。
? 在我的博客上，你将找到关于Java核心概念、JVM 底层技术、常用框架如Spring和Mybatis 、MySQL等数据库管理、RabbitMQ、Rocketmq等消息中间件、性能优化等内容的深入文章。我也将分享一些编程技巧和解决问题的方法，以帮助你更好地掌握Java编程。
? 我鼓励互动和建立社区，因此请留下你的问题、建议或主题请求，让我知道你感兴趣的内容。此外，我将分享最新的互联网和技术资讯，以确保你与技术世界的最新发展保持联系。我期待与你一起在技术之路上前进，一起探讨技术世界的无限可能性。
? 保持关注我的博客，让我们共同追求技术卓越。
原创声明：本文系作者授权腾讯云开发者社区发表，未经许可，不得转载。
如有侵权，请联系 cloudcommunity@tencent.com 删除。
原创声明：本文系作者授权腾讯云开发者社区发表，未经许可，不得转载。
如有侵权，请联系 cloudcommunity@tencent.com 删除。
评论
登录后参与评论
推荐阅读
目录
相关产品与服务
云数据库 MySQL
腾讯云数据库 MySQL（TencentDB for MySQL）为用户提供安全可靠，性能卓越、易于维护的企业级云数据库服务。其具备6大企业级特性，包括企业级定制内核、企业级高可用、企业级高可靠、企业级安全、企业级扩展以及企业级智能运维。通过使用腾讯云数据库 MySQL，可实现分钟级别的数据库部署、弹性扩展以及全自动化的运维管理，不仅经济实惠，而且稳定可靠，易于运维。