教你打造一个优雅的 GitHub 主页

文章介绍了如何创建和美化GitHub主页,包括创建README文件,使用Markdown或HTML进行DIY,以及利用emoji、GitHub统计卡片、各种按钮、图标、状态显示等素材资源提升主页的视觉效果。提供了相关工具和教程链接,帮助用户轻松打造独特的GitHub个人主页。
摘要由CSDN通过智能技术生成

教你打造一个优雅的 GitHub 主页

原创:小帅b

如果你经常逛 GitHub,你应该会发现,有些人的 GitHub 主页弄得好帅啊,比如这样的:

在这里插入图片描述

这样的:

在这里插入图片描述

还有这样的:

在这里插入图片描述

等等等等…

而你的却是这样的:

在这里插入图片描述

这,你能忍?是我我忍不了!

哈哈,没错,今天就来教你打造一个优雅的 GitHub 主页,把逼装了再说。

一、创建你的主页

首先,你可以进入你的 GitHub,创建一个和你用户名相同的仓库,然后在里面创建 README 文件。

由于你这个仓库名和你的用户名是相同的,所以这个仓库就变得比较特殊了。

因为你在这里面的 README 写东西,都会显示到你的 GitHub 主页上。

在这里插入图片描述

二、美化的工具

如果你会点 MarkDownHTML 语言,那么你基本就可以在自己的 README 中 diy 自己的主页了。

但是没有一些好看好玩的素材,是不是会显得有点单调?

来,给你推荐一些不错的素材。

2.1 emoji

在这里有许多 emoji 的符号代码,你可以直接将它们用到 README 中。

https://www.webfx.com/tools/emoji-cheat-sheet/

在这里插入图片描述

2.2 GitHub 统计卡片

在这里有不同主题的 GitHub 统计卡片,可以统计到你的 star,commit 等数据。

https://github.com/anuraghazra/github-readme-stats/blob/master/docs/readme_cn.md

在这里插入图片描述

以及你使用到的编程语言统计:

在这里插入图片描述

2.3 各种按钮

在这里有许多按钮样式可以使用。

https://shields.io/

比如 Stars,Fork:

在这里插入图片描述

比如 License 等:

在这里插入图片描述

2.4 显示你最近的状态

在这里可以显示你最近在 GitHub 上面做了些什么。

https://github.com/jamesgeorge007/github-activity-readme

在这里插入图片描述

2.5 一堆图标

在这里还有一大堆图标可以直接使用。

https://simpleicons.org/

在这里插入图片描述

2.6 展示奖杯

在这里可以统计 GitHub 的数据,并以奖杯的形式展现。

https://github.com/ryo-ma/github-profile-trophy/blob/master/README.md

在这里插入图片描述

2.7 更多素材资源

上面这些基本够你用了,如果你还想找更多的素材,可以到这里的 Tool 找到:

https://github.com/abhisheknaiidu/awesome-github-profile-readme#tools

在这里插入图片描述

三、开始去造吧

有了以上的资源,就可以根据自己的喜欢,打造自己的 GitHub 主页啦。

你可以直接在 GitHub 上一边编辑一边预览。

在这里插入图片描述

当然了,你还可以在当前仓库上传自己的图片,然后在 README 里面引用它们。

比如我就上传了自己的头像,然后让它显示并居中:

在这里插入图片描述

还可以将 GitHub 统计给怼进去,方法也很简单,只要将 username 改为你自己的 GitHub 用户名就可以了:

在这里插入图片描述在这里插入图片描述

对了,如果你懒得收集各种图标展示到你的主页上,你还可以直接在这里直接一键生成!!

https://rahuldkjain.github.io/gh-profile-readme-generator/

随便勾选几下:

在这里插入图片描述

然后点击生成就会直接生成相应的代码:

在这里插入图片描述

用就是了:

在这里插入图片描述

对于其他素材的使用方式,你可以直接参照相应文档食用,还是很方便的。

每个人都有自己喜欢的风格,我喜欢简洁一点,你完全可以根据自己的喜欢去 DIY,反正只要会点简单的 HTML 或 MARKDOWN 足矣。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值