温馨提醒
这篇文章发布于 117 天前，内容可能已过时，请谨慎参考。
type
status
date
slug
summary
tags
category
icon
password
第一部分：Vercel+Umami
- 第一步1.2 创建项目
1.1 Forkumami到自己的Github仓库
- 第二步
2.1 创建Vercel账号，这里我就省略了，因为GitHub可以直接进行授权即可。
2.2 在你授权以后，首先创建Postgres数据库，直接一路下一步，创建好就行，可以给下面的连接复制出来
点击Copy Snippet,就可以，记住在粘贴的时候是我画线里面的部分，双引号都不需要 ，因为要设置环境变量。
2.3 在创建好数据库以后，回到主页面的Overview，然后右上角有一个Add New选择添加Project，选择你Fork的umami，添加即可。
2.4 设置环境变量，
DATABASE_URL和HASH_SALT和TRACKER_SCRIPT_NAME，其中DATABASE_URL的值就是上面划线的部分，其他的两个环境变量都是对应的值是String自己可以随意定义。
2.5 设置好以后点击Deploy，等待大约两分钟左右，自动部署完成，部署完成以后可以通过下图种面板上面给的链接可以直接访问。
2.6 打开以后会跳出登录地址，默认的登录密码是adminumami，登录进去以后，设置给自己密码修改了，然后就是设置里面添加网站，给你要统计的网站添加进去，到此，别人访问你的网站你可以通过面板看到统计数据了。
第二部分：Umami+Cloudflare worker这一部分主要是让你的博客上面能展示的访问数据，效果如下：
image
- 注册账号，然后进去以后，选择和，点击，再点击
CloudFlare
Workers
Pages
创建
部署
部署以后，进去点击编辑代码，将里面的代码进行替换：
但是里面有几个比较重要的参数需要修改
API_BASE_URL、TOKEN、WEBSITE_ID其中API_BASE_URL和WEBSITE_ID已经是有的，WEBSITE_ID在umami中的设置，选择你已经添加好的网站，点击编辑，会出现网站的WEBSITE_ID：
2.2 获取token，在想api测试网站，hoppscotch，跳转到这个页面以后，如下图所示
2.2.1 请求方式选择post，链接填写方式是：
2.2.2 请求体选择Body参数格式选择application/json
2.2.3 返回结果中token里面的内容就是需要的token
到这里，你部署
api所需要的所有参数内容都已经有了，给替换进去即可。2.3 测试在你部署好以后，会有一个链接，当然你如果是用cloudflare代理你的域名，可以直接进行关联。
然后点击或则是复制粘贴到浏览器，请求以后会出来下面的结果：
如果没有结果，建议你先去你部署的umami面板里面看看有没有数据，有数据的情况下，这里请求都会有数据的，清理浏览器缓存开代理在测试。
第三部分：添加博客统计
将数据添加到about页面
配置完成~
感谢starsharbor大佬博客的指导，原文
作者原文
作者: Couture
链接: https://www.coutures.top/posts/27233.html
来源: Couture
著作权归作者所有。 商业转载请联系作者获得授权，非商业转载请注明出处。
- 作者:克喵爱吃卤面
- 链接:http://preview.tangly1024.com/article/umami-deploy
- 声明:本文采用 CC BY-NC-SA 4.0 许可协议，转载请注明出处。
