📝 一、前提条件
前提准备：
- ✅ 一个 GitHub↗ 账号（用于 fork & 部署）
- ✅ 一个 Vercel↗ 账号（免费可用）
- ✅ 一个 Neon↗ 账号（免费 PostgreSQL 数据库）
- ✅ 基础 Node.js / Git 操作知识（非强制）
🗄️ 二、什么是 Neon？
Neon 是一个现代化的 PostgreSQL 数据库服务，提供无服务器架构、自动扩缩容和分支功能，非常适合现代 Web 应用。
🧩 三、什么是 Umami？
Umami是一个轻量级、隐私优先的网站分析工具：
- 🔍 实时访问分析
- 🌐 支持多个网站
- 📊 自定义事件追踪
- 💰 免费部署
- 🍪 不依赖 cookie
🛠️ 四、在 Neon 上部署 PostgreSQL 数据库
详细步骤展开
Neon 提供免费的 PostgreSQL 数据库，非常适合小型项目使用！
🚀 五、在 Vercel 上部署 Umami
1. Fork 仓库
前往 umami 仓库↗，点击 Fork。
2. 在 Vercel 导入仓库
登录 Vercel，点击 New Project → Import Git Repository
选择你 Fork 的
umami仓库设置环境变量（Environment Variables）：
HASH_SALT=任意字符串（用于密码加盐，建议随机生成）
DATABASE_TYPE=postgresql
DATABASE_URL=postgresql://<user>:<password>@<host>:<port>/umami⚠ 将
<user><password><host><port>替换为 Neon 提供的连接信息
- 点击 Deploy 部署。
✅ 六、访问 Umami 后台
打开部署成功后的地址，例如：
https://umami-yourproject.vercel.app默认管理员账号：
用户名：admin 密码：umami登录后务必修改默认密码。
📦 七、在网站中嵌入统计代码
在你的网站 <head> 或 </body> 前插入以下代码：
<script defer
src="https://umami-yourproject.vercel.app/script.js"
data-website-id="你的网站ID"
></script>data-website-id：在 Umami 后台“添加网站”时会生成一个 UUID- 支持多个站点，每个站点生成独立的 ID
📊 八、功能预览
Umami 提供丰富的分析功能：
- 📈 实时访问统计
- 📄 页面访问量、跳出率、平均停留时间
- 🌍 访客来源、设备、浏览器、操作系统
- 🎯 自定义事件追踪（如点击按钮、提交表单）
📚 九、参考资料
- Umami 文档：https://umami.is/docs↗
- GitHub 仓库：https://github.com/umami-software/umami↗
- Neon 官网：https://neon.tech/↗
- Vercel 官网：https://vercel.com/↗
Thanks for reading!
Comments