日志
前
今天在开往群里聊的时候，群友提到了memos，之前也见过部分memos，但是没想着自己搭一个，今晚听到后直接去GitHub看它的文档，发现docker一键部署，于是就自己也跟着文档自己搭了一个出来，以后可能会用来代替说说了。后续可能会将说说迁到memos中。
这是我的memos站，碎记-噗派吖 已关闭
平台信息
开始安装吧！
uname -a # Linux VM-12-3-ubuntu 5.15.0-101-generic
# 111-Ubuntu SMP Tue Mar 5 20:16:58 UTC 2024 x86_64 x86_64 x86_64 GNU/Linux
docker --version
# Docker version 26.1.2, build 211e74b
docker-compose --version
# Docker Compose version v2.27.0
安装memos
首先新建一个目录，然后开放防火墙端口。
mkdir docker/memos
cd docker/memos
sudo ufw allow 2000 comment 'memos' && sudo ufw reload # 端口号按需修改
编辑docker-compose.yml文件
version: "3.0"
services:
memos:
image: neosmemo/memos:stable
restart: unless-stopped
container_name: memos
volumes:
- ./memos-data/:/var/opt/memos
ports:
- 2000:5230 # 端口号按需修改
等待安装完成，然后进入配置。浏览器访问你的ip加端口，如果你有npm的话，你可以反代一个域名。
配置memos
登录后，首先要设置管理员用户和密码，因为我已经设置过了，所以你们自己设置就好了，如下图。
进入之后，可以先将语言改为中文。
设置完之后，其他的基本就可以自己摸索啦~
这里再提一下存储设置。
s3存储-以缤纷云为例
在设置，存储里，创建。
本来是想用又拍云的，但是在配置的过程中问题频发，所以最后选择缤纷云，选择自己的s3服务即可，这里只是用作示范。
名称：缤纷云
端点：https://xxx.s3.bitiful.net # 注意要带上https，我刚开始直接用s3.bitiful.net也是直接用不了
地区：cn-east-1
访问密钥：ak
secret key：sk
储存桶：/ # 因为端点那里xxx已经是桶名了，这里直接/根目录就能存进去
其余自己配置
上述配置只是基于缤纷云的s3，其他s3方式可以自己查阅服务提供商的文档噢~主要存在的问题可能就是端点那块，我在直接用域名的时候，储存失败，然后我去看官方文档，它的s2加了https我就试着加上，结果就好了。这个还是要根据自己实践来配置。
配置好之后可以上传图片试一下，能显示就算成功了。
不用又拍云是因为，我发现它的图片访问地址是直接请求你所填写的端点，例如https://xxx.s3.bitiful.net/test.jpg，而又拍云直接访问端点会被拒绝，我也不知道怎么解决，所以就换服务了。
小结
memos是一款很轻量的碎片化笔记服务，我在安装前后发现并没有很大影响，然后它还可以自定义css等其他高阶设置，我在这里只是简单介绍一下它的安装，更多用法以后有机会了解到的话在分享吧~
实践
使用umami来统计访客信息
在阅读之前，请确保你已安装umami统计服务。
版本信息
2.11.3
添加网站
在设置中添加网站。
添加好后进入编辑。
跟踪代码
复制跟踪代码。
由于memos添加的是js脚本，需要将跟踪代码转换一下。
// 定义一个函数来动态创建并插入<script>标签
function injectScript(url, websiteId) {
// 创建一个新的<script>元素
var script = document.createElement('script');
// 设置属性
script.defer = true; // 延迟脚本的加载，直到文档解析完成
script.src = url; // 设置脚本的URL
script.setAttribute('data-website-id', websiteId); // 设置自定义属性
// 将<script>标签插入到<head>部分
document.head.appendChild(script);
}
// 调用函数，传入需要的参数
injectScript('https://xxx', 'xxx');
将跟踪代码中的url和id复制进去。
memos js设置
将复制好的js粘贴到自定义脚本中然后保存。
保存完之后，可以打开F12并刷新一下，如果发现名为script.js的文件就说明成功了。你就可以在umami上管理访问信息了！
这篇文章写得深入浅出，让我这个小白也看懂了！
哈哈，谢谢~教程风格是仿苯苯大佬的！他的教程对我帮助很大，你也可以去看看他的教程，很有用！
链接在这：https://blognas.hwb0307.com