使用 Umami 部署博客分析工具

Umami 简介

Umami 是一款开源且注重隐私的网站分析工具,可替代 Google Analytics。它提供网站流量和用户行为等见解,但不使用 Cookie 或收集个人数据,符合隐私法规。Umami 轻巧易用,可自行托管。

image.png

如果你有自己的博客,并且想要知道自己博客网站的流量情况,那么 Umami 将会是一个很好的工具,接下来我会一步步的教大家部署一个自己 Umami 博客分析工具。

部署前必要准备

  • 一个充满求知欲的大脑。
  • 一台Linux服务器(推荐腾讯云、阿里云或雨云等)。本文将以雨云为例进行演示。

我将会以 雨云 为例,带大家创建一台自己的云服务器,以便尝试本篇文章的内容。

注册链接: https://www.rainyun.com/NTEzMTM1_?s=blog

创建雨云服务器

以下步骤仅供参考,请根据实际需求选择配置。

点击“云产品”→“云服务器”→“立即购买”。

选择距离你较近的区域,以降低延迟。

选择配置。

选择Ubuntu 22.04版本,并勾选预装Docker。

点击“立即购买”,并完成后续购买流程。购买完成后,等待服务器部署完毕,进入管理面板,找到远程连接信息。

使用PowerShell进行远程连接:输入ssh root@你的服务器IP (例如ssh root@154.9.227.239),首次连接需输入yes,然后回车即可登录。

服务器创建完毕并可通过SSH远程访问后,我们就可以开始部署 Umami 了。

Umami 从源码安装

系统要求:

  • Node.js 18.17 或更高版本
    • 可以使用 nvm 快速安装使用: https://github.com/nvm-sh/nvm?tab=readme-ov-file#install–update-script
  • 自备 MySQL (8.0+) 或 PostgreSQL (12.14+) 数据库

1.安装 Yarn:

npm install -g yarn

2.获取源码:

git clone https://github.com/umami-software/umami.git
cd umami

3.安装依赖:

yarn install

4.配置 Umami

创建 .env 文件,并添加数据库连接 URL:

DATABASE_URL={connection url}

连接 URL 格式:

  • PostgreSQL: DATABASE_URL=postgresql://username:mypassword@localhost:5432/mydb
  • MySQL: DATABASE_URL=mysql://username:mypassword@localhost:3306/mydb
  • usernamemypasswordmydb 替换为你的实际值.

5.构建应用:

yarn build

首次构建会创建数据库表和默认管理员账号 (用户名:admin,密码:umami)。

6.启动应用:

yarn start

应用默认运行在 http://localhost:3000。建议使用反向代理或修改端口。

7.使用 PM2 管理进程 (推荐):

yarn global add pm2
cd umami
pm2 start yarn --name umami -- start
pm2 startup
pm2 save

使用 Docker 安装(推荐)

Umami 提供 Docker Compose 和预编译镜像两种 Docker 安装方式。

使用 Docker Compose (包含 PostgreSQL 数据库)

version: '3'
services:umami:image: ghcr.io/umami-software/umami:postgresql-latestports:- "3000:3000"environment:DATABASE_URL: postgresql://umami:umami@db:5432/umamiDATABASE_TYPE: postgresqlAPP_SECRET: replace-me-with-a-random-stringdepends_on:db:condition: service_healthyrestart: alwayshealthcheck:test: ["CMD-SHELL", "curl http://localhost:3000/api/heartbeat"]interval: 5stimeout: 5sretries: 5db:image: postgres:15-alpineenvironment:POSTGRES_DB: umamiPOSTGRES_USER: umamiPOSTGRES_PASSWORD: umamivolumes:- umami-db-data:/var/lib/postgresql/datarestart: alwayshealthcheck:test: ["CMD-SHELL", "pg_isready -U $${POSTGRES_USER} -d $${POSTGRES_DB}"]interval: 5stimeout: 5sretries: 5
volumes:umami-db-data:

不需要修改什么数据,直接启动即可:

docker-compose up -d

面板设置

按照上面的部署操作完毕后,打开浏览器,输入 http://your_server_ip:3000,打开后显示如下界面则表示部署成功。

image.png

登录

Umami 安装将创建一个默认的管理员账户,用户名为 admin ,密码为 umami

你要做的第一件事就是登录并更改密码。

image.png

点击右上角 Profile,如图:

image.png

