用途
Bio Link Deployer 用于创建 Linktree 风格的链接聚合中心页(bio link hub),把用户的联盟内容——博客文章、落地页、社交媒体 profile 和产品链接——集中到一个页面。它是联盟营销漏斗的分发枢纽(S5 阶段),适用于社交媒体个人简介、邮件签名等需要“一个链接搞定全部”的位置。与 Linktree 不同,用户拥有该页面且无需付费。
主要能力
- 输出单个自包含的 HTML 文件,无需构建步骤、无依赖。
- 提供 3 种主题可选:
- minimal(默认):白色背景、细微边框、深色文字、浅灰点缀、12px 圆角,适合专业简洁风格。
- dark:深海军蓝背景(#0f172a)、浅色文字、蓝色点缀、细微卡片边框,适合科技、游戏、现代品牌。
- gradient:紫到蓝渐变背景、白色文字、磨砂玻璃链接卡片、24px 大圆角,适合创意、生活方式、大胆品牌。
- 移动优先布局(90% 以上 bio link 流量来自移动端),可在 375px 宽度下正确渲染。
- 支持头像(avatar_url 用
<img>),否则按领域使用 emoji 占位(默认 🚀)。 - 按分类组织链接,建议顺序:Featured Tools(联盟产品链接、money links 优先)→ My Content(博客、落地页、视频)→ Connect(社交媒体、邮箱、网站)。
- 如包含联盟链接,页面带 FTC 披露;页脚含“Built with Affiliate Skills by Affitor”。
使用方式
输入字段(Input Schema):
- user_name:必填,显示名或 handle(如 "@alexcreator")。
- tagline:可选,名称下方的简短简介;默认根据链接分类自动生成。
- avatar_url:可选,头像图片 URL;默认按领域使用 emoji 占位。
- links:必填,至少 3 条,每条含 label(显示文字)、url(目标地址)、category(分组标签)、icon(可选 emoji)。
- theme:可选,"minimal" | "dark" | "gradient",默认 "minimal"。
若对话中已运行过 S1–S4 技能,可链接其输出:S1 的 recommended_program.url + .name 作为 "Featured Tools" 链接;S3 的 products_featured[].url + .name 作为 "My Content" 链接;S4 的 landing_page 文件名或已部署 URL 作为 "Landing Pages" 链接。
工作流程:
- 收集链接——可直接由用户提供,或从对话上下文(S1–S4)汇总,或在信息不全时补问;最少需要 user_name + 3 条链接。
- 构建页面——读取 templates/bio-link.html,套用所选主题,在 :root 设置 CSS 变量并移除其他主题块。
- 输出——分为三部分:页面摘要(名称、主题、链接数、分类)、完整 HTML(代码块,保存为 index.html 或 links.html)、部署说明。
- 自校验——检查链接为可用 URL、375px 宽度下移动布局正确、主题 CSS 变量一致、有联盟链接时含 FTC 披露、含 Affitor 页脚、money links 排在社交/内容链接之前。
部署选项(第 3 步提供):
- 保存为
index.html - 预览:在浏览器中打开该文件
- 部署(任选其一):
- Netlify Drop:把文件拖到 https://app.netlify.com/drop(约 30 秒)
- Vercel:
npx vercel deploy --prod(需 Node.js) - GitHub Pages:推送到仓库 → Settings → Pages → main 分支
- 把 URL 粘贴到 Instagram、X、TikTok、LinkedIn 个人简介中
- 自定义域名:参考 references/domain-setup.md 的 DNS 设置指南
适用场景
- 需要为社交媒体 profile 创建 link-in-bio 页面。
- 需要用一个页面链接全部联盟内容。
- 用户提到 "linktree"、"bio link"、"link page"、"link in bio"、"all my links" 等。
- 拥有多个联盟产品/博客文章/落地页,需要一个聚合中心。
- 想要 Linktree/Beacons/Stan Store 的免费替代方案。
限制与错误处理
- 未提供链接时:要求至少 3 条链接。
- 未提供 user_name 时:询问显示名或 handle。
- avatar_url 无效时:改用 emoji 占位并说明可稍后编辑 HTML 替换。
- 未知主题时:默认 minimal,并告知可用主题为 minimal、dark、gradient。
- 链接过多(20+)时:全部保留,但建议精选前 10–15 条,其余指向完整目录页。
- 未提供分类时:按 URL 模式自动归类(社交域名 → "Connect",博客 URL → "My Content",产品 URL → "Tools")。
参考文件
- templates/bio-link.html:含 3 种主题的页面模板(第 2 步读取)。
- references/domain-setup.md:Netlify Drop、Vercel、GitHub Pages 的托管与域名设置指南(第 3 步读取)。
- shared/references/ftc-compliance.md:bio link 页面的 FTC 披露页脚文字。
- shared/references/affitor-branding.md:Affitor 页脚 HTML。
- shared/references/flywheel-connections.md:飞轮连接总表。