Kasbu 全部卡片详解：完整指南（2026）

白色背景上并排的三张真实 Kasbu 卡片：一张带有 Buy beans 按钮的 House Blend 咖啡竖版商品卡片、一个满是彩色渐变圆形的 Behance 项目嵌入卡片，以及一张 WhatsApp 联系卡片

Kasbu 有 36 种卡片，全部包含在免费套餐里：链接、Spotify 和 Apple Music 播放器、YouTube 和 TikTok 视频、地图、Calendly、商品、文件等。每种卡片能做什么、要粘贴什么、支持哪些尺寸，这里一次讲清楚。

发布于 · 阅读时间 11 分钟 · 作者：Kasbu Team

标签: Kasbu, 创作者工具, Link in Bio, 教程

Kasbu 主页是一个由卡片组成的网格。每张卡片都有类型（链接、Spotify 播放器、地图、商品）和尺寸，你可以把它拖到网格里的任意位置。本指南逐一介绍卡片选择器里的全部 36 种类型：每种显示什么、要粘贴什么、支持哪些尺寸。

所有卡片类型都能在免费套餐中使用。免费套餐限制的是卡片数量（每个主页 25 张），而不是能用哪些类型。

按用途分组的 36 种 Kasbu 卡片：链接和文本、设计和文档、联系方式和地点、视频和 GIF、帖子和工作、音乐、预约和销售

网格怎么用

电脑端网格有 8 列，手机端有 4 列。每行高 80 px，间距 35 px。卡片尺寸用“宽 × 高”的格子数表示，所以 2×2 是一个小方块，4×2 是一个横向长方形。

通常可以在 1×1、2×2、4×1、4×2、2×4 和 4×4 之间选择。有些卡片还提供通栏尺寸（8×1、8×4 和 8×6），有些只支持内容所需的尺寸。Kasbu 会根据电脑端布局自动生成手机端布局，你也可以把编辑器切换到手机视图单独调整。

8 列电脑端网格示意图，包含一张 2×4 的 TikTok 卡片、一张 4×2 的 GitHub 卡片、2×2 的 WhatsApp 和图片卡片、一条 4×1 的分隔线和两张 1×1 卡片，旁边是同样的卡片在 4 列手机端网格中重新排列的效果

要添加卡片，打开卡片选择器，或者把网址粘贴到编辑器的搜索框里。Kasbu 能通过链接识别很多网站（Instagram 主页、Spotify 歌曲、YouTube 视频），并自动选好对应的卡片。

链接和文本

链接

一张横向的 Kasbu 链接卡片，带有 Medium 图标、标题 How we rebuilt a design system in six weeks 和说明 Case study on Medium
Kasbu 演示主页上的 4×2 链接卡片，2026年10月15日。

粘贴任意网址。卡片会显示网站图标、可编辑的标题和域名。适合放你的网店、电子报、最新项目，或任何没有专属卡片类型的内容。 尺寸： 1×1 到 4×4。

文本

一张 Kasbu 文本卡片，写着简短的自我介绍：Hi, I'm Theo，为小型产品团队设计界面和设计系统，2023 年起做自由职业，常驻里斯本
Kasbu 演示主页上的 4×2 文本卡片，2026年10月15日。

一张写你自己文字的卡片：简短的自我介绍、一句引语、价目表、一则公告。文字的颜色、大小和对齐方式都可以自己选。 尺寸： 1×1 到 4×4。

图片

一张轮播模式的方形 Kasbu 图片卡片，画面是一台显示代码的笔记本电脑、一盆绿植和一个黄色马克杯，下方三个圆点代表三张照片
Kasbu 演示主页上的 2×2 图片卡片，2026年10月15日。

上传一张照片或一段短视频。添加多张图片后，卡片会变成访客可以滑动的轮播。点击后的效果由你决定：打开链接、全屏查看图片、什么都不做，或者“礼物”模式（卡片一开始是包装好的，第一次点击会拆开）。视频会静音循环播放；视频卡片的声音是 Pro 功能。 尺寸： 1×1 到 4×4，另有通栏 8×1 和 8×4。

