Skip to content

Commit

Permalink
update articles
Browse files Browse the repository at this point in the history
  • Loading branch information
mobeicanyue committed May 13, 2024
1 parent 0e87890 commit 70de442
Show file tree
Hide file tree
Showing 3 changed files with 30 additions and 19 deletions.
20 changes: 10 additions & 10 deletions source/_posts/Deploying-a-Web-Disk-of-Your-Own.md
Original file line number Diff line number Diff line change
Expand Up @@ -79,30 +79,30 @@ volumes:
## 2. 获取 Alist 密码
Alist 默认情况下需要 `随机生成` 或者 `手动设置` 密码,才能使用密码登陆
Alist 默认情况下需要初始化密码后才能使用密码登陆。我们可以 `随机生成` 或者 `手动设置` 一个密码

通过 **一键脚本安装** 的,可以在安装路径下执行如下命令:
### 2.1 随机生成密码

- 随机生成一个密码
- 通过 **一键脚本安装** 的,可以在安装路径下执行如下命令:
```bash
./alist admin random
```

- 手动设置一个密码,`NEW_PASSWORD`是指你需要设置的密码
- 通过 **doekcer-compose** 安装的,可执行如下命令。注意,如果你的容器名称不是 `alist`,需要将 `-it` 后面的 `alist` 替换为你的容器名称:
```bash
./alist admin set NEW_PASSWORD
docker exec -it alist ./alist admin random
```

<br>
### 2.2 手动设置密码

通过 **doekcer compose** 安装的,可执行如下命令。注意,如果你的容器名称不是 `alist`,需要将其更换为你的对应容器名称:
`set ` 后面的 `NEW_PASSWORD` 即你要设置的密码。

- 随机生成一个密码
- 通过 **一键脚本安装** 的,可以在安装路径下执行如下命令:
```bash
docker exec -it alist ./alist admin random
./alist admin set NEW_PASSWORD
```

- 手动设置一个密码,`NEW_PASSWORD`是指你需要设置的密码
- 通过 **doekcer-compose** 安装的,可执行如下命令。注意,如果你的容器名称不是 `alist`,需要将 `-it` 后面的 `alist` 替换为你的容器名称:
```bash
docker exec -it alist ./alist admin set NEW_PASSWORD
```
Expand Down
4 changes: 3 additions & 1 deletion source/_posts/My-College-Life.md
Original file line number Diff line number Diff line change
Expand Up @@ -19,7 +19,9 @@ date: 2024-05-08 22:28:05

首先我庆幸自己选择了计算机这一专业,我很喜欢它,兴趣是最好的老师,我在这四年里学到了很多东西。然后要感谢遇到的舍友和同学,他们性格很好,我和他们相处的很融洽,欢度了大学四年的时光。感谢学校的老师,他们教会了我很多东西,让我受益匪浅。感谢互联网无私的开源分享精神,让我能够学到更多的知识。

其次要夸一下学校的绿化做得特别好,绿树成荫,环境相当宜人,处处都是树。就连宿舍外的树上每天都有鸟儿在叽叽喳喳。图书馆门前有大片的开阔草坪,时常会看到学生在上面晒太阳、读书、举办活动。阳光明媚,一路沿着图书馆到主教学楼散步,左边近处是名人石雕,不远处是开阔的草坪,右手是边杨柳绕堤的小湖,落花簌簌飘落。往草坪高处走是小山坡,小山坡上,处处是盛开的花朵。走到另一边的山坡上会有小亭子,在亭子里可以看到整个校园的风景,应该可以欣赏到日出日落。
其次要夸一下学校的绿化做得特别好,绿树成荫,环境相当宜人,处处都是树。就连宿舍外的树上每天都有鸟儿在叽叽喳喳。图书馆门前有大片的开阔草坪,时常会看到学生在上面晒太阳、读书、举办活动。

如果阳光明媚,我们一路沿着图书馆至主教学楼散步,左边近处是名人石雕,不远处是开阔的草坪,右手是边杨柳绕堤的小湖,落花簌簌飘落。往草坪高处走是小山坡,小山坡上,处处是盛开的花朵。走到另一边的山坡上会有小亭子,在亭子里可以看到整个校园的风景,应该可以欣赏到日出日落。

