Github 用户资料页面玩法

开始

众所周知，创建一个和用户名相同的 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])

隐藏指定统计

加上 &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])

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

加上 &count_private=true 参数即可。

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

显示图标

加上 &show_icons=true 参数即可。

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

预设主题

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

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

自定义主题

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

可定制选项：

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%2B，let'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])

PV 统计

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

Github 用户资料页面玩法

相关文章：