惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

aimingoo的专栏
aimingoo的专栏
K
KPMG report finds enterprise disconnect between AI and its ROI | CIO
小众软件
小众软件
WordPress大学
WordPress大学
宝玉的分享
宝玉的分享
L
LangChain Blog
cs.CL updates on arXiv.org
cs.CL updates on arXiv.org
D
Docker
Cyberwarzone
Cyberwarzone
腾讯CDC
V
Vulnerabilities – Threatpost
CTFtime.org: upcoming CTF events
CTFtime.org: upcoming CTF events
AWS News Blog
AWS News Blog
GbyAI
GbyAI
Stack Overflow Blog
Stack Overflow Blog
MyScale Blog
MyScale Blog
C
CERT Recently Published Vulnerability Notes
T
Threat Research - Cisco Blogs
S
Securelist
C
Cybersecurity and Infrastructure Security Agency CISA
Security Archives - TechRepublic
Security Archives - TechRepublic
Know Your Adversary
Know Your Adversary
Security Latest
Security Latest
N
News and Events Feed by Topic
Attack and Defense Labs
Attack and Defense Labs
V
Visual Studio Blog
博客园 - 司徒正美
钛媒体:引领未来商业与生活新知
钛媒体:引领未来商业与生活新知
I
Intezer
P
Privacy International News Feed
爱范儿
爱范儿
T
The Exploit Database - CXSecurity.com
O
OpenAI News
云风的 BLOG
云风的 BLOG
博客园_首页
雷峰网
雷峰网
M
MIT News - Artificial intelligence
Project Zero
Project Zero
I
InfoQ
Hacker News: Ask HN
Hacker News: Ask HN
C
Cyber Attacks, Cyber Crime and Cyber Security
N
News and Events Feed by Topic
S
Security Affairs
S
Secure Thoughts
Y
Y Combinator Blog
Exploit-DB.com RSS Feed
Exploit-DB.com RSS Feed
美团技术团队
The GitHub Blog
The GitHub Blog
B
Blog
H
Hacker News: Front Page

膨胀自留地