更改密码以及设置中文语言:

image.png

添加网站

依次点击 设置→网站→添加网站

image.png

输入你的博客名称以及域名,最后点击保存:

image.png

点击编辑:

image.png

点击 跟踪代码:

image.png

最后只需要将下边这一行代码,添加到你博客网站 HTML 文件的 head 标签中即可。

添加完毕后刷新博客页面后,就可以进入仪表板中查看浏览量信息了。

效果展示

这里以我的博客为例展示效果:

image.png

image.png

相关链接
雨云 - 新一代云服务提供商: https://www.rainyun.com/NTEzMTM1_?s=blog
面试鸭:https://mianshiya.com/?shareCode=sq29yv
我的博客:https://blog.ivwv.site

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/bicheng/60681.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

Flink_DataStreamAPI_执行环境

DataStreamAPI_执行环境 1创建执行环境1.1getExecutionEnvironment1.2createLocalEnvironment1.3createRemoteEnvironment 2执行模式(Execution Mode)3触发程序执行 Flink程序可以在各种上下文环境中运行:我们可以在本地JVM中执行程序&#x…

数据结构——排序(续集)

♥♥♥~~~~~~欢迎光临知星小度博客空间~~~~~~♥♥♥ ♥♥♥零星地变得优秀~也能拼凑出星河~♥♥♥ ♥♥♥我们一起努力成为更好的自己~♥♥♥ ♥♥♥如果这一篇博客对你有帮助~别忘了点赞分享哦~♥♥♥ ♥♥♥如果有什么问题可以评论区留言或者私信我哦~♥♥♥ ✨✨✨✨✨✨ 个…

前端js用canvas合成图片并转file对象

强大的前端js可以做很多东西&#xff0c;今天用canvas合成图片并添加文字&#xff0c;然后转成file对象进行上传。代码如下: <!DOCTYPE html> <html> <head><meta charset"UTF-8"> </head> <body><canvas id"myCanvas&…

C#里怎么样判断一个数是偶数还是奇数

一般是采用取余的做法。 程序如下&#xff1a; /** C# Program to Check whether the Entered Number is Even or Odd*/ using System; using System.Collections.Generic; using System.Linq; using System.Text;namespace check1 {class Program{static void Main(string[]…

linux文本管理!!!

文章目录 第1章 文本过滤/查看命令1.echo&#xff1a;输出文本2.cat&#xff1a;合并文件或查看文件内容3.head&#xff1a;显示文件头部信息4.tail&#xff1a;显示文件尾部信息5.wc: 统计文本行号6.less&#xff1a;分页显示文件内容7.grep&#xff1a;文本过滤工具8.定向符号…

【网络】深入理解 HTTPS:确保数据传输安全的核心协议

目录 引言一、HTTPS的基本概念1.1 什么是 HTTPS&#xff1f;1.2 HTTPS 的工作原理1.3 图解&#xff1a;HTTPS 通信过程1.4 HTTPS 与 HTTP 的区别1.5 为什么 HTTPS 更加重要&#xff1f; 二、SSL/TLS协议的核心2.1 SSL/TLS 协议的作用2.2 SSL/TLS 的工作流程2.2.1 握手阶段2.2.2…

MongoDB在现代Web开发中的应用

&#x1f493; 博客主页&#xff1a;瑕疵的CSDN主页 &#x1f4dd; Gitee主页&#xff1a;瑕疵的gitee主页 ⏩ 文章专栏&#xff1a;《热点资讯》 MongoDB在现代Web开发中的应用 MongoDB在现代Web开发中的应用 MongoDB在现代Web开发中的应用 引言 MongoDB 概述 定义与原理 发展…

CSS的综合应用例子(网页制作)

这是html的一些最基本内容的代码&#xff1a; <!DOCTYPE html> <html lang"zh"> <head> <meta charset"UTF-8"> <meta name"viewport" content"widthdevice-width, initial-scale1.0"> <t…

【设计模式】行为型模式(二):策略模式、命令模式

行为型模式&#xff08;二&#xff09;&#xff1a;策略模式、命令模式 3.策略模式&#xff08;Strategy&#xff09;3.1 示例3.1.1 定义策略接口3.1.2 实现具体策略3.1.3 定义上下文类3.1.4 客户端代码3.1.5 输出结果 3.2 总结3.2.1 优点3.2.2 缺点 4.命令模式&#xff08;Com…

