🔗 LittleLink：自托管Linktree替代 3k星100+品牌按钮纯HTML无需构建

LittleLink 是开源自托管的 Linktree 替代品，GitHub 3k+ Stars，MIT 协议。100+ 品牌按钮、auto/light/dark 三主题、纯 HTML/CSS。支持 Cloudflare/Vercel 一键部署，文末附详细使用教程。

🎤 引言

每个创作者、博主、独立开发者都想要一个"一站式"个人主页——把 Twitter、GitHub、博客、邮箱、YouTube 全部聚合在一个链接里，方便粉丝一键触达。Linktree 解决了这个问题，但免费版只能挂 5 个链接、不能自定义域名、还会在页面底部放广告。

LittleLink 正是冲着这个痛点来的——一个完全开源、自托管的 Linktree 替代品。GitHub 3,033 Stars（2026-07-29），MIT 协议，纯 HTML + CSS 静态页面，100+ 品牌按钮样式 + auto/light/dark 三主题 + PageSpeed 100/100 满分，一键部署到 Cloudflare/Vercel/Netlify/数字海洋/AWS Amplify 5 分钟拥有自己的个人聚合页，零运营成本、数据完全自主。

⭐ 核心功能

100+ 品牌按钮样式

内置 GitHub、Twitter/X、Instagram、YouTube、TikTok、Discord、Telegram、Spotify 等主流平台官方品牌按钮
自动同步品牌色、品牌 logo、品牌字体
新品牌由社区持续贡献，主仓库聚焦主流服务，Extended 仓库收录小众/小语种品牌
支持 Button Builder 在线工具：可视化设计自定义按钮、自动检查对比度、一键复制 CSS/HTML 代码

三主题 + 自动切换（auto/light/dark）

默认跟随系统主题，自动切换 light/dark
也可在 index.html 强制指定主题
所有按钮经过对比度检查，亮色 / 暗色模式下都自动加 inverse stroke 描边保证可读性
主题色、字体、间距在 style.css 全部可自定义

极致性能（PageSpeed 100/100）

纯原生 CSS，无框架、无构建工具、无 gulp、无 npm
一份 HTML + 一份 CSS 跑完整个网站
Google PageSpeed Insights 实测：Performance 100 / Accessibility 100 / Best Practices 100 / SEO 100
加载速度 < 100ms，移动端体验丝滑

一键部署（5 大云平台）

Cloudflare Workers：边缘部署，全球 CDN
DigitalOcean App Platform：开发者友好的 PaaS
Vercel：与 Next.js 同生态
Netlify：JAMstack 首选
AWS Amplify：企业级集成
也支持 GitHub Pages、自建服务器、CDN 部署

社区生态（4 个相关项目）

LittleLink Extended：小众品牌（细分领域、小语种、本地服务）
LittleLink Button Builder：在线按钮设计工具
LinkStack（社区 fork）：管理后台 + 多用户版
littlelink-server（社区 Docker 镜像）：一键容器化部署
Figma 模板：Community 上有官方设计模板

辅助能力

内置 docker-compose.yaml，本地 docker compose up 即可在 http://localhost:8080 跑起来
支持 Fathom Analytics（隐私优先的轻量分析）
MIT 协议，商业使用无限制
官方 Discord 社区（Seth's Nook）持续更新通知

📥 安装与使用

5 分钟一键部署（推荐 Cloudflare Workers）

# 1. 打开 https://deploy.workers.cloudflare.com/?url=https://github.com/sethcottle/littlelink
# 2. 点击 "Deploy" 按钮
# 3. 等待 Cloudflare 自动 fork 仓库 + 部署
# 4. 部署完成后会得到一个 *.workers.dev 子域名
# 5. 可在 Cloudflare 后台绑定自定义域名

Docker 本地运行

docker compose -f docker/compose.yaml up
# 访问 http://localhost:8080

手动 fork + 修改（最灵活）

# 1. Fork 仓库到自己的 GitHub
# 2. 编辑 index.html，替换按钮链接
# 3. （可选）编辑 style.css 自定义主题色
# 4. 推送到 GitHub，自动触发 Vercel/Netlify 部署

添加自定义按钮

参考 wiki Adding custom buttons to your own fork，或在 Button Builder 可视化设计后复制 HTML + CSS 粘贴到 index.html 和 css/brands.css。

部署后自定义

头像：替换 images/avatar.png
简介：编辑 index.html 中的 <h1> 和 <p>
社交链接：编辑 index.html 中的 <a> 标签
主题色：编辑 style.css 中的 CSS 变量

🎯 适用场景

创作者 / 博主 / 自媒体：把所有平台链接聚合成一个 bio 链接，发到 Twitter/Instagram 简介
独立开发者：把 GitHub、个人博客、产品官网、Twitter 全部聚合在自定义域名
中小企业 / 团队：免费替代 Linktree Pro，零月费、零抽成、域名可控
隐私敏感用户：完全自托管，数据不经过第三方服务器
极简主义者：不想要 Linktree 页面底部的广告、品牌 logo
教育 / NGO / 开源项目：免费 MIT 协议，做一个团队介绍页

🔍 对比/替代方案

方案	类型	优缺点
Linktree	SaaS 闭源	免费版受限（5 个链接）、Pro $5-24/月、底部带广告
Linkstack	开源 fork	LittleLink + 管理后台 + 多用户，但部署复杂度高
bento.me / milkshake	半商业	设计感强，但定制能力差、不开源
自己写 HTML	全定制	完全自由，但每次都要从零开始写
LittleLink	开源静态	✅ 100+ 按钮、100/100 性能、5 分钟部署、自托管

LittleLink 的核心优势：开箱即用 + 极致轻量 + 完全自主。

⚠️ 注意事项

纯静态页面，无后端：所有链接都在 HTML 里硬编码，添加按钮需要编辑 HTML 或用 Button Builder 工具
无内置分析：需要外接 Fathom、Google Analytics 等（README 推荐 Fathom，隐私友好）
品牌按钮非完全原创：所有品牌色、logo 来自各平台官方公开资产，使用前注意各品牌商标使用条款
小众服务需去 Extended 仓库：主仓库只收主流服务，Extended 仓库收录细分领域品牌
自定义域名：需要 Cloudflare/Vercel/Netlify 等平台后台配置 DNS，文档里没详细步骤（每个平台不同）
Mobile 优先设计：桌面端布局也是 mobile-first 风格的两列按钮，可能不像传统 desktop 站点那样"宽屏大气"
社区维护节奏：最近一次大版本是 2023-2025 期间多次更新，但没有 Active Issue 维护，贡献主要靠社区 PR

✅ 总结

LittleLink 是自托管 Linktree 替代品中的最优解——3k+ Stars、100+ 品牌按钮、MIT 协议、PageSpeed 100/100、一键部署。

如果你只是想有一个简单的 bio 链接页：5 分钟 fork + 部署就完事了。
如果你想要完全自主可控：自托管 + 自定义域名 + 无广告 + 无月费。
如果你想学开源项目怎么"做减法"：LittleLink 是一个教科书级的范例——只用 HTML + CSS 解决了一个 SaaS 级问题。

立即体验：

官方演示：https://littlelink.io
示例页面：https://littlelink.io/sample/seth
GitHub：https://github.com/sethcottle/littlelink
Button Builder：https://builder.littlelink.io