github个人主页还有这么好玩的功能?新特性帮你涨粉

github个人主页还有这么好玩的功能?新特性帮你涨粉

  • 新特性:首页的自我介绍
    • 如何创建新特性首页
    • README模板
    • 制作小ICON
      • Badge徽章
      • Github数据统计
      • 代码时长统计

新特性:首页的自我介绍

GIthub自从被收购后做了不少善事,从免费私有库到把代码备份到南极,最近又出了个好玩的功能:用户可直接在 GitHub 个人页中添加 README 介绍,用于展示更加详细的个人信息

前几天,这个功能正式上线了,并且还被不少 GitHub 用户玩出了新花样。

比如这样:递归自己
github个人主页还有这么好玩的功能?新特性帮你涨粉_第1张图片
或者这样:把每周的编程时间打在公屏上
github个人主页还有这么好玩的功能?新特性帮你涨粉_第2张图片
下文就介绍如何创建这样一个自我介绍

如何创建新特性首页

1、建立一个和自己用户名相同的仓库:
注意需要勾选“Initialize with readme”
github个人主页还有这么好玩的功能?新特性帮你涨粉_第3张图片
2、编辑该仓库的README,内容就会实时生成在主页上,比如笔者的:

github个人主页还有这么好玩的功能?新特性帮你涨粉_第4张图片
显示在主页上就是:

github个人主页还有这么好玩的功能?新特性帮你涨粉_第5张图片
制作类似README的模板非常多,下文将分别介绍模板和小技巧网站。

(当然,也可以抄一抄笔者的:https://github.com/haoruilee/haoruilee)如果觉得本文有收获,也欢迎各位老板赏星星

README模板

上文提到的两位老哥分别是:
递归自己:https://github.com/EliteDaMyth/
统计时长:https://github.com/gautamkrishnar

但是只有两个花哨的模板未必适合大家,有个开源项目一直在收集各种各样的模板,做成了:
Awesome-Profile-README-templates
其中包括了表格式、多媒体式、精心设计式、动态变化式等等,总有一款你喜欢

制作小ICON

README里最亮眼的就是不同颜色的Icon,简洁又增加点击率,这里也介绍一些制作icon的网站

Badge徽章

网页:https://shields.io/
大部分的徽章都是这个网页制作的,包括了

  • 构建
  • 代码覆盖率
  • 分析
  • 闲谈,聊天
  • 依赖关系
  • 大小
  • 下载
  • 资金
  • 问题跟踪
  • 许可证
  • 评级
  • 社会
  • 版本
  • 平台和版本支持
  • 监控
  • 活动
    等等,平时在README内也很有用,同时也支持动态的json格式数据,比如你的社交媒体follower个数
    github个人主页还有这么好玩的功能?新特性帮你涨粉_第6张图片
    笔者的两个徽章分别是
[![Blog Badge](https://img.shields.io/badge/blog-25k%20pageview-brightgreen)](https://blog.csdn.net/weixin_46233323) 
[![Mail Badge](https://img.shields.io/badge/[email protected]?style=flat-square&logo=Gmail&logoColor=white&link=mailto:[email protected])](mailto:[email protected])

注意要做到跳转网页的话是两层

[name](link)

可以把上文网站生成的图标填在第一层小括号,目标网页填在第二层小括号。

Github数据统计

Github提供了官方的数据统计连接,非常简单。将下面的代码加到markdown内就可以了


![github stats](https://github-readme-stats.vercel.app/api?username=USERNAME&show_icons=true)

注意把[USERNAME]替换成您的用户名~

代码时长统计

代码时长统计不是那么好做,要先根据您的编译器安装WakaTime这样一个插件,官网:WakaTime,然后根据这个仓库的教程,将DashBoard的数据用脚本同步到README上。

这样就能统计出:
github个人主页还有这么好玩的功能?新特性帮你涨粉_第7张图片

总结:Github又做善事一件

你可能感兴趣的:(日常BUG解决,github,数据可视化,编程语言,java,javascript)