使用Memos来搭建私人朋友圈说说

noise2024-09-272024-10-07

324342rrr

前言

Memos 是一种隐私优先的轻量级笔记解决方案，可让您轻松捕捉和分享您的想法。它开源且免费支持自部署。生态上支持第三方的手机端APP、浏览器插件等方式记录笔记，优势是生态够强，缺点是开发者每次更新大版本后之前的API可能就直接废弃了。

我们先来了解下生态及项目

Memos 的官方文档：https://www.usememos.com/docs

开源地址：https://github.com/usememos/memos

静态带广场等模式：https://github.com/lmm214/memobbs

Memos API 渲染的静态网页：https://github.com/eallion/memos.top

基于 Bun + Hono + MongoDB 构建的页面：https://github.com/jakholuo/quest

第三方浏览器扩展：https://chromewebstore.google.com/detail/cbhjebjfccgchgbmfbobjmebjjckgofe

魔改版Memos:https://github.com/Vespa314/cflow

memos独立桌面及手机APP程序：https://memos.moe

TG机器人集成发布到memos：https://github.com/usememos/telegram-integration

1727431946267

我们将借助Memos API 渲染静态网页并优化页面来实现私人说说的构建，还可以添加自动化等实现推送及备份到其它程序

我喜欢这个项目的样式https://github.com/eallion/memos.top 就拿来用了，其它也有，不过样式上个人不太喜欢

如果你只想使用该项目的，请到项目仓库中自行查看如何部署

预览我的：https://www.noisework.cn/e/talk/

特征

可自定义顶部随机背景图，点击头像可进行切换

增加了友链、关于、留言的翻页页面

（目前的bug：无法点击标签后进行筛选）

你也可以直接使用我搭建的memos，但服务器容量有限，不支持上传过大的图片及文件，请尽量使用md格式的图床

预览1

2312312

预览2

206shots_so

搭建步骤

先部署Meomes（推荐docker快速部署），如果你已经有自己的Meomes或者在使用官方demo或使用他人的实例可以跳过memos的部署，【直接查看修改静态文】部署后拿到自己的服务端地址及用户名和密码等必要变量坐几路车，然后在静态页的文件中添加修改，最后放入你的服务运行即可，运行成功后可再进行自动化等操作的调试

Docker 运行Meomes

要使用设置 Memos，请执行以下一个命令来启动 Memos：docker run

docker run -d \
  --init \
  --name memos \
  --publish 5230:5230 \
  --volume ~/.memos/:/var/opt/memos \
  neosmemo/memos:stable

此命令将在后台启动 Memos，并在端口 5230 上公开它。数据将存储在 ~/.memos/ 中，这是用户主目录中的一个隐藏目录。如果你使用宝塔面板会在/root/.memos文件夹中找到存放的数据库文件

⚠️

如果你想使用Mysql部署可查看官方文档：https://www.usememos.com/docs/install/database

但目前来说，官方的容器并不支持外部mysql的连接，需要docker版mysql的运行和保持连接

改善：通过拉取官方仓库自己构建容器，并设置docker-compose.yml

version: '3.8'

services:
  memos:
    build:
      context: .
      dockerfile: Dockerfile
    ports:
      - "5250:5230"
    environment:
      MYSQL_HOST: "外部数据库IP或域名"  # 替换为你的 MySQL 地址
      MYSQL_PORT: "3306"
      MYSQL_USER: "你的用户名"           # 替换为你的 MySQL 用户名
      MYSQL_PASSWORD: "你的密码"         # 替换为你的 MySQL 密码
      MYSQL_DB: "你的数据库名"           # 替换为你的数据库名
      MEMOS_MODE: "prod"
      MEMOS_PORT: "5230"
      MEMOS_DRIVER: "mysql"              # 指定使用 MySQL 驱动
    volumes:                             # 如果你不需要本地数据库的挂载可以删除此行及以下
      - memos_data:/var/opt/memos

volumes:
  memos_data:
    driver: local

Sp数据库导入Mysql数据库

如果你想将本地数据库备份到Mysql,可以使用python来完成

本地新建main.py文件

import sqlite3
import mysql.connector

# SQLite 数据库连接信息
sqlite_db_path = 'memos_prod.db'  # 修改为你的 SQLite 文件路径
sqlite_conn = sqlite3.connect(sqlite_db_path)
sqlite_cursor = sqlite_conn.cursor()

# MySQL 数据库连接信息
mysql_conn = mysql.connector.connect(
    host='127.0.0.1',   # 修改为你自己的服务端地址
    port=3306,  # MySQL 默认端口是整数类型，不能加引号
    user='test',   #数据库用户名
    password='123456',   #数据库密码
    database='test'      #数据库名
)
mysql_cursor = mysql_conn.cursor()

# 获取 SQLite 数据库中的所有表名
sqlite_cursor.execute("SELECT name FROM sqlite_master WHERE type='table';")
tables = sqlite_cursor.fetchall()

