[网站推荐] Github Card -- Showcase你的GitHub主页和项目

[Colin_Lee]

网站：

GitHub Card - Tools for GitHub Developers

价值主张： Showcase Your GitHub，将 GitHub 个人主页或者仓库转变为令人惊艳、易于分享的卡片，让你脱颖而出。专为 GitHub 使用者开发。

功能

见 show case

使用说明

对于任何公开的 GitHub 个人主页链接或者仓库链接，将其中的 github.com 改为 githubcard.com 就行，没错就加一个 card 关键词

Show Case

1. GitHub 个人主页

顺手找一个 GitHub 个人主页：sxyazi (三咲雅 misaki masa) · GitHub

分享到社交平台，比如 Twitter，是这样的

将域名改为：https://githubcard.com/sxyazi ， 结果是这样的

然后还可以嵌入网页或者 README

比如：![GitHub Card](https://githubcard.com/sxyazi.svg)， 效果如下

最重要的是，还可以画布编辑页面，编辑布局和样式，进入 https://githubcard.com/sxyazi/card/edit, 即可在画布中编辑

---

2. GitHub 仓库主页

顺手找一个 GitHub 仓库：GitHub - Cactusinhand/filter-repo-rs: 🦀 A high-performance Rust implementation of git-filter-repo for efficiently rewriting Git repository history. Remove sensitive data, shrink repos, and restructure projects with streaming pipeline architecture.

分享到社交平台，比如 Twitter，是这样的

将域名改为：https://githubcard.com/Cactusinhand/filter-repo-rs ， 结果是这样的

同样还可以嵌入网页或者 README，比如：

![GitHub Repo Card](https://githubcard.com/Cactusinhand/filter-repo-rs.svg)， 效果如下

进入画布编辑页面，编辑默认布局，访问 https://githubcard.com/sxyazi/card/edit,

即可在画布中编辑

特别说明：

强大的画布编辑功能，可以在画布中灵活选择不同的尺寸，放置不同的数据组件（widget），比如 star history, code requency, languange bar 等等。

[TecNico (xianii)]

原来yazi就是阁下的项目，久仰久仰。
看错了，抱歉，原来是示例啊。

[TecNico (xianii)]

试用了下，提几个问题：

P1: 编辑器中预览与实际不一致

在此处表现是 heatmap 颜色不一致，如下为编辑器中显示：

使用 https://githubcard.com/Nigh.svg?d=f7Ph9m0M 链接访问的结果如下：

P2: 编辑器中某些控件的缩放行为不太合理

比如，avatar的缩放非常奇怪，会有内容被裁剪的情况。一些 flex 布局的控件缩放时，图标缩放了，但是文字没有变化。heatmap 完全无法缩放。

期待更新优化。

[Colin_Lee]

非常感谢提出宝贵的意见，这是第一次收到使用反馈，非常实际且有意义。针对这些问题我会逐一排查优化的，欢迎届时再深度体验。

[tjsky (去年夏天)]

登录后反而获取 GitHub Stats 数据异常了。
大部分数据全是0
只有、头像、Repos、Followers、Following等少数数据可以获取

[Colin_Lee]

可能网络原因导致数据请求异常，会有一些数据是空，我会加一个刷新功能，在刷新后重新请求数据

[Colin_Lee]

最近更新：avatar 头像缩放的时候始终保持原来的比例，不会被剪裁，heatmap 能够更加灵活的控制大小，可以缩放，也可以调整 cell gap, cell size。其他组件也做了更新

[Colin_Lee]

这周优化了数据获取的逻辑，降低了延迟，欢迎再次体验