分隔线

一张 Kasbu 分隔线卡片，栏目标题为 Selected work
Kasbu 演示主页上的 4×1 分隔线，2026年10月15日。

一条细细的标题行，把网格分成不同栏目，比如“音乐”“商店”或“联系方式”。 尺寸： 4×1 或 8×1。

数字

一张 Kasbu 数字卡片，大字显示 48，下方标签为 products shipped since 2017
Kasbu 演示主页上的 2×2 数字卡片，2026年10月15日。

一个大数字，页面加载时会往上（或往下）滚动计数，下方配一行标签：“1.2 万粉丝”“拍过 300 场婚礼”“教学 8 年”。也可以让它保持静止。 尺寸： 1×1 到 4×4。

文件

一张 Kasbu 文件卡片，带有 PDF 图标、文件名 Portfolio 2026.pdf、25.3 KB 的大小和一个 Download 按钮
Kasbu 演示主页上的 2×2 文件卡片，2026年10月15日。

上传 PDF、图片或文档，访客可以直接从卡片下载。常见用途有菜单、媒体资料包、报价单和简历。文件会占用你的存储空间：Free 为 150 MB，Pro 为 30 GB。 尺寸： 1×1 到 4×4。

设计和文档

Figma

一张嵌入了 Figma Basics 文件的 Kasbu Figma 卡片，画面放大到封面“Learn the basics of Figma”和第一课“Frames”，右侧是缩放按钮
Kasbu 演示主页上的 4×4 Figma 卡片，2026年10月15日。

粘贴 Figma 文件或原型的链接，访客就能在你的主页里浏览。 尺寸： 1×1 到 4×4，另有 8×1 和 8×4。

Canva

用分享链接嵌入一个 Canva 设计，比如演示文稿、媒体资料包或菜单。 尺寸： 1×1 到 4×4。

Behance

一张嵌入了 Jerry-Lee Bosmans 作品 Experiments 258-270 的 Kasbu Behance 卡片，画面是一排排彩色渐变球体
Kasbu 演示主页上的 4×3 Behance 卡片，2026年10月15日。

嵌入一个 Behance 项目，让你的案例展示出现在网格里。 尺寸： 1×1 到 4×4。

Genially

一张嵌入了互动演示 Comic Flipcards 的 Kasbu Genially 卡片，有一个插画角色和翻页箭头
Kasbu 演示主页上的 4×4 Genially 卡片，2026年10月15日。

嵌入 Genially 的互动演示、测验或信息图。 尺寸： 1×1 到 4×4，另有 8×1 和 8×4。

Google Docs

一张嵌入了公开文档 Starting your Senior Design Portfolio 的 Kasbu Google Docs 卡片
Kasbu 演示主页上的 4×4 Google Docs 卡片，2026年10月15日。

嵌入一份公开的 Google 文档：简历、价格说明、读书笔记。 尺寸： 4×2、2×4、4×4、8×4 和 8×6。

Flickr

一张 Kasbu Flickr 卡片，照片是里斯本层层叠叠的屋顶，远处是 4 月 25 日大桥
Kasbu 演示主页上的 4×3 Flickr 卡片，2026年10月15日。

通过链接显示一张 Flickr 照片。 尺寸： 1×1 到 4×4。

联系方式和地点

WhatsApp

一张 Kasbu WhatsApp 卡片，带有绿色 WhatsApp 图标、标题 WhatsApp 和说明 Order ahead for pickup
Kasbu 演示主页上的 2×2 WhatsApp 卡片，2026年10月15日。

点一下就能打开与你的 WhatsApp 对话，访客不需要先保存你的号码。对巴西、墨西哥或西班牙的很多商家来说，这是主页上最重要的一张卡片。 尺寸： 1×1 到 4×4。

