本文介绍: github作为全球最大代码托管平台,作为程序员都多多少少,都使用过他。这里,很多程序利用工作之余,无私的贡献了很多优秀的开源代码框架。Github 也是一个很好的展示自己的地方。那么如何让其人能通过Github更快认识你呢?你的Github主页就显得至关重要了!本人主页以上就是我们实现静态界面,之后的文章介绍更多的动态界面实现,也欢迎访问本人主页

概述

github作为全球最大代码托管平台,作为程序员都多多少少,都使用过他。这里,很多程序利用工作之余,无私的贡献了很多优秀的开源代码框架

Github 也是一个很好的展示自己的地方。那么如何让其人能通过Github更快认识你呢?你的Github主页就显得至关重要了!

本人主页

在这里插入图片描述

在这里插入图片描述

创建仓库

我们想要自定义主页的前提是创建一个和自己用户名同名的仓库。其次添加一个 README.md自述文件即可。这样我们的大体框架搭建好了。接下来就然我们开启程序员的cv之旅。

静态美化

GitHub 统计信息

将其复制粘贴到您的 Markdown 中,然后username=后面的名字改成你的GitHub名字就行,

[![Anurag's GitHub stats](https://github-readme-stats.vercel.app/api?username=anuraghazra)](https://github.com/anuraghazra/github-readme-stats)

效果
在这里插入图片描述
当然改样式还有可以调节的其他参数,如表格样式,甚至我们可以自定义表格样式
在这里插入图片描述

仓库

具体更详细的配置可以参考以下网址https://github.com/anuraghazra/github-readme-stats

GitHub 额外图钉

GitHub 额外图钉允许您使用 GitHub 自述文件配置文件固定 6 个以上的存储库。
使我们不再局限于 6 个固定存储库。

将其复制粘贴到您的 Markdown 中,然后把username=后面的名字改成你的GitHub名字就行。

[![Readme Card](https://github-readme-stats.vercel.app/api/pin/?username=anuraghazra&repo=github-readme-stats)](https://github.com/anuraghazra/github-readme-stats)

效果
在这里插入图片描述

仓库

具体更详细的配置,可以参考以下网址https://github.com/anuraghazra/github-readme-stats

热门语言

语言卡片显示 GitHub 用户最常用的语言。但是需要注意的是默认情况下,语言卡仅显示来自公共存储库的语言结果

将其复制粘贴到您的 Markdown 中,然后把username=后面的名字改成你的GitHub名字就行。

[![Top Langs](https://github-readme-stats.vercel.app/api/top-langs/?username=anuraghazra)](https://github.com/anuraghazra/github-readme-stats)

效果
在这里插入图片描述

仓库

其实,在仓库文档中,还有很多的图标形状可以选择,如饼状图环形图,具体更详细的配置,可以参考以下网址https://github.com/anuraghazra/github-readme-stats

GitHub 资料奖杯

可以添加github获得的奖杯信息
将其复制粘贴到您的 Markdown 中,然后把username=后面的名字改成你的GitHub名字就行。

[![Top Langs](https://github-readme-stats.vercel.app/api/top-langs/?username=anuraghazra)](https://github.com/anuraghazra/github-readme-stats)

效果
在这里插入图片描述

仓库

其实,在仓库文档中,还有很多的主题,具体更详细的配置,可以参考以下网址https://github.com/ryo-ma/github-profile-trophy/

GitHub 活动统计图

在 README 中展示您连续提交代码次数
将其复制粘贴到您的 Markdown 中,然后把username=后面的名字改成你的GitHub名字就行。

[![Ashutosh's github activity graph](https://github-readme-activity-graph.vercel.app/graph?username=Ashutosh00710)](https://github.com/ashutosh00710/github-readme-activity-graph)

效果
在这里插入图片描述

仓库

其实,在仓库文档中,还有很多的主题,具体更详细的配置,可以参考以下网址https://github.com/Ashutosh00710/github-readme-activity-graph/

打字特效

循环打字的效果

<h1 align="center"> <a href="https://sunguoqi.com/"> <img src="https://readme-typing-svg.herokuapp.com/?lines= Welcome to my homepag!&amp;center=true&amp;size=27"> </a> </h1>

效果
在这里插入图片描述

添加中文网站统计

GitHub 上还有一位开发者采用了类似于「GitHub Readme Stats」的思路,写了一个在 GitHub 个人显示其他平台计数据的工具

目前支持统计的网站有:知乎、B 站、LeetCode、LeetCode 中文站和掘金,下图提供了知乎统计卡片预览效果。
将其复制粘贴到您的 Markdown 中,然后把username=后面的名字改成你的GitHub名字就行。

  <img align="center" style="padding=0;"  src="https://stats.justsong.cn/api/csdn?id=studycodeday&amp;theme=react"/>

效果
在这里插入图片描述

仓库

其实,在仓库文档中,还有很多的主题,具体更详细的配置,可以参考以下网址https://github.com/songquanpeng/stats-cards

总结

以上就是我们实现的静态界面,之后的文章介绍更多的动态界面实现,也欢迎访问本人主页
https://github.com/onenewcode

原文地址:https://blog.csdn.net/studycodeday/article/details/134744005

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任

如若转载,请注明出处:http://www.7code.cn/show_31808.html

如若内容造成侵权/违法违规/事实不符,请联系代码007邮箱suwngjj01@126.com进行投诉反馈,一经查实,立即删除

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注