文章目录
- 前言
- 如何实现 DIY GitHub 首页
-
- 常用组件介绍
-
- GitHub Readme Stats
-
- GitHub Stats Card(GitHub 统计卡片)
- Most used languages(常用语言统计)
- GitHub Profile Trophy
- Shields(GitHub 徽章)
- visitor-badge
- Stats Cards(网站数据卡片)
- 动态打字特效
- 模板推荐
-
- 自荐
- Awesome GitHub Profile README(模板收集)
- 个人简介
前言
- 大家好,我是 Lorin,想必大家在日常中经常会对自己使用的开发工具进行美化,比如 IDE、命令行 等等,那你的 GitHub 美化了?
- 想必大家以前的 GitHub 和我一样都这样平平无奇:
![第一次看见这么酷炫的 GitHub 首页_第1张图片](http://img.e-com-net.com/image/info8/cfaafd0adfe944a4a664f951a21f0afb.jpg)
![第一次看见这么酷炫的 GitHub 首页_第2张图片](http://img.e-com-net.com/image/info8/393176bb102b4ea386d5ef99fd89669a.jpg)
- 个人比较喜欢简约的风格,大家可以根据自己喜欢的风格定制。
- 现在想必大家都想拥有一个这么酷炫的首页,接下来我就带大家从 0 到 1 完成整个 GitHub 首页的优化。
如何实现 DIY GitHub 首页
- 实现方式很简单,你只需要建立一个和你 GitHub 同名的仓库就可以开始我们的 DIY 工作了。
创建一个同名仓库
- 我的 GitHub ID为 Lorin-github,所以我建立一个名为 Lorin-github public 仓库,并点击创建 README.md 文件。
![第一次看见这么酷炫的 GitHub 首页_第3张图片](http://img.e-com-net.com/image/info8/ffd20579f04e473d80d6a5dccd43ca21.jpg)
- 创建成功,点击回到首页发现我们第一步已经大功告成,下一步就是编辑 Markdown 文件按照我们想要的样式进行 DIY 了。
![第一次看见这么酷炫的 GitHub 首页_第4张图片](http://img.e-com-net.com/image/info8/0e434cf9e17040c9917e852fa9a5c87f.jpg)
常用组件介绍
GitHub Readme Stats
- 工具使用入口:GitHub Readme Stats,下面是其中一些常用组件的介绍。
GitHub Stats Card(GitHub 统计卡片)
- 该组件可以统计我们的 GitHub 一些详细动态数据,比如 Stars、commit、PR 等数据,下面展示最简单样式,我们可以自定义配置字段、卡片等样式。
![第一次看见这么酷炫的 GitHub 首页_第5张图片](http://img.e-com-net.com/image/info8/17693e7add3948c08df83e5d457dbb7d.png)
- 如果不想去深入了解的小伙伴,可以直接将下面的 GitHub ID 替换为你自己的:
[![Lorin-github](https://github-readme-stats.vercel.app/api?username=Lorin-github)](https://github.com/anuraghazra/github-readme-stats)
Most used languages(常用语言统计)
- 该组件可以统计出我们 GitHub 项目中语言使用占比。
![第一次看见这么酷炫的 GitHub 首页_第6张图片](http://img.e-com-net.com/image/info8/8a03a5c343f7444a86179210d03b741a.png)
GitHub Profile Trophy
- Add dynamically generated GitHub Stat Trophies on your readme.(在你的readme文件上添加 GitHub 数据奖杯)
![1697895572148.png](http://img.e-com-net.com/image/info8/62e72acadcc1493caa2b0c09ccd9ace3.jpg)
- 工具传送门:GitHub Profile Trophy
- 如果不想去深入了解的小伙伴,可以直接将下面的 GitHub ID 替换为你自己的:
[![Lorin-github](https://github-profile-trophy.vercel.app/?username=Lorin-github)](https://github.com/ryo-ma/github-profile-trophy)
Shields(GitHub 徽章)
- 大家是不是发现开源的项目有很多好看的小徽章,比如项目开发使用语言小图标,我们可以使用 Shields 工具进行生成,工具传送门:Shields
![v2-dcd648eeacc30d6e7cf08edede38b112_720w.png](http://img.e-com-net.com/image/info8/9c644d9dbd2c4a4d9cd6d8d6b708fd27.png)
visitor-badge
- visitor-badge 可以帮助我们实时动态统计我们 GitHub 的访问次数,工具传送门:visitor-badge
![第一次看见这么酷炫的 GitHub 首页_第7张图片](http://img.e-com-net.com/image/info8/91453c31017b48a3b21f59ca4118aeac.jpg)
Stats Cards(网站数据卡片)
- 该组件可以让我们实际统计我们其它平台的一些数据,比如关注数、解决问题数等等,目前支持知乎、B站、LeetCode、牛客、CSDN、网易云、掘金等平台,有兴趣的小伙伴可以加上。
- 传送门:Stats Cards
![第一次看见这么酷炫的 GitHub 首页_第8张图片](http://img.e-com-net.com/image/info8/450be021a16d483e885bccebe34307d3.jpg)
![第一次看见这么酷炫的 GitHub 首页_第9张图片](http://img.e-com-net.com/image/info8/b52531711266420f88a861d3b18330c9.jpg)
动态打字特效
- 一种酷炫的动态循环打字特效,正如我的首页展示的那样。
- 工具传送门:Readme Typing SVG
![1697899015137.png](http://img.e-com-net.com/image/info8/be4efec6bd444517817ae326f9edd4af.png)
模板推荐
自荐
- 个人比较喜欢简单的风格,有兴趣的小伙伴欢迎使用!
- 工具传送门:Lorin-github
![第一次看见这么酷炫的 GitHub 首页_第10张图片](http://img.e-com-net.com/image/info8/393176bb102b4ea386d5ef99fd89669a.jpg)
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编程。
我鼓励互动和建立社区,因此请留下你的问题、建议或主题请求,让我知道你感兴趣的内容。我期待与你一起在技术之路上前进,一起探讨技术世界的无限可能性。
保持关注我的博客,让我们共同追求技术卓越。