邮箱

一张 Kasbu 邮箱卡片，带有红色信封图标、标题 Email us 和地址 hello@fernandember.coffee
Kasbu 演示主页上的 2×2 邮箱卡片，2026年10月15日。

这张卡片会打开访客的邮件应用，并自动填好你的邮箱地址。 尺寸： 1×1 到 4×4。

电话

一张 Kasbu 电话卡片，带有绿色电话图标、标题 Call the bar 和号码 +1 (503) 555-0142
Kasbu 演示主页上的 2×2 电话卡片，2026年10月15日。

点一下即可拨打电话。适合美发店、诊所、餐厅，以及所有通过电话接受预约的商家。 尺寸： 1×1、2×2 或 2×4。

二维码

一张 Kasbu 二维码卡片，有一个黑色二维码和标签 Scan for the menu
Kasbu 演示主页上的 2×2 二维码卡片，2026年10月15日。

把你输入的任意网址变成主页上的二维码，比如菜单或应用的链接。它和你主页本身的二维码不同，后者可以在“设置”里下载。 尺寸： 1×1、2×2、4×2、2×4 和 4×4。

WiFi

一张 Kasbu WiFi 卡片，带有 WiFi 图标、网络名称 Fern-Guest 和一个 Connect WiFi 按钮
Kasbu 演示主页上的 2×2 WiFi 卡片，2026年10月15日。

填写网络名称和密码。访客点一下卡片就能拿到这两项，直接复制，还可以附上你自己写的连接步骤。咖啡馆、工作室和 Airbnb 房东都在用。 尺寸： 1×1 到 4×4。

位置（地图）

一张竖向的 Kasbu 位置卡片，显示波特兰东南部街道的 Apple 地图截图，标签为 SE Division St, Portland
Kasbu 演示主页上的 2×4 位置卡片，2026年10月15日。

搜索一个地点，卡片会按你选择的缩放级别显示 Apple 地图截图。浅色样式免费。深色和自动样式，以及更换或隐藏定位针，属于 Pro 功能。 尺寸： 2×2、4×2、2×4 和 4×4。

视频和 GIF

YouTube

一张横向的 Kasbu YouTube 卡片，显示一段里斯本街头漫步视频的缩略图：一辆黄色有轨电车驶过两旁都是商店的街道
Kasbu 演示主页上的 4×2 YouTube 卡片，2026年10月15日。我们的截图环境无法播放 YouTube，所以卡片在本该显示静音预览的位置显示了视频的官方缩略图。

粘贴视频链接，卡片会静音循环播放，作为动态预览。点击后会打开带声音的视频。YouTube Shorts 链接提供竖向尺寸。 尺寸： 普通视频 2×2、4×2 或 4×4。Shorts 2×2、2×4 或 4×4。

Vimeo

一张横向的 Kasbu Vimeo 卡片，正在播放动态字体短片 ALPHABLOKS，顶部有一个 Unmute 按钮
Kasbu 演示主页上的 4×2 Vimeo 卡片，2026年10月15日。

和 YouTube 卡片相同的思路，用于 Vimeo 视频。 尺寸： 1×1、2×2、4×1、4×2 和 4×4。

TikTok

一张竖向的 Kasbu TikTok 卡片，正在播放创作者 createwithconstantin 的 Figma 教程，右侧是点赞数和评论数
Kasbu 演示主页上的 2×4 TikTok 卡片，2026年10月15日。

嵌入一条 TikTok 视频，访客可以直接在你的主页上观看。 尺寸： 仅 2×4，即竖屏视频的形状。

Loom

一张 Kasbu Loom 卡片，内容是 Figma 组件文件的屏幕录制，有一个播放按钮和 Loom 的播放速度标记
Kasbu 演示主页上的 4×3 Loom 卡片，2026年10月15日。