rocketmq——docker-compose安装

rocketmq安装 创建文件夹&#xff0c;这里我们分别部署namesrv和broker 1、namesrv.conf listenPort98762、broker.conf # 所属集群名字 brokerClusterNameDefaultCluster # broker 名字&#xff0c;注意此处不同的配置文件填写的不一样&#xff0c;如果在 broker-a.propert…

OpenGL ES 文字渲染方式有几种?

在音视频或 OpenGL 开发中,文字渲染是一个高频使用的功能,比如制作一些酷炫的字幕、为视频添加水印、设置特殊字体等等。 实际上 OpenGL 并没有定义渲染文字的方式,所以我们最能想到的办法是:将带有文字的图像上传到纹理,然后进行纹理贴图。 本文分别介绍下在应用层和 C+…

飞牛云fnOS本地部署WordPress个人网站并一键发布公网远程访问

文章目录 前言1. Docker下载源设置2. Docker下载WordPress3. Docker部署Mysql数据库4. WordPress 参数设置5. 飞牛云安装Cpolar工具6. 固定Cpolar公网地址7. 修改WordPress配置文件8. 公网域名访问WordPress 前言 本文旨在详细介绍如何在飞牛云NAS上利用Docker部署WordPress&a…

字符串处理指南:Air780E软件的全新视角

今天我会把 Air780E软件的字符串处理详细解析&#xff0c;指南如下&#xff1a; 1、Lua字符串介绍 关于字符串&#xff0c;Lua提供了一些灵活且强大的功能&#xff0c;一些入门知识如下&#xff1a; 1.1 字符串定义 在Lua中&#xff0c;字符串可以用单引号或双引号"来定…

Oracle 聚集因子factor clustering

文章目录 聚集因子(Factor clustering)举例说明查询聚集因子聚集因子的优化结论 最近发现突然忘记聚集因子的原理了&#xff0c;故整理记录一下 聚集因子(Factor clustering) 在Oracle中&#xff0c;聚集因子&#xff08;Clustering Factor&#xff09;用于衡量数据在表中存储…

酒店行业数据仓库

重要名词&#xff1a; PMS&#xff1a;酒店管理系统CRS&#xff1a;中央预定系统客户&#xff1a;可以分为会员、散客&#xff08;自行到店入住&#xff09;、协议&#xff08;与酒店长期合作&#xff0c;内部价&#xff09;、中介预定&#xff1a;可以分为线上预定、线下预定…

C/C++语言 多项式加法和乘法

多项式加法和乘法 多项式的加法题目描述输入输出样例步骤代码段全局变量设定新建结点合并链表 完整代码 多项式乘法题目描述输入输出样例代码段计算两多项式结果输入 完整代码 多项式的加法 题目描述 输入输出 样例 步骤 总体思想是用链表来做 ① 我们发现输入样例中&#xf…

手动实现promise的all,race,finally方法

Promise.all 是一个非常有用的工具&#xff0c;它接受一个 Promise 对象数组&#xff0c;并返回一个新的 Promise。当所有输入的 Promise 都成功解决时&#xff0c;新的 Promise 会解决为一个包含所有结果的数组&#xff1b;如果任何一个 Promise 被拒绝&#xff0c;新的 Prom…

第十四章 Spring之假如让你来写AOP——雏形篇

Spring源码阅读目录 第一部分——IOC篇 第一章 Spring之最熟悉的陌生人——IOC 第二章 Spring之假如让你来写IOC容器——加载资源篇 第三章 Spring之假如让你来写IOC容器——解析配置文件篇 第四章 Spring之假如让你来写IOC容器——XML配置文件篇 第五章 Spring之假如让你来写…

搜维尔科技:Haption力触觉交互,虚拟机械装配验证

Haption力触觉交互&#xff0c;虚拟机械装配验证 搜维尔科技&#xff1a;Haption力触觉交互&#xff0c;虚拟机械装配验证

微信小程序——实现二维码扫描功能(含代码)

✅作者简介&#xff1a;2022年博客新星 第八。热爱国学的Java后端开发者&#xff0c;修心和技术同步精进。 &#x1f34e;个人主页&#xff1a;Java Fans的博客 &#x1f34a;个人信条&#xff1a;不迁怒&#xff0c;不贰过。小知识&#xff0c;大智慧。 &#x1f49e;当前专栏…