docker 使用memos快速搭建碎片化笔记服务
本文最后更新于 19 天前,其中的信息可能已经有所发展或是发生改变。如有问题,请联系pu_pua@163.com

日志

今天在开往群里聊的时候,群友提到了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

登录后,首先要设置管理员用户和密码,因为我已经设置过了,所以你们自己设置就好了,如下图。

image.png

进入之后,可以先将语言改为中文。

image.png

设置完之后,其他的基本就可以自己摸索啦~

这里再提一下存储设置。

s3存储-以缤纷云为例

在设置,存储里,创建。

image.png

本来是想用又拍云的,但是在配置的过程中问题频发,所以最后选择缤纷云,选择自己的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

添加网站

在设置中添加网站。

image.png

添加好后进入编辑。

跟踪代码

复制跟踪代码。

image.png

由于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粘贴到自定义脚本中然后保存。

image.png

保存完之后,可以打开F12并刷新一下,如果发现名为script.js的文件就说明成功了。你就可以在umami上管理访问信息了!

转载请注明:
作者:非童
文章地址:https://pupua.top/docker/1095/
版权声明: 本博客所有文章除特别声明外,均采用 CC BY-NC-SA 4.0协议。

评论

  1. Windows Firefox
    1 月前
    2024-5-18 9:28:46

    这篇文章写得深入浅出,让我这个小白也看懂了!

    • 博主
      jiyouzhan
      Android Chrome
      1 月前
      2024-5-18 9:33:43

      哈哈,谢谢~教程风格是仿苯苯大佬的!他的教程对我帮助很大,你也可以去看看他的教程,很有用!
      链接在这:https://blognas.hwb0307.com

发送评论 编辑评论

您的评论将经过审核

博主有权在不通知的情况下,对含有广告信息的评论进行修改或删除

我们承诺保护您的隐私,不会在未经同意的情况下使用或分享您的个人信息。

发表评论即表示您接受以上规则。


				
|´・ω・)ノ
ヾ(≧∇≦*)ゝ
(☆ω☆)
(╯‵□′)╯︵┴─┴
 ̄﹃ ̄
(/ω\)
∠( ᐛ 」∠)_
(๑•̀ㅁ•́ฅ)
→_→
୧(๑•̀⌄•́๑)૭
٩(ˊᗜˋ*)و
(ノ°ο°)ノ
(´இ皿இ`)
⌇●﹏●⌇
(ฅ´ω`ฅ)
(╯°A°)╯︵○○○
φ( ̄∇ ̄o)
ヾ(´・ ・`。)ノ"
( ง ᵒ̌皿ᵒ̌)ง⁼³₌₃
(ó﹏ò。)
Σ(っ °Д °;)っ
( ,,´・ω・)ノ"(´っω・`。)
╮(╯▽╰)╭
o(*////▽////*)q
>﹏<
( ๑´•ω•) "(ㆆᴗㆆ)
😂
😀
😅
😊
🙂
🙃
😌
😍
😘
😜
😝
😏
😒
🙄
😳
😡
😔
😫
😱
😭
💩
👻
🙌
🖕
👍
👫
👬
👭
🌚
🌝
🙈
💊
😶
🙏
🍦
🍉
😣
Source: github.com/k4yt3x/flowerhd
颜文字
Emoji
小恐龙
花!
上一篇
下一篇