1. 首页

如何自定义Github个人首页

在GitHub上接触一个新项目时,如果有一个详实有效的README,可以极大降低学习成本, 提升用户体验。 上篇文章中也介绍了介绍了如何通过badge等方式,让你的README更直观。

但是另一个很重要的信息总是被忽略,那就是个人介绍。如果把个人也看成一个项目,如何让其他人快速了解你,并且与你合作?无论是获取、还是给予相关帮助。

其实GitHub提供了一个自定义个人首页的方式,只不过隐藏在了隐秘的角落,不为众人所知。

Secret Repository

This is a secret!

这可是官方告诉我的

-w734

整个过程十分简单,只需要新建一个和GitHub 用户名匹配的项目即可。需要满足2个条件

  • 项目必须是Public 如何自定义Github个人首页
  • 选择 Initialize this repository with a README 如何自定义Github个人首页

新建后,即可在个人首页中看到多了一个个人首页窗口。

-w982

repository创建后,Github已经用模板预先填充了生成的README文件,按照官方推荐来介绍自己吧

如何自定义Github个人首页

高大上吗?这才刚刚开始

Style

虽然这是一个.md文件,但是支持HTML解析。可玩性是不是瞬间提高了? 但是觉得直男审美,或者技能受限?没关系,我们还可以直接使用前端大佬们最喜欢造的轮子

github-readme-stats

github-readme-stats: 在你的 README 中获取动态生成的 GitHub 统计信息!

-w506

可以选择统计指标和自定义样式

如何自定义Github个人首页

或者语言使用比例

-w322

也可以把感兴趣或者参与的项目也贴进来

-w414

只需要一行引用即可


[![Focus Repo](https://github-readme-stats.vercel.app/api/pin/?username=YituHealthcare&repo=Arc&show_owner=true)](https://github.com/YituHealthcare/Arc)

Js中文网 – 前端进阶资源教程 www.javascriptC.com
Javascript中文网是以前端进阶资源教程分享为主的专业网站,包括:前端教程、JavaScript资讯、大厂面试题、typescript教程、程序人生、React.js源码解读、Vue3.js技术揭秘等,以帮助开发者成长为愿景的社区

github-profile-trophy

Add dynamically generated GitHub Trophy on your readme

不喜欢卡片,也可以给自己颁个奖杯

-w868

github-profile-views-counter

想统计有多少人访问过你的首页?又是一句话搞定

-w647

emoji

千言万语不如一个表情? 来找找喜欢的Emoji吧

如何自定义Github个人首页

关闭个人首页

有一天自闭了,不想在首页向其他人介绍自己,有以下几种方式

  • 删除README.me文件。
  • 仓库设置为私有。
  • 仓库名称不再与Github用户名匹配。

那些眼前一亮的主页

如何自定义Github个人首页

如何自定义Github个人首页

amchuz

如何自定义Github个人首页

其他

心动不如行动,期待看到你的炫酷主页

作者:莫比乌斯的code
链接:https://juejin.im/post/6884819225266323463

看完两件小事

如果你觉得这篇文章对你挺有启发,我想请你帮我两个小忙:

  1. 关注我们的 GitHub 博客,让我们成为长期关系
  2. 把这篇文章分享给你的朋友 / 交流群,让更多的人看到,一起进步,一起成长!
  3. 关注公众号 「画漫画的程序员」,公众号后台回复「资源」 免费领取我精心整理的前端进阶资源教程

JS中文网是中国领先的新一代开发者社区和专业的技术媒体,一个帮助开发者成长的社区,目前已经覆盖和服务了超过 300 万开发者,你每天都可以在这里找到技术世界的头条内容。欢迎热爱技术的你一起加入交流与学习,JS中文网的使命是帮助开发者用代码改变世界

本文著作权归作者所有,如若转载,请注明出处

转载请注明:文章转载自「 Js中文网 · 前端进阶资源教程 」https://www.javascriptc.com

标题:如何自定义Github个人首页

链接:https://www.javascriptc.com/4696.html

« 熬了一夜写出动画,就为让大家更好的理解Vue3的Composition Api
078. 子集»
Flutter 中文教程资源

相关推荐

QR code