如何创建NB的 GitHub 个人简介

如果您是 GitHub 新手或主要处理私有 GitHub 存储库,那么您很可能还没有 GitHub 个人资料。

GitHub 个人资料可帮助为您个人资料的访问者提供基本信息。拥有一个制作精良的个人资料甚至能帮助您脱颖而出,尤其当您开始为开源项目做出贡献,并且人们开始注意到您时。

在本文中,我将展示如何创建自己的 GitHub 个人资料。我还会分享在何处获得个人资料灵感。最后,我将分享资源和提示,帮助您创建出色的 GitHub 个人资料!

创建你的GitHub 个人简介

在您开始自定义 GitHub 个人资料之前,您首先需要创建一个个人资料。
以下是从 GitHub 获取的关于如何设置您个人资料的简要指南

但您所需要做的就是:

  • 创建一个与您的 GitHub 用户名相同的存储库。
  • README.md 文件添加到您的新存储库中。

例如,我的 GitHub 用户名是 lvbaoxin。要创建我的个人资料,我需要创建一个名为 lvbaoxin的存储库,然后添加 README.md 文件。

github.png

在设置好存储库和 README.md 文件后,访问您的 GitHub 个人资料以验证您的个人资料是可见的,网址 https://github.com/您的用户名。

就我而言,它将是 https://github.com/lvbaoxin/lvbaoxin

自定义您的 GitHub 个人资料

现在您已经有了 GitHub 个人资料,是时候发挥创意了!

这里的关键是让你的个性显示在你的个人资料上。 你的 GitHub 个人资料不必像 LinkedIn 那样太正式。

我还建议从简单开始。 这有助于您的 GitHub 配置文件启动并运行。 当您有新想法时,您可以随时改进您的个人资料。

GitHub 风格的 Markdown、格式和 HTML

为了自定义 GitHub 配置文件的 README.md,您将使用 GitHub Flavored Markdown。 如果您以前写过 Markdown 内容,那么格式化对您来说应该很容易。

如果这是您第一次使用 Markdown 进行编写,您可以访问 GitHub 的文档来熟悉可用的格式选项。

您还可以使用 HTML 为您的个人资料提供其他格式选项。
我发现以下 HTML 标记很有用:

  • 不间断空格:nbsp;
  • div居中对齐:<div align="center"></div>

您可以使用大多数 HTML 标签,但 GitHub Flavored Markdown 会过滤掉以下 HTML 标签:

  • <title>
  • <textarea>
  • <style>
  • <xmp>
  • <iframe>
  • <noembed>
  • <noframes>
  • <script>
  • <plaintext>

💡:要了解更多信息,请参阅与 HTML 块相关的 GitHub Flavored Markdown 规范。

寻找灵感

为了帮助您入门,我建议您查看其他很棒的 GitHub 配置文件以获取想法。 您可以访问 Awesome-github-profile-readme,我在制作个人资料时找到了灵感。

由于配置文件是开源的,您可以将一些好主意用于您的精彩配置文件!

您还可以查看我的个人资料以获取一些想法。 😉

添加徽章

要将徽章添加到您的个人资料中,您可以查看 markdown-badges。 该存储库有多种徽章可供选择,从编程语言到 Netflix 等流媒体平台。

如果您找不到所需的内容或想要创建自定义徽章,您可以访问shields.io,这是 markdown-badges所使用的。

这是我在个人资料中使用 markdown-badges 的示例。

markdown-badges.jpg

添加图标

要在您的个人资料中添加技能或技术堆栈部分,我建议使用提供漂亮图标的技能图标

如果您的图标不受支持,您可以转到 simpleicons](https://simpleicons.org/),其中包含超过 2900 个流行品牌的 SVG 图标。

这是我在个人资料的技术堆栈部分使用技能图标的示例。

skill-icons.jpg

使用表情符号

在 GitHub Flavored Markdown 中,您可以使用表情符号。 要查看支持的表情符号的完整列表,您可以访问此表情符号备忘单

如果您想自己获取支持的表情符号列表,可以使用 GitHub 的 Emoji API

在浏览器上访问 https://api.github.com/emojis 会显示所有支持的表情符号的 JSON 响应。

{
  "+1": "https://github.githubassets.com/images/icons/emoji/unicode/1f44d.png?v8",
  "-1": "https://github.githubassets.com/images/icons/emoji/unicode/1f44e.png?v8",
  "100": "https://github.githubassets.com/images/icons/emoji/unicode/1f4af.png?v8",
  "1234":"https://github.githubassets.com/images/icons/emoji/unicode/1f522.png?v8",
  "1st_place_medal":"https://github.githubassets.com/images/icons/emoji/unicode/1f947.png?v8",
 "2nd_place_medal":"https://github.githubassets.com/images/icons/emoji/unicode/1f948.png?v8",
  "3rd_place_medal": "https://github.githubassets.com/images/icons/emoji/unicode/1f949.png?v8",
  "8ball": "https://github.githubassets.com/images/icons/emoji/unicode/1f3b1.png?v8",
  ...
}

添加 GitHub 统计信息

要为 GitHub 活动添加卡片和统计信息,我建议使用 github-readme-stats。 您可以使用不同的布局和主题自定义统计卡。

以下是我将 GitHub 统计信息添加到我的个人资料中的示例。


github-readme-stats.jpg

添加引号

在您的个人资料中添加随机引用可以为访问者增添一抹亮色。 我发现 github-readme-quotes 对于做到这一点很有用。

这是我的个人资料上的样子。 我个人喜欢添加引号,为我的个人资料访问者提供一些价值。


github-readme-quotes.jpg

改善无障碍环境

自定义您的个人资料时,请确保尽可能多的人可以查看它。 并非每个人都可以查看或加载图像。 有些人的互联网连接速度很慢。

提高个人资料可访问性的一种方法是向图像添加描述性替代文本。

<!-- Markdown Image -->
![Image Alt Text](image-source)
<!-- HTML Image Tag -->
<img alt="Image Alt Text" src="image-source" />

然后,要测试您的个人资料的可访问性,您可以尝试禁用网络浏览器上的图像加载。 这是有关如何禁用 Google Chrome 图像加载的指南。

更多想法

要向您的个人资料添加更多信息图表,我建议您查看文档。 这是 GitHub 上最受好评的存储库之一,其中包含 github-profile 主题,所以我不能忽略它。

然后我发现了这个漂亮的资源 beautify-github-profile,您可以在其中找到更多自定义个人资料的方法。

如果您也喜欢冒险,可以在此处探索 github-profile 主题。 默认情况下,存储库按星数排序。

请随意使用 github-profile 主题探索存储库。 您甚至可能会发现那些使用频率不高但正是您所需要的。

结论

回顾一下,我们演练了如何创建 GitHub 个人资料。 然后我展示了如何使用 GitHub Flavored Markdown 和 HTML 格式化您的个人资料。 之后,我分享了您可以从哪里获得个人资料的灵感。 最后,我提供了有关如何自定义个人资料的提示和资源。

我希望这可以帮助您制作精彩的 GitHub 个人资料。

感谢您的阅读,请随时发表评论或与我联系。

资源

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 218,284评论 6 506
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 93,115评论 3 395
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 164,614评论 0 354
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 58,671评论 1 293
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 67,699评论 6 392
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 51,562评论 1 305
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 40,309评论 3 418
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 39,223评论 0 276
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 45,668评论 1 314
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,859评论 3 336
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,981评论 1 348
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 35,705评论 5 347
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 41,310评论 3 330
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,904评论 0 22
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 33,023评论 1 270
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 48,146评论 3 370
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 44,933评论 2 355

推荐阅读更多精彩内容