美化你的 GitHub!

2025-05-27

美化你的 GitHub!

如果你曾经访问过某人的 GitHub,发现他们的主页上有一些精美的图片、酷炫的表情符号和统计数据,你可能会想知道如何自己制作一个这样的页面。如果你也有同样的感受,那就继续阅读吧,因为在这篇博文中,我将告诉你如何让你的 GitHub 焕发README光彩!

屏幕截图 2021-05-03 下午 12.23.15

如何制作自己的

(比你想象的要简单!)

创建 GitHub 个人资料README非常简单,但自己查找起来有点困难。登录 GitHub 后,前往https://github.com/new初始化一个新的仓库。将新仓库命名为你的 GitHub 帐户名称(提示:将鼠标悬停在屏幕右上角的个人资料图标上即可找到),然后点击“创建仓库”。是不是很简单?

屏幕截图 2021-05-03 上午 11.58.53

想要快捷方式,请在创建仓库时勾选“添加 README 文件”。这个文件README必须存在,才能让你的新配置文件看起来更漂亮。说到这……

让它脱颖而出

现在你已经创建好了 GitHub README,接下来需要了解一些让它更美观的知识。GitHubREADME使用一种叫做 Markdown 的语言。你可以使用 Markdown 添加图片、链接、动图、标题等等。无需记住 Markdown,只需使用速查表即可。

我非常喜欢 GitHub 个人资料页面上的标题。它很有个性,而且用 PhotoShop、Sketch 甚至 Google Docs 之类的程序都很容易制作。或者,想要更简单的功能,可以看看Canva Headers

屏幕截图 2021-05-03 下午 12:30:26

你的标题可以包含你的姓名、照片、职位、所在地以及其他各种信息。以下是一些我非常喜欢的例子:

https://github.com/jlengstorf
https://github.com/bdougie
https://github.com/sindresorhus

将图片添加到 GitHub 非常简单README。如果您已将文件保存在本地,只需将其拖放到 Markup 中即可导入。如果您想添加照片链接,可以使用<img />标签,并添加 ,其中src包含要添加的照片路径。请记住,<img />是一个自闭合标签,Markdown 中仍然可能存在错误,因此请务必关闭该标签!

向人们介绍你自己

人们对其他人感兴趣,那就讲述你的故事吧。几行关于你的开发理念的文字,就能极大地向潜在的雇主或合作伙伴展示你是谁!更好的做法是,列出你目前正在做的事情、你渴望了解的事情,并附上一些你参与的项目的链接。在你目前的项目中寻找合作伙伴是建立人脉的最佳方式之一。

屏幕截图 2021-05-03 下午 1.01.16

这又是一个绝佳的机会,可以顺便分享一些关于你自己的趣事。确保你的要点简短扼要。加点表情符号更有趣,谁不喜欢表情符号呢?

突出你的技能

强烈建议在 GitHub 主页上直接展示你的技能。你辛苦掌握了这些技能,快来炫耀吧!当潜在的雇主或合作伙伴访问你的 GitHub 主页时,这个小小的页面能让他们快速了解你能够使用的编程语言。

有几种方法可以做到这一点,您可以拥有您擅长的所有语言、工具和技术的标识。

屏幕截图 2021-05-03 下午 12.29.53

找到这些图标最简单的方法是使用 Google 图片,然后点击“工具”,再点击“颜色”,最后点击“透明”。这样会返回大量.png图片,你可以在 Markdown 中轻松调整它们的大小。
<img height="20"src="https://img.icons8.com/color/452/graphql.png">

其他寻找徽标或图标的好地方是https://simpleicons.org/,如果您正在寻找一些更精美的东西,请查看https://shields.io

展示你的作品

另一个展现你技能的好方法是展示你的代码仓库。第一种方法是将你最常用的代码仓库直接固定在你的主页上。虽然严格来说你不会在 中这样做README,但确保你的常用代码仓库确实是你最常用的代码仓库仍然非常重要。

屏幕截图 2021-05-03 下午 12.44.40

要更改已置顶的仓库,请前往 GitHub 主页github.com/your-user-name并滚动到“已置顶”部分。在当前已置顶的仓库右上角,有一个可点击的文本,上面写着“自定义置顶”。点击该文本,将弹出一个包含所有工作列表的模态框。勾选您想要展示的工作,您最多可以在主页上置顶六个仓库。

如果您想更上一层楼,GitHub README Stats就是您的最佳选择。GitHub README Stats 是一款工具,可让您在 GitHub 主页上以格式精美的卡片形式显示统计信息。您可以传递许多信息选项,例如top_langs,它会为您提供一个README显示您最常用语言的卡片。您还可以将许多其他参数传递给统计 URL,并且其文档非常实用。

整合起来

现在你已经是 Markdown 大师,也是 GitHub 主页的忠实拥护者了,快来把你的代码推README送到 master 分支,在 LinkedIn 上炫耀你漂亮的新 GitHub 吧!记住,你随时可以返回编辑,README所以一定要多测试几个不同的设置。

Github 全页

祝您编码愉快,并记得保持 GitHub 绿色!

文章来源:https://dev.to/philiphaines/beautify-your-github-40hh
PREV
2018 年您必读的科技书籍有哪些?
NEXT
CSS 单位速查表