如何搭建你自己的 Link-in-Bio 页面

link-in-bio 页面是一个适合手机浏览的页面，包含你的名字、照片、一句简短的自我介绍，以及一组简短的链接。它是你放在只允许一个链接的社交媒体资料中的那个网址。自己搭建这样的页面，是最快能完成且有实际用途的网页项目之一：在自己的域名下做一个静态页面，加载迅速，并且没有其他平台的品牌标识。先从静态页面开始，只有确实会用到的时候，再添加点击追踪和邮件订阅。

页面应该包含什么

内容要简短。访客通常是从某个应用跳转过来，在手机上，只有几秒钟的注意力。

• 姓名和照片或 logo。 一眼就能认出，让人知道自己找对了地方。
• 一句话介绍你是谁或你做什么。
• 三到七个链接，最重要的排在最前面。你最新的作品放在最顶部。
• 一个突出的行动按钮，即你这个月最希望人们去做的事（例如新作品发布、上线活动或预约链接）。
• 底部放置社交图标，链接到你的其他主页。
• 可选内容：邮件订阅表单、嵌入的最新视频，或一小组产品网格。

每增加一个链接，每个链接被点击的可能性就会降低。如果你有二十个链接，请把它们分组，或者将部分内容移到更完整的个人网站上。

决策与权衡

静态还是动态？ 静态页面就是普通的 HTML 和 CSS：没有东西会出错，不需要唤醒服务器，加载几乎瞬间完成。修改时，你需要改动页面本身（或让 AI 构建工具帮你修改）。动态页面会增加一个可以在不修改代码的情况下编辑链接的管理后台，同时还需要数据库，适合每天都要修改链接，或者要为多人管理页面的情况。对于个人使用来说，通常静态页面更合适。

自有域名。 这是自己搭建的最大理由。yourname.com 更容易记住，看起来更专业，并且无论你之后使用什么工具，它都会继续有效。参见如何连接自定义域名。

点击追踪。 有两种选择：

1. 使用注重隐私的分析脚本，记录页面访问量和对外链接点击。简单，不需要后端。
2. 每个链接都经过你自己域名上的一个短链接跳转（例如 yourname.com/go/shop），由它统计点击。控制力更强，同样的链接还可以用在电子邮件和视频中。这本质上是一个小型的网址缩短器。

无论选择哪种方式，只有在你的访客所在地区，追踪机制确实需要时，才添加 Cookie 提示。许多无 Cookie 的分析工具就是为避免这一点而设计的；请根据适用于你的规则进行核查。

邮件订阅。 订阅表单是最有价值的附加功能：社交媒体的关注者属于平台，而邮件订阅者属于你。表单需要一个地方来接收邮箱地址，例如你的邮件营销工具提供的表单或 API，或你自己的数据库。参见如何搭建电子报网站。

设计。 页面应该体现你自己的风格，而不是大家都在用的模板。选择一组字体搭配、你的品牌色和清晰的按钮样式。要在深色模式下测试，因为很多手机都启用了深色模式。

速度与分享。 图片要小。添加标题、描述和分享图片（Open Graph 标签），这样在消息中粘贴链接时，预览效果会更好。

一条有效的第一提示词

请将 link-in-bio 页面构建为一个单独的静态 HTML 页面，优先为手机设计。页面顶部有一张圆形头像、我的名字“Sam Rivera”，以及一行文字“插画师和漫画作者，新书现已上市”。下方是一个突出显示的按钮“预购新书”，然后是“店铺”“YouTube”“约稿”和“电子报”的按钮，最后是 Instagram、TikTok 和 Bluesky 的小图标。使用宽大的全宽按钮，间距充足，背景为温暖的米白色，文字为深色，只使用一种强调色（赤陶色），并提供精致的深色模式。添加标题、meta 描述和 Open Graph 图片标签。图片要小，以便在手机流量下快速加载。暂时不添加追踪或 Cookie。

将名字、介绍和链接替换为你自己的内容。这条提示词对布局、颜色以及需要省略的内容都做了具体说明。

搭建步骤

1. 先准备内容。 按顺序写下你的链接，以及那句自我介绍。删掉任何你自己都不会点击的内容。
2. 搭建页面。 在手机尺寸的预览中检查，并分别查看浅色和深色模式。
3. 真机测试。 在手机上打开，如果可以，从 Instagram 或 TikTok 的应用内浏览器中打开，因为大多数访客会在那里看到它。
4. 分享预览。 将链接粘贴到消息应用中，检查标题和图片。
5. 域名。 将页面放在你自己的域名下。
6. 追踪（如果你需要数据）：添加分析工具或跳转链接，然后逐个点击每个链接，确认点击会被统计。
7. 订阅表单（如果你要建立邮件列表）。

持续更新

link-in-bio 页面只有随着你的变化而更新，效果才最好。一个简单的习惯是：每当你发布了希望别人看到的新内容，就当天更新顶部的链接；每月删除一次已不再相关的内容。如果你在开展活动（如新品发布、促销或活动），就在活动期间把高亮按钮给它，之后再换回来。如果你使用跳转链接进行追踪，请保持短路径稳定（例如 /go/latest），只修改它指向的地方，这样之前发布过、使用了该链接的帖子依然能导向有用的内容。

常见错误

• 链接太多。 访客不会滚动浏览十五个按钮。
• 顶部链接过时。 上一季的促销放在顶部，会显得页面已被废弃。内容变化时要及时更新。
• 图片太大。 在手机流量下加载一张大照片，是糟糕的第一印象。
• 点击区域太小。 按钮应该是全宽的，方便用拇指点击。
• 没有分享图片。 分享时链接显得很单调。
• 只挂在某个工具的子域名下。 如果工具变更，你已经发布过的所有简介链接都会失效。使用自己的域名可以避免这个问题。

何时选择现成产品更合适

托管式 link-in-bio 工具确实很方便：可以在手机上编辑，内置分析功能，支持店铺和打赏等集成，而且很多都有免费套餐。如果你希望无需修改代码就能随时更改链接，并且不介意工具的外观或品牌标识，它们是简单的选择。简单的单页构建器则是另一种选择，参见 Carrd 替代方案。

当你希望使用自己的域名而无需为其支付月费、需要完全掌控设计、不希望出现第三方品牌标识、希望拥有自己的点击数据，或者希望这个页面将来能发展为作品集或个人网站时，就应该自己搭建。

用 Mythex 搭建

在 Mythex 中，你可以在聊天中描述页面，要求生成普通的静态页面，并在实时预览的手机尺寸框架中检查效果。静态网站会以静态站点的形式发布，参见Mythex 上的静态网站；页面闲置时不消耗积分，因此 link-in-bio 页面长期保持在线的成本很低。任何套餐都可以发布到 mythex.ai 链接；在 Pro 套餐中，你可以连接自己的域名，或直接在 Mythex 内购买域名。需要修改链接时，只需在聊天中提出，然后重新发布即可。

常见问题