![校道](https://pic4.zhimg.com/80/v2-778576cfa1a19d1d10df4e44e0498c8f_1440w.webp)

Expand Down
25 changes: 17 additions & 8 deletions source/_posts/Writing-Umami-s-uv-pv-access-display.md
Original file line number Diff line number Diff line change
Expand Up @@ -6,21 +6,23 @@ abbrlink: 4259ee82
date: 2024-02-25 19:47:17
---

这篇文章我将演示如何实现 Umami 的 UV, PV 访问统计显示。
> Umami 官方文档并没有提供 UV 和 PV 展示的 API,但是我们可以通过 Umami 的访客 API 获取到网站的访问量和访问人数。
>
> 本文将介绍如何通过 Umami 的 API 获取网站的 UV 和 PV 数据,并在页面上展示。
<br>

这是本站的 Umami 访问统计页面,显示了每日的访问量和访问人数,链接:https://umami.ovvv.top/share/SYu8qUKmty52PW9w/blog

![浏览量展示](https://pic4.zhimg.com/80/v2-a96d771513470a3a394727e04bb3afcb_1440w.webp)

我们在前文介绍过如何安装 Umami:{% post_link 'Umami-installation-and-usage-tutorial' 'Umami 安装使用教程' %}。本文 **默认你已经安装了 Umami 并且添加了一个网站**。下面我们将编写一个简单的页面,通过 Umami 的 API 调用显示 Umami 的 UV, PV 访问情况。
我们在前文介绍过如何安装 Umami:{% post_link 'Umami-installation-and-usage-tutorial' 'Umami 安装使用教程' %}

本文会使用类似于 `postman` 的 API 测试工具来发送 `GET`, `POST` 请求。你也可以使用 `hoppscotch``curl` 等工具。
下面我们将新建用户,通过 Umami 的 API 调用,编写一个简单的页面来显示 Umami 的 UV, PV 访问情况。本文使用类似于 `postman` 的 API 测试工具来发送 `GET`, `POST` 请求。你也可以使用 `hoppscotch``curl` 等工具。

## 1. 新建 `View only` 权限的用户

`Settings` -> `Users` -> `Create user` -> 填写账号密码,`Role` 选择 `View only` -> `Save`
点击 `Settings` -> 点击 `Users` -> 点击 `Create user` -> 填写账号密码,`Role` 选择 `View only` -> 点击 `Save`

![新建用户](https://pic1.zhimg.com/80/v2-3947dd0fa291aa3db02b5bb251ea2d30_1440w.webp)

Expand All @@ -35,9 +37,16 @@ date: 2024-02-25 19:47:17

## 2. 新建 `Team` 并添加用户和网站

`Settings` -> `Teams` -> `Create team` -> 填写名称 -> `Save` -> 找到刚刚创建的 `Team` -> `Edit` -> 复制 `Access code`点击 `Websites`,点击 `Add website` 添加你想共享的网站
点击 `Settings` -> 点击 `Teams` -> 点击 `Create team` -> 填写名称 -> 点击 `Save`

换一个浏览器登录 Umami(使用`View only` 权限的用户) -> `Settings` -> `Teams` -> `Join team` -> 输入 `Access code` -> `Join` -> 如果没有出错的话,点击 `Dashboard` 就可以看到你刚刚添加的网站了
`Teams` 中选择你刚创建的 Team 点击 `view` -> 复制 `Access code`,点击 `Websites`,点击 `Add website` 添加你想共享的网站。

![添加网站](https://pic4.zhimg.com/80/v2-6bec3db22890310bfba2a0875981caa7_1440w.webp)

如果你的网站之前属于个人账户,那么你可以将其转移到团队账户上。
![转移团队](https://pic4.zhimg.com/80/v2-d1d4ab90948235cadafd0b64c43ce2e7_1440w.webp)

换一个浏览器登录 Umami(使用 `View only` 权限的用户) -> `Settings` -> `Teams` -> `Join team` -> 输入 `Access code` -> `Join` -> 如果没有出错的话,点击 `Dashboard` 就可以看到你刚刚添加的网站了。

## 3. 获取 `View only` 用户的 API Token
根据 Umami 的文档[^2],我们可以通过以下方式获取 API Token:
Expand Down Expand Up @@ -120,13 +129,13 @@ Authorization: Bearer eyTMjU2IiwiY...4Q0JDLUhWxnIjoiUE_A
</div>

<script>
// 从配置文件中获取 umami 的配置
// umami 的 website id
const website_id = 'xxx';
// 拼接请求地址
const request_url = 'https://xxx.com' + '/api/websites/' + website_id + '/stats';
const start_time = new Date('2024-01-01').getTime();
const start_time = new Date('2024-01-01').getTime(); // 你的网站创建时间
const end_time = new Date().getTime();
const token = 'xxxxxx';
Expand Down

0 comments on commit 70de442

Please sign in to comment.