让个人主页与众不同,这4个技巧不能不知道。

简介: 让个人主页与众不同,这4个技巧不能不知道。

Hello 大家好,我是安哥。


虽然我不是程序员,但还是会时不时到世界上最大的代码托管网站 GitHub 上去逛一逛,看看自己关注的人是不是 Star(收藏)了一些有意思的项目。


之前写过一篇为自己的 GitHub 主页添加个性小标签的方法,效果见下图:


d792d8f1b807094ad7373024536ef578_640_wx_fmt=png&wxfrom=5&wx_lazy=1&wx_co=1.png


添加个性小标签的方法见👉👉如何美化 GitHub 个人主页?


除了添加小标签,前段时间还在 GitHub 上看到另外一些有意思的 GitHub 个人主页。


一个是显示自己注册 GitHub 的时间、提交代码的次数、仓库的数量、以及自己最常使用的语言。


60745180c89c6df7f100e4f0fe3481f8_640_wx_fmt=png&wxfrom=5&wx_lazy=1&wx_co=1.png


另一个则是显示自己的项目获得的 Stars 数量、今年提交代码的次数、创建的 issue 的数量、以及一个计算出来的总评分 A+。


006211465a2ff2164460ccb1206d1c6d_640_wx_fmt=png&wxfrom=5&wx_lazy=1&wx_co=1.png


这些实现起来其实都非常简单,只需要你稍微懂一点 Markdown 的语法。


和之前介绍过的在 GitHub 主页添加小标签一样,你需要先创建一个与你 GitHub ID 同名的 GitHub 仓库


点击 GitHub 个人页右上角的加号 + ,在弹出的面板中,选择「New repository」,创建一个新的 GitHub 仓库。


9f00666534a946d5b81004c094b778b8_640_wx_fmt=png&wxfrom=5&wx_lazy=1&wx_co=1.png


Repository name 是仓库的名称,这里的仓库名必须与前面的 Owner 下方的 GitHub ID 一样,例如我的 ID 为 phh95,因此这里的仓库名也为 phh95。


创建时记得勾选从下方的「Add a README file」,在仓库中添加一个名为 README 的 Markdown 文件,等会我们就是要在这个文件中添加我们想放在 GitHub 个人主页的内容。


d24d0b6c859d53329730512e464ecd53_640_wx_fmt=png&wxfrom=5&wx_lazy=1&wx_co=1.png



01. Metrics


获得类似下图的 GitHub 数据统计,需要用到一个在线工具「Metrics」,打开网站之后,在左侧输入你的 GitHub ID,稍等一会,就会返回右侧所有和你相关的数据。


d962784ae2f9f1146f82c179bf9a8110_640_wx_fmt=png&wxfrom=5&wx_lazy=1&wx_co=1.png


这里输入阮一峰老师的 ID 进行举例,右侧就是这个网站返回给我们的统计数据。


92343e9381375f2ed0d2ca8a596ddee7_640_wx_fmt=png&wxfrom=5&wx_lazy=1&wx_co=1.png


点击右侧的 Markdown code 选项卡,切换到统计视图对应的 Markdown 链接。


如果这是你的 GitHub 账号统计数据,可以点击下方的蓝色链接,它会将这个链接添加到和你 GitHub ID 同名仓库中,这样你就可以在个人首页看到这些统计数据啦。


99b2f62c299560103c0b1420fbdd7541_640_wx_fmt=png&wxfrom=5&wx_lazy=1&wx_co=1.png


Metrics 网址:

https://metrics.lecoq.io/



02. 显示常用的编程语言


在 GitHub 个人页显示最常用的编程语言,只需要在与 GitHub ID 同名的仓库的 README.md 文档中添加下面的文本:


![这里写你的昵称's Most used languages](https://github-readme-stats.vercel.app/api/top-langs?username=这里替换成你的 GitHub ID&show_icons=true&count_private=true&theme=gotham)    


19db388ec36dc55680a7dd7335d5e41f_640_wx_fmt=png&wxfrom=5&wx_lazy=1&wx_co=1.png


复制后稍作修改,向下滑动页面,点击绿色的「Commit changes」按钮,提交确认刚刚作出的修改。


ad984e7548986e08cff2ca3837b47040_640_wx_fmt=png&wxfrom=5&wx_lazy=1&wx_co=1.png


再回到自己的 GitHub 主页,它就会显示你最常使用的编程语言,这个统计数据来自于你 Push 到 GitHub 的内容。


譬如我之前将一些在本地写的 Python 文件 Push 到 GitHub 仓库,它就会显示我最常使用的语言为 Python。


6411c44f380e3d37ee6a58c05a2c0323_640_wx_fmt=png&wxfrom=5&wx_lazy=1&wx_co=1.png


如果你觉得这个显示常用语言的样式不好看,还可以更改文本链接末尾的参数设置,例如隐藏底部的深色边框。


下图的效果对应的文本内容为:


![这里写你的昵称's Most used languages](https://github-readme-stats.vercel.app/api/top-langs/?username=这里替换成你的 GitHub ID&layout=compact&hide_border=true&langs_count=10)


7bd7d36b75098227fb53cd92530b6aa1_640_wx_fmt=png&wxfrom=5&wx_lazy=1&wx_co=1.png



03. GitHub 统计卡片


在 GitHub 上,不少人都会在自己的 GitHub 主页添加下图的 GitHub 统计卡片:


01bb1a89ff634b11092d4a611c22ebc6_640_wx_fmt=png&wxfrom=5&wx_lazy=1&wx_co=1.png


这个 GitHub 统计卡片,来源于 GitHub 上的一个名为「GitHub Readme Stats」的项目。



GitHub Readme Stats 项目地址:

https://sourl.cn/Sxq854


这个项目提供了中文版的说明文档,将其添加到自己的 GitHub 主页也非常简单,将下方的链接复制到 GitHub ID 同名的仓库的 README.md 文档中,稍微修改一下信息就可以了。


[![这里写你的昵称's GitHub stats](https://github-readme-stats.vercel.app/api?username=这里替换成你的 GitHub ID)](https://github.com/anuraghazra/github-readme-stats)


d91284db5f6ff4acb24633c7156b286d_640_wx_fmt=png&wxfrom=5&wx_lazy=1&wx_co=1.png


这个统计卡片还提供了其他的主题样式,即不同的配色方案,如果你想使用其他的主题,需要在上方的链接后面增加一些额外的参数。


a69840b326cd91683e82950f93df6733_640_wx_fmt=png&wxfrom=5&wx_lazy=1&wx_co=1.png


举个例子,我想使用其中的一个名为 radical 的主题,我就得原先的链接后面加多两个参数的配置,一个是显示图标,一个是设置所使用的主题名称


[![这里写你的昵称's GitHub stats](https://github-readme-stats.vercel.app/api?username=这里替换成你的 GitHub ID&show_icons=true&theme=radical)](https://github.com/anuraghazra/github-readme-stats)


增加了参数配置之后,原先配色方案为蓝白黑的卡片就变成了下图的粉黑青配色:


2e37fda15048818716871e6b32119a3d_640_wx_fmt=png&wxfrom=5&wx_lazy=1&wx_co=1.png



04. 添加其他平台的统计数据


除了前面介绍的内容,GitHub 上还有一位开发者采用了类似于「GitHub Readme Stats」的思路,写了一个在 GitHub 个人页显示其他平台统计数据的工具。


目前支持统计的网站有:知乎、B 站、LeetCode、LeetCode 中文站掘金,下图提供了知乎统计卡片的预览效果。


85d5cc8157cd44799b14e2a6ce5f59c3_640_wx_fmt=png&wxfrom=5&wx_lazy=1&wx_co=1.png


对这个项目感兴趣的朋友,可以移步开发者的 GitHub 项目页面,查看具体的使用或实现方法:


https://github.com/songquanpeng/stats-cards



以上就是本次想和你分享的内容。


相关文章
|
前端开发 程序员
程序员也可以很浪漫,精选10个圣诞节特效及源码
最近离圣诞节不远了、整理了一些关于圣诞相关的前端特效网页设计和小游戏的代码送大家、直接上效果吧。 代码过长的 可直接预览获取 [快速预览](https://www.hereitis.cn/articleDetails/969)
程序员也可以很浪漫,精选10个圣诞节特效及源码
|
25天前
|
前端开发 JavaScript Java
杨老师教你学会使用富文本编辑器KindEditor之添加页面设计
杨老师教你学会使用富文本编辑器KindEditor之添加页面设计
17 0
|
2月前
|
数据采集 人工智能 运维
看漫画学Python:有趣好玩
Python是一门既简单又强大的编程语言,被广泛应用于数据分析、大数据、网络爬虫、自动化运维、科学计算和人工智能等领域。Python也越来越重要,成为国家计算机等级考试科目,某些中小学也开设了Python编程课程。本书秉承有趣、有料、好玩、好用的理念,通过3个漫画人物的轻松对话、搞笑形象及夸张动作,把复杂的Python技术问题简单化。
54 1
|
8月前
|
程序员
技术文章精美配图模板网站推荐-创客贴
技术文章精美配图模板网站推荐-创客贴
35 0
小蚂蚁学员们的微信小游戏作品分享2
再分享一波我的学员的微信小游戏作品,厉害的学员越来越多了,上线的小游戏作品也越来越多了,靠小游戏赚到钱的学员也越来越多了。 大部分的学员都是从零开始的,通过学习做出了自己的第一个小游戏,通过接入流量主赚到了自己的第一份睡后收入,祝贺这些学员学有所成。🎉 下面这些小游戏都无需下载安装,点击小游戏名字,可以直接打开体验。欢迎大家去玩玩,支持一下我的学员们的游戏作品。
127 0
|
小程序
小蚂蚁游戏开发课程学员的第一款小游戏作品
今天要介绍的是小蚂蚁游戏开发课程学员@Sing的一款小游戏作品曹操别想逃,是一个华容道游戏。 不得不说我还是极其兴奋的,因为这是我的学员的第一款上线的小游戏,虽然我只是给了一点儿指导,但是从某种意义上来讲,这大概算是我帮助他人完成的第一款小游戏作品,带来的兴奋感和成就感甚至不亚于我自己完成了一款游戏的创作。
73 0
|
开发工具
是时候重新介绍一下小蚂蚁的游戏开发服务了
这可能是你能找到的门槛最低的游戏开发课程了,无需具备游戏开发经验,无需美术经验,也无需编程经验,只需你有一颗想要做游戏的心。跟随着这个系统全面的游戏开发课程,它会一步一步的帮助你做出第一个小游戏,带你进入游戏开发世界的大门。
85 0
小蚂蚁的游戏开发课第1期
嗨!你好,我是小蚂蚁,这门游戏开发课程的老师。既然你点进来了,那么我猜你大概是对做游戏有些兴趣,你可能还不认识我,但是你很有可能在网上看过我写的教程,例如面向游戏开发小白的“人人都能做游戏”系列,或者面向有一定的基础者的“微信小游戏开发实战”系列。 下面,就由我来为你介绍一下这到底是一门怎样的课程吧!
71 0
小蚂蚁游戏开发的视频号
最近除了写图文教程,小蚂蚁也开通了视频号,开始做短视频了。 为什么要做短视频呢?因为这是趋势,不管你愿不愿意承认,短视频的洪流已经冲过来了,作为个体,在面对趋势时,最好的策略呢,就是去顺应。 虽然我个人更倾向于看文字或者是图文,而且也更愿意去写图文教程。但是,在趋势面前,我还是尝试着去做短视频了,而且也做了几次直播。虽然目前还没有什么效果,但是慢慢来吧!没有谁能一上手就做的很好,慢慢积累吧!毕竟我是一个相信通过持续不断的积累定会产生好结果的人。
67 0
我做的一个超级好玩的中秋节小游戏
我做的一个超级好玩的中秋节小游戏
我做的一个超级好玩的中秋节小游戏