Github 用户资料页面玩法

Github Profile Readme

开始

众所周知,创建一个和用户名相同的 Repo,这个 Repo 的 README.md 内容就会显示在用户资料主页面。
所以在这个 markdown 文档里写什么,用户资料页就会显示什么,那么就可以开始玩了。

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
## Hi there 👋

<!--
**[USERNAME]/[USERNAME]** is a ✨ _special_ ✨ repository because its `README.md` (this file) appears on your GitHub profile.

Here are some ideas to get you started:

- 🔭 I’m currently working on ...
- 🌱 I’m currently learning ...
- 👯 I’m looking to collaborate on ...
- 🤔 I’m looking for help with ...
- 💬 Ask me about ...
- 📫 How to reach me: ...
- 😄 Pronouns: ...
- ⚡ Fun fact: ...
-->

动态渲染图片

类似早些年论坛的签名档,动态数据渲染那种效果。
虽然自己写也花不了多久,不过还是现成的好吃。

GitHub 统计卡片

GitHub Readme Stats 这个仓库就是专为 Github 的用户资料页开发的。

1
[![Your Github Stats](https://github-readme-stats.vercel.app/api?username=[USERNAME])](https://github.com/[USERNAME])

Sumi's Github Stats

隐藏指定统计

加上 &hide=stars,commits,prs,issues,contribs 参数即可。

1
[![Your Github Stats](https://github-readme-stats.vercel.app/api?username=[USERNAME]&hide=prs,contribs)](https://github.com/[USERNAME])

Sumi's Github Stats

将私人项目贡献添加到总提交计数中

加上 &count_private=true 参数即可。

1
[![Your Github Stats](https://github-readme-stats.vercel.app/api?username=[USERNAME]&count_private=true)](https://github.com/[USERNAME])

Sumi's Github Stats

显示图标

加上 &show_icons=true 参数即可。

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

Sumi's Github Stats

预设主题

加上 &theme=THEME_NAME 参数即可。
更多参考 主题预览对应代码

1
[![Your Github Stats](https://github-readme-stats.vercel.app/api?username=[USERNAME]&theme=[THEME_NAME])](https://github.com/[USERNAME])

Sumi's Github Stats

自定义主题

可以使用更多参数来为卡片自定义样式。

可定制选项:

  • title_color - 卡片标题颜色 (十六进制色码)
  • text_color - 内容文本颜色 (十六进制色码)
  • icon_color - 图标颜色(如果可用)(十六进制色码)
  • bg_color - 卡片背景颜色 (十六进制色码) 或者angle,start,end 的形式渐变
  • hide_border - 隐藏卡的边框 (布尔值)
  • theme - 主题名称,从所有可用主题中选择
  • cache_seconds - 手动设置缓存头 (最小值: 1800,最大值: 86400)
  • locale - 在卡片中设置语言 (例如 cn, de, es, 等等)

统计卡片专属选项

  • hide - 隐藏特定统计信息 (以逗号分隔)
  • hide_title - (boolean)
  • hide_rank - (boolean)
  • hide_border - (boolean)
  • show_icons - (boolean)
  • include_all_commits - 统计总提交次数而不是仅统计今年的提交次数 (boolean)
  • count_private - 统计私人提交 (boolean)
  • line_height - 设置文本之间的行高 (number)

Repo 卡片专属选项

  • show_owner - 显示 Repo 的所有者名字 (boolean)

语言卡片专属选项

  • hide - 从卡片中隐藏指定语言 (Comma seperated values)
  • hide_title - (boolean)
  • hide_border - (boolean)
  • layout - 在两个可用布局 default & compact 间切换
  • card_width - 手动设置卡片的宽度 (number)

⚠️ 重要:
Percent Encoding 所指定,URL 路径应使用 uri 转义。
(例:c++ 应该是 c%2B%2Blet's go 应该是 let%27s%20go,诸如此类)

Wakatime

Wakatime 是一个统计开发用时的小工具,以插件的形式支持各种 IDE。
注册后查看 支持的 IDE 列表 安装插件,并输入 API key 即可开始记录搬砖时间。
编辑 用户资料Username,然后就能用上 Wakatime 的统计卡片了。

1
[![Wakatime Stats](https://github-readme-stats.vercel.app/api/wakatime?username=[USERNAME])](https://github.com/[USERNAME])

Wakatime Stats

PV 统计

访问 Badger,点击正中间的 Create your badge 按钮。
复制粘贴生成的 Markdown 代码即可统计 该页面访问总次数

updatedupdated2022-05-012022-05-01