嵌入一段 Loom 录屏：产品演示、课程预告、给新客户的简短问候。 尺寸： 1×1 到 4×4。

GIF

一张方形的 Kasbu GIF 卡片，插画里的水龙头正往一只花纹马克杯里倒咖啡
Kasbu 演示主页上的 2×2 GIF 卡片，2026年10月15日。

在编辑器里搜索 Giphy，把 GIF 拖进网格。 尺寸： 1×1 到 4×4，另有 8×1 和 8×4。

帖子和工作

X 帖子

一张 Kasbu X 帖子卡片，嵌入了 Figma 宣布推出 15 项以上新无障碍功能的帖子，底部有点赞和回复数
Kasbu 演示主页上的 4×4 X 帖子卡片，2026年10月15日。

嵌入一条 X 帖子，比如新品发布公告或用户好评，可单独设置浅色、深色或自动模式。 尺寸： 2×2、4×2、2×4 和 4×4。

Reddit 帖子

一张 Kasbu Reddit 帖子卡片，嵌入了 r/dataisbeautiful 的一篇帖子，内容是从巴黎出发的火车行程时间地图
Kasbu 演示主页上的 4×4 Reddit 帖子卡片，2026年10月15日。

嵌入一条 Reddit 帖子。 尺寸： 1×1 到 4×4。

GitHub

一张 Kasbu GitHub 卡片，用深浅不同的绿色显示公开账号 pytorchbot 的贡献图
Kasbu 演示主页上的 4×2 GitHub 卡片，2026年10月15日。

输入你的 GitHub 用户名，卡片就会画出你的贡献图。格子的颜色可以修改。 尺寸： 仅 4×2。

HTML

一张显示自定义代码的 Kasbu HTML 卡片：一个带绿点的深蓝色徽章，写着 Available、Booking projects from November、2 slots left in 2026
Kasbu 演示主页上的 2×2 HTML 卡片，2026年10月15日。

粘贴你自己的 HTML 或其他服务的嵌入代码，它会在卡片里显示出来。这是最灵活的卡片，也是唯一支持所有尺寸的卡片。 尺寸： 1×1 到 8×6。

经历（简历）

一张 Kasbu 经历卡片，列出三段职位和时间：Freelance Product Designer、Northwind Studio 的 Senior Product Designer，以及 Harbor Labs 的 UI Designer
Kasbu 演示主页上的 4×3 经历卡片，2026年10月15日。

按条目列出你的经历，每条包括职位、公司和时间。 尺寸： 4×1、4×2、4×3 和 4×4。

音乐

Spotify

一张 Kasbu Spotify 卡片，显示歌单 Your Favorite Coffeehouse，封面叠在黑胶唱片上，下面是播放按钮和前五首歌
Kasbu 演示主页上的 4×4 Spotify 卡片，2026年10月15日。

粘贴歌曲、专辑、歌单、艺人或播客的链接，访客不用离开你的主页就能收听。 尺寸： 4×2、2×4、4×4、8×4 和 8×6。

Apple Music

Kasbu 为 Tycho 的专辑 Dive (Deluxe Version) 绘制的 Apple Music 播放器，包含封面、播放按钮和前六首歌
Kasbu 演示主页上的 4×4 Apple Music 卡片，2026年10月15日。

对于 Apple Music 链接，Kasbu 会绘制自己的播放器，每种尺寸都有不同的布局，从 1×1 的迷你封面到 8×6 的完整播放器。 尺寸： 全部尺寸，包括 2×1 的横条。

SoundCloud

一张 Kasbu SoundCloud 卡片，嵌入了 Khruangbin 的歌曲 Time (You and I)，有插画封面和波形图
Kasbu 演示主页上的 4×4 SoundCloud 卡片，2026年10月15日。

嵌入一首 SoundCloud 歌曲或一个歌单。 尺寸： 4×2、2×4、4×4、8×4 和 8×6。

Deezer

一张 Kasbu Deezer 卡片，嵌入了 Bonobo 的专辑 Migration，有播放按钮和曲目列表
Kasbu 演示主页上的 4×4 Deezer 卡片，2026年10月15日。

嵌入 Deezer 的歌曲、专辑或歌单。 尺寸： 4×2、2×4、4×4、8×4 和 8×6。

预约和销售

Calendly

一张 Kasbu Calendly 卡片，嵌入了 15 Minute Meeting 预约页面，带有用来选日期的 2026 年 10 月日历
Kasbu 演示主页上的 4×4 Calendly 卡片，2026年10月15日。

嵌入你的 Calendly 预约页面，访客不用离开你的 Kasbu 主页就能选时间。 尺寸： 仅 4×4，保证日历好用。

Google日历

一张 Kasbu Google日历卡片，以月视图嵌入了 2026 年 10 月的公开日历 Holidays in United States
Kasbu 演示主页上的 4×4 Google日历卡片，2026年10月15日。

嵌入一个公开的 Google 日历，展示你的活动或空闲时间。 尺寸： 4×2、2×4 和 4×4。

Typeform

一张 Kasbu Typeform 卡片，嵌入了名为 Branding Questionnaire 的表单和一个 Start 按钮
Kasbu 演示主页上的 4×4 Typeform 卡片，2026年10月15日。

嵌入 Typeform 表单或问卷：预约申请、候补名单、客户需求表。 尺寸： 4×2、2×4 和 4×4。

产品

一张竖向的 Kasbu 产品卡片，有烘焙咖啡豆的照片、名称 House Blend、简短描述、18.00 美元的价格和一个 Buy beans 按钮
Kasbu 演示主页上的 2×4 产品卡片，2026年10月15日。

一件商品，包含照片、名称、简短描述、价格，以及一个指向你销售渠道的按钮（你的网店、Gumroad、Etsy、Mercado Libre）。 尺寸： 2×2、4×1、4×2、2×4 和 4×4。

卡片材质

除了颜色，每张卡片还有材质。一共 6 种，自 2026 年 10 月 13 日起全部免费：填充（纯色）、渐变、磨砂、玻璃、透明和边框（粗描边）。玻璃和磨砂放在照片或动态背景上效果最好。

四种好用的布局

用上面的尺寸搭配出的简单方案：

Kasbu 主页使用卡片数量的中位数约为 4 张。先放访客最需要的，之后再慢慢添加。

常见问题

免费可以添加多少张卡片？

每个主页 25 张，按该主页下所有页面合计（免费套餐最多 3 个页面）。Kasbu Pro 没有数量限制。

有没有只限 Pro 的卡片类型？

没有。36 种类型在免费套餐中都能用。只有卡片里的少数选项属于 Pro：视频卡片的声音，以及地图卡片的深色样式和自定义定位针。

所有卡片都能调整大小吗？

大多数卡片有多种尺寸，在编辑器里用卡片的尺寸控件切换即可。少数卡片形状固定：TikTok 始终是 2×4，GitHub 是 4×2，Calendly 是 4×4。

嵌入的卡片会自动播放吗？

YouTube 卡片会静音循环播放预览，点击后带声音打开。上传的视频同样静音循环播放。Spotify、Apple Music、SoundCloud 和 Deezer 播放器会等访客点击播放。

手机上可以用不同的布局吗？

可以。Kasbu 会根据电脑端布局生成 4 列的手机端布局。把编辑器切换到手机视图，就能在那里移动卡片或调整大小，不会影响电脑端版本。

链接卡片和嵌入卡片有什么区别？

链接卡片会把访客带到另一个网站。嵌入卡片（Spotify、YouTube、Calendly、Figma 等）会在你的主页里直接显示内容，访客无需离开就能收听、观看或预约。

想试试吗？免费创建你的 Kasbu 主页，从卡片选择器添加第一张卡片。

继续阅读