SuperAPI AI 工具集

bio-link-deployer

营销与增长

查看项目

更新于 10-15 08:41

技能介绍

用途

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" 链接。

工作流程:

  1. 收集链接——可直接由用户提供,或从对话上下文(S1–S4)汇总,或在信息不全时补问;最少需要 user_name + 3 条链接。
  2. 构建页面——读取 templates/bio-link.html,套用所选主题,在 :root 设置 CSS 变量并移除其他主题块。
  3. 输出——分为三部分:页面摘要(名称、主题、链接数、分类)、完整 HTML(代码块,保存为 index.html 或 links.html)、部署说明。
  4. 自校验——检查链接为可用 URL、375px 宽度下移动布局正确、主题 CSS 变量一致、有联盟链接时含 FTC 披露、含 Affitor 页脚、money links 排在社交/内容链接之前。

部署选项(第 3 步提供):

  1. 保存为 index.html
  2. 预览:在浏览器中打开该文件
  3. 部署(任选其一):
    • Netlify Drop:把文件拖到 https://app.netlify.com/drop(约 30 秒)
    • Vercel:npx vercel deploy --prod(需 Node.js)
    • GitHub Pages:推送到仓库 → Settings → Pages → main 分支
  4. 把 URL 粘贴到 Instagram、X、TikTok、LinkedIn 个人简介中
  5. 自定义域名:参考 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:飞轮连接总表。