# 遍历 SQLite 中的每个表
for table in tables:
    table_name = table[0]
    
    # 获取表结构
    sqlite_cursor.execute(f"PRAGMA table_info({table_name});")
    columns = sqlite_cursor.fetchall()

    # 构建 MySQL 创建表的 SQL 语句
    create_table_sql = f'CREATE TABLE IF NOT EXISTS `{table_name}` ('
    for column in columns:
        column_name = column[1]
        column_type = column[2].upper()  # SQLite 类型与 MySQL 类型的映射

        # 简单的类型映射，可以根据需要扩展
        if column_type == "TEXT":
            column_type = "VARCHAR(255)"
        elif column_type == "INTEGER":
            column_type = "INT"
        elif column_type == "REAL":
            column_type = "DOUBLE"
        elif column_type == "BLOB":
            column_type = "BLOB"
        
        create_table_sql += f'`{column_name}` {column_type}, '
    
    create_table_sql = create_table_sql.rstrip(", ") + ");"
    
    # 执行创建表的 SQL 语句
    try:
        print(f"正在创建表: {table_name}")
        mysql_cursor.execute(create_table_sql)
    except mysql.connector.Error as e:
        print(f"创建表 {table_name} 时发生错误: {e}")
        continue

    # 将数据导入 MySQL 表
    sqlite_cursor.execute(f'SELECT * FROM "{table_name}";')
    rows = sqlite_cursor.fetchall()
    
    # 打印行数进行调试
    print(f"表 {table_name} 包含 {len(rows)} 行数据.")
    
    for row in rows:
        # 处理空值（None）转为 MySQL 兼容的 NULL
        row = [None if value is None else value for value in row]
        placeholders = ', '.join(['%s'] * len(row))
        insert_sql = f'INSERT INTO `{table_name}` VALUES ({placeholders});'
        
        try:
            print(f"正在插入数据到 {table_name}: {row}")
            mysql_cursor.execute(insert_sql, row)  # 使用参数化查询
        except mysql.connector.Error as e:
            print(f"插入数据到 {table_name} 时发生错误: {e}")
            continue

    # 每次插入表数据后提交事务
    mysql_conn.commit()

# 提交所有事务并关闭连接
mysql_conn.commit()
sqlite_conn.close()
mysql_conn.close()

print("SQLite 数据库已成功导入到 MySQL。")

新建requirements.txt

1	mysql-connector-python

安装依赖

pip install -r requirements.txt

最后运行python3 main.py即可

3343434t

修改静态文件

使用我的静态文件可以在我的个人主页开源仓库中找到，位置在/e/talk/文件夹中

或者你也可以直接下载：https://pan.quark.cn/s/f6a4049fe509

主要有几处需要修改，在index.html中修改你部署的memos服务端地址及waline评论服务端地址

<script type="text/javascript">
        var memos = {
            host: 'https://demo.usememos.com/', //修改为你自己的memos服务地址，结尾要有/
            limit: '10', //每页显示数量
            creatorId: '1',
            domId: '#memos',
            username: 'noise',
            name: '诺伊斯',
            language: 'zh-CN',
            APIVersion: 'new',
            total: true,
        }
    </script>

    <script type="module">
        import { init } from 'https://unpkg.com/@waline/client@v3/dist/waline.js';
        init({
            el: '#waline',
            serverURL: 'https://ment.noisework.cn', //修改为你自己的waline服务端地址
            meta: ['nick', 'mail', 'link'],
            requiredMeta: ['mail', 'nick'],
            pageview: true,
            search: false,
            wordLimit: 200,
            pageSize: 5,
            avatar: 'monsterid',
            emoji: [
                'https://unpkg.com/@waline/emojis@1.2.0/tieba',
            ],
            imageUploader: false,
            copyright: false,
        });
    </script>

评论区配置修改请查看官方指南：https://waline.js.org

在js文件夹中找到main.js修改评论初始化，278行左右

// 初始化 Waline 评论框
function initWaline(container, host) {
    const commentId = `waline-${host}`; // 使用 host 生成唯一 ID
    container.innerHTML = `<div id="${commentId}"></div>`;
    import('https://unpkg.com/@waline/client@v3/dist/waline.js').then(({ init }) => {
        const uid = host.split('-').pop(); // 从 host 中提取 uid
        init({
            el: `#${commentId}`, // 使用生成的唯一 ID
            serverURL: 'https://ment.noisework.cn', //修改为你自己的地址
            meta: ['nick', 'mail', 'link'],
            requiredMeta: ['mail', 'nick'],
            pageview: true,
            search: false,
            wordLimit: 200,
            pageSize: 5,
            avatar: 'monsterid',
            emoji: [
                'https://unpkg.com/@waline/emojis@1.2.0/tieba',
            ],
            imageUploader: false,
            copyright: false,
            // 使用 path 参数来确保评论区的唯一性
            path: `/m/${uid}`, // 指向实际链接
        });
    });
}