为什么 README 里要用图片链接？

GitHub 的 README 不允许嵌入网页（iframe），只能显示图片，所以 GitHub 卡片、横幅这类组件都提供图片链接，直接用 Markdown 图片语法引用即可。

这些组件免费吗？

本页 10 个组件都免费。登录后就能创建，免费账号可创建的数量有上限，Pro 不限。

能。组件是普通网页嵌入，Notion 网页版、桌面端和手机 App 都会显示，设备需要联网。

组件内容会按访客浏览器的语言显示简体中文、繁体中文、英文或日文；大多数组件会跟随系统自动切换浅色 / 深色。

任何支持嵌入网页的地方都可以，例如 Obsidian、FlowUs、Wolai，或者你自己的网站（用 iframe）。

想在 GitHub 个人主页的 README 或 Notion 作品集里展示项目？仓库卡片显示简介、语言、Star 和 Fork 数，贡献热力图显示过去一年的提交和连续天数，统计卡片汇总 Star、仓库数、关注者和常用语言，都能一键复制到 README。

README 顶部可以放动态横幅、打字机标题或技术栈标签，也有「Hi」打招呼贴纸和状态贴纸。另外还有 Hacker News 用户卡片和 Qiita / Zenn / note 名片。

5 个

2 个

3 个

为什么 README 里要用图片链接？: GitHub 的 README 不允许嵌入网页（iframe），只能显示图片，所以 GitHub 卡片、横幅这类组件都提供图片链接，直接用 Markdown 图片语法引用即可。
这些组件免费吗？: 本页 10 个组件都免费。登录后就能创建，免费账号可创建的数量有上限，Pro 不限。
在 Notion 手机版和桌面版里能显示吗？: 能。组件是普通网页嵌入，Notion 网页版、桌面端和手机 App 都会显示，设备需要联网。
组件里的文字是什么语言？深色模式呢？: 组件内容会按访客浏览器的语言显示简体中文、繁体中文、英文或日文；大多数组件会跟随系统自动切换浅色 / 深色。
除了 Notion 还能用在哪里？: 任何支持嵌入网页的地方都可以，例如 Obsidian、FlowUs、Wolai，或者你自己的网站（用 iframe）。