使用CloudFlare标记管理功能优雅的使用谷歌分析 四天轻松版北京旅游攻略 Adsense税务居住地证明申请教程:如何申请中国税收居民身份证明以及Google Adsense更新新加坡税务信息教程 常见的 VPS 优化措施 HTML实现table表格移动端自动转为卡片样式 个人网站接入 Google 登录 如何从 GitHub 永久删除泄露的 .env 文件 Cloudflare设置www的域名跳转到不带www的域名 顶级iOS神器!全面解开App Store限制,AssPP Pro保姆级教程 BroadcastChannel将你的 Telegram Channel 转为微博客 Medama开源轻量级网站统计(分析)系统 白嫖一个网站监控面板:uptime-kuma 部署TraffMonetizer利用闲置VPS挂机赚钱 Counterscale-使用CloudflareWorkers部署的免费网站数据统计工具,界面类似umami 封装一个最简单的Axios,避免过度封装! 如何使用Cloudflare Email Routing创建域名邮箱免费发送邮件 使用Cron定时更新Hosts解决Gihub无法访问问题 容器化MariaDB/Mysql实现定时备份 JetBrains全家桶许可证服务器怎么找,JetBrains激活教程 图片加速接口:缓存图片,加速访问,解决防盗链 MySQL模糊查询再也不用like+%了,全文索引介绍及使用简介 为什么这么多人推荐你办理流量卡?流量卡怎么赚钱?怎么避坑? 借助Cloudflare Worker实现Google Analytics反代加速,规避广告屏蔽插件的拦截 etcd入门之在Centos上安装部署 Grafana在linux下安装和基本使用入门 Prometheus介绍、安装和基本功能快速入门 无需加速器,油猴插件解锁xbox云游戏 阿里云盘自动每日签到,无需部署,无需服务器 自定义VSCode终端主题样式 一行 CSS 代码实现响应式布局 – 使用 Grid 实现的响应式布局 加不加「/」?Nginx location 路径与 proxy_pass 的规律 Mac上Git多账户SSH配置 python 脚本命令行调用 cloudflare Wokers AI 对话示例 使用acme.sh自动申请Let's Encrypt泛域名证书 centos离线(内网环境无外网)安装docker 什么是ChatGPT API公益水龙头? Mysql8主从复制实现过程记录 纯绿色无需安装软件,10行代码即可长期关闭Windows系统更新 JS | JS实现Web应用或网站发送浏览器Notification通知 Go | 使用rsrc给golang打包的exe文件添加程序图标 Go | 基于最新的 ChatGPT API 实现命令行版 ChatGPT JS | 原生js仿ElementUI消息提示组件,含生命周期钩子 Go | 包依赖管理工具go mod使用详解 Go | 解决低版本Goland调试问题:Version of Delve is too old for this version 薅京东羊毛必备抓取Cookies教程 使用Nginx反向代理解决 Google Analytics 访问问题 Typecho纯代码生成sitemap站点地图 Lazysizes.js图片懒加载的使用 typecho使用文件缓存加快打开速度 白嫖移动,联通,电信手机短信通知 MacOS上使用可视化界面给ESP8266烧录MicroPython教程 Fail2Ban安装使用及常用配置教程 通用的检测到广告屏蔽插件进行弹窗提示实现方法 如何在 ESP 单片机上选用合适的引脚 如何找回微信已过期文件教程 一键脚本安装的 HASSIO 如何卸载呢 SqliteAdmin 宝塔面板sqlite数据库可视化管理(简单版) PostToBingIndexNow插件实现typecho发布文章自动推送到Bing站长平台 javascript | 原生JS多语言切换简单实现 Mysql8安全清理mysql.slow慢查询日志和general_log文件 NUC8黑苹果更新OpenCore引导教程,黑苹果EFI分区空间占满处理方法 局域内网的服务器利用个人电脑做跳板机访问互联网 ssh-chat- SSH命令行下聊天摸鱼服务 Python小技巧之不用GUI,照样实现图形界面 Linux下防御/减轻DDOS攻击工具DDoS deflate安装配置教程 据传宝塔面板后台会上传服务器上运行的网站信息 如何定位Mysql中CPU占用高的查询语句 python使用多线程threading模块长期循环运行内存泄漏问题解决 Linux系统VI方向键、删除键按出来是字母解决方法 python | 协程与多进程的完美结合 新安装Debian系统常用设置 MAC系统制作ubuntu启动U盘教程 利用树莓派打造时间机器 TimeMachine MAC游戏 | 公路救赎 Road Redemption May 2020 Mac摩托车竞速暴力游戏中文破解版 MAC游戏 | 笨拙英雄 Clunky Hero 0.92 Mac手绘风格的类银河战士恶魔城动作冒险游戏破解版 MAC游戏 | 拉力赛艺术Art of Rally 1.0.4b Mac卡通风格的赛车竞速游戏破解版 MAC游戏 | Len's Island 1.0 Mac 破解版 开放世界农场模拟探索游戏 MAC游戏 | 洛基Röki3.2_Mac点击型冒险游戏中文破解版 typecho聚合全文输出feed设置仅输出摘要自动截取正文前200个字符 树莓派开启Samba共享(smb) 为什么网站知道我的爬虫使用了代理? 给Edge大声朗读同源的微软tts增加下载音频按钮(tampermonkey脚本) 为了了解女朋友的小心思,我用 python 爬了榜姐微博下 70000 个女生小秘密! MAC外接屏幕亮度调节工具——BrightnessE mysql8利用CTE特性实现递归查询 漫威宇宙时间线观看顺序(持续更新) Typecho 评论弹幕插件下载及食用教程 反爬虫的极致手段,几行代码直接炸了爬虫服务器 教你轻松拥有无限个邮箱 核弹级教程:手把手教你白嫖上百个订阅节点 部署 Monit 来监控服务 「工具」Windows 卸载软件,这一个就够了 闲置服务器薅京东的羊毛—青龙面板部署与京东签到 捡垃圾8.5元智能wifi插座拆解,刷ESPHome接入HomeAssistant-超低价ESP8266开关 RS1.ES 免费Linux云服务器,单次使用3小时,不限次数! Typecho 启用 Service Workers 浏览器缓存加速首屏访问 Waiting for table metadata lock问题处理 关于a标签target_blank使用rel=noopener 宝塔默认站点泄漏源站IP,使用CDN后censys.io出现源站IP泄漏解决方法 百度云加速提示:502网关错误,解决办法以及如何添加百度云加速节点IP白名单教程
使用 Vercel 部署 Umami,从零开始搭建一个免费的个人博客数据统计
2023-04-27 · via 膨胀自留地

#编程技术 2023-04-27 14:37:00 | 全文 1696 字,阅读约需 4 分钟 | 加载中... 次浏览

👋 相关阅读


早些年用过友盟、51.la、百度统计、Google Analytics,各有各的优缺点,目前国内统计只允许备案网站使用,Google Analytics 访问也不太好,权衡之下使用这款开源的网站统计服务——Umami。

图片alt

根据官网介绍,Umami 是一款简单、易用、美观、轻量、快速、隐私、安全的开源免费网站统计工具,从部署到使用,都是简单、快速,体验也很满意。

官方文档介绍了多种部署方式,包括使用自己服务器,或者第三方平台,例如 Netlify、Heroku、Railway 等等,有些第三方平台一般都不提供数据库服务,本文将使用 Vercel 部署应用,Supabse、Heroku 两种方式提供数据库服务。

在使用前,先注册并登录好 GitHub、Vercel、Supabase或者Heroku 三个平台,并在 GitHub 平台 Fork Umami 的项目仓库。

GitHub:https://github.com/umami-software/umami Vercel:https://vercel.com/ Supabase:https://supabase.com/ Heroku:https://www.heroku.com/

1、创建数据库(以下两种数据库选一即可)

1.1 在 Heroku 创建数据库

首先注册一个 Heroku 账号,登录成功后,点击右上角按钮创建一个新的应用。

图片alt

输入实例名称,地区可以自行选择,点击创建。

图片alt

创建完成后,在 Resources Tab 的 Adds-on 中搜索选择 Postgres 数据库。

图片alt

选择 Free Plan 即可,Heroku 中的 Postgres 数据库是免费的,可以持续使用,免去了搭建维护成本。 (如果没有免费数据库资格的可以选择下方的 Supabase 数据库或者付费服务)

图片alt

创建完成后,在 Setting 中查看 DATABASE_URL,后面部署要用到。

图片alt

点击新增的 Postgres add-on 跳转进行设置。

图片alt

进入后,选择 Setting 页面的 View Credentials,并且记录配置参数。

图片alt

图片alt

1.2 在 Supabase 建立数据库

图片alt

在官网选择 Free 方案,进入 Create a new project 页面,按要求填写相关内容。Name 填写任意项目名,Database Password 可以使用下方工具 Generate a password 生成,并保存到记事本备用。

图片alt

等待数据库建立,需要几分钟的时间。

建立之后,点击左下方的 Project Settings,选择 Database,找到 Connection string 中的 URL 一栏,复制内容,并将 [YOUR-PASSWORD] 替换为上一步生成的密码,稍后会用到。

图片alt

Supabase 平台的操作就结束了。

2、在 Vercel 部署 Umami

登录 Vercel 之后,点击右上角 Add New Project,并导入事先 Fork 的项目仓库。

图片alt

图片alt

在 Configure Project 中需要设置两个环境变量(Environment Variables)。

图片alt

分别添加 DATABASE_URL 和 HASH_SALT。

DATABASE_URL 是上一步在 Subabase 复制的 URL,记得替换自己的 Password; HASH_SALT 需要自己随意生成一长串字符串。

最后点击 Deploy,等待两分钟。

图片alt

3、自定义域名

由于 Vercel 提供的域名在大陆无法访问,所以如果是想大陆流畅访问,建议绑定一个自己的域名。

1、在自有域名的 DNS 服务中添加一条记录,选择 CNAME 类型转发,记录值填写为:cname.vercel-dns.com

2、然后在 Vercel 中找到 umami 项目,点击 Settings 标签卡,跳转页面后点击左侧的 Domains 菜单项,输入你自己定义的域名点击 Add 按钮即可。

图片alt

4、使用 Umami

按照上述步骤,Umami 已经部署成功了,点击 Dashboard 或分配的 Vercel 域名访问服务,可以看到 umami 的登录界面。

图片alt

默认用户名和密码分别是 admin 和 umami ,进入后台可以修改密码、设置语言,完成基础帐号配置后,点击侧边栏网站 Tab,点击添加网站,然后就可以添加网站了。

图片alt

提示:如果需要删除网站,先将语言切换至 English,中文状态无法删除。

5、配置 UMAMI 脚本至个人博客网站

网站创建完成,点击编辑按钮,选择跟踪代码,获取 umami 脚本。

图片alt

获取后,在个人网站添加 umami 脚本即可,配置完成部署,即可开始追踪网站数据。

6、配置自定义脚本名称

使用官方的脚本名称,可能会被一些过滤规则拦截,因此我们可以自定义脚本名称,实现更准确地网站数据追踪。

官方也提供了便捷的修改方式,可以在 Vercel 中已经部署的 umami 服务中增加 TRACKER_SCRIPT_NAME 环境变量,配置为自定义名称。

图片alt

配置完成后重新部署,再在个人网站脚本中更改脚本名称即可。

VIA

从零开始搭建一个免费的个人博客数据统计系统(umami + Vercel + Heroku) - 少数派 https://sspai.com/post/73346 使用 Vercel + Supabase 部署 Umami来实时统计网站数据 https://www.baichuanweb.cn/article/example-50 搭建 umami 收集个人网站统计数据 | Reorx’s Forge https://reorx.com/blog/deploy-umami-for-personal-website/ 使用自定义域名激活Vercel部署的Waline服务 https://lisenhui.cn/blog/use-custom-domain-active-vercel-waline.html


×