Files
cwd/docs/function/admin-panel.md
anghunk d5a7a15344 feat(analytics): 添加访问统计功能
实现页面访问统计功能,包括:
1. 前端组件挂载时上报访问数据
2. 后端接口记录访问信息并存储
3. 管理后台新增访问统计视图
4. 相关API文档和设计说明更新
2026-01-21 21:56:57 +08:00

5.1 KiB
Raw Blame History

后台设置

管理后台用于审核评论、删除评论和管理评论设置。

设置

头像服务前缀

常用的 Gravatar 镜像服务:

服务 前缀地址
Gravatar 官方 https://gravatar.com/avatar
Cravatar (国内) https://cravatar.cn/avatar
自定义镜像 https://your-mirror.com/avatar

显示博主标签

开启是否显示博主标签,配置博主邮箱和标签文字,即可在评论中显示博主标签;关闭为不显示。

管理员评论密钥

设置管理员评论密钥后,博主在前台发布评论时需要输入此密钥进行身份验证,评论将被直接通过,不受"先审核再显示"设置的影响。

注意

  • 同一 IP 连续验证失败 3 次后,该 IP 将被锁定 30 分钟
  • 失败次数记录有效期为 1 小时

评论置顶

在评论管理页面,点击"编辑"按钮可修改评论的置顶权重:

  • 1:不置顶(默认值)
  • 2 或更高:数值越大,该评论在列表中排序越靠前

置顶后的评论会在前台评论列表中优先显示。

邮件通知配置

在设置页面可以配置邮件通知功能,包括:

全局开关

控制是否启用邮件通知功能。

SMTP 配置

字段 说明 示例
主机 SMTP 服务器地址 smtp.qq.com
端口 SMTP 服务器端口 465
用户名 发件邮箱 noreply@qq.com
密码 邮箱密码或授权码 your_password
安全连接 是否使用 SSL/TLS true

邮件模板

支持自定义 HTML 邮件模板,包含以下变量:

回复评论模板变量

变量名 说明
${toEmail} 收件人邮箱
${toName} 收件人昵称
${postTitle} 文章标题
${parentComment} 被回复的评论内容
${replyAuthor} 回复者昵称
${replyContent} 回复内容
${postUrl} 文章链接

新评论通知模板变量

变量名 说明
${postTitle} 文章标题
${postUrl} 文章链接
${commentAuthor} 评论者昵称
${commentContent} 评论内容

测试邮件

配置完成后,可以使用"测试邮件"功能发送一封测试邮件到指定邮箱,验证配置是否正确。

使用官方管理后台

使用官方提供的管理后台(最新版本)https://cwd.zishu.me

登陆时填入你的 api 地址、账号和密码。

评论数据修改

支持单条评论的修改,包括状态、内容等。

Warning

如若批量修改评论信息,请前往 Cloudflare D1 SQL 控制台执行 SQL 语句。

高危操作,请保证你熟悉 SQL 语句,避免对评论数据造成不可逆的损失。建议使用前先导出评论数据备份。

自部署

cd cwd-admin

# 安装依赖
npm install

# 开发环境启动(默认端口见 vite.config.ts一般为 1226
npm run dev

# 生产环境构建
npm run build

# 本地预览生产构建结果
npm run preview

/cwd-admin/dist 目录部署到任意静态站点托管服务(如 Cloudflare Pages、Vercel、Netlify 等),并确保浏览器可以访问到后端 API 地址。

  • 管理后台admin基于 Vite + Vue 3 的单页应用,用于管理评论和系统配置。

  • /cwd-admin:管理后台源码

    • 运行环境:浏览器
    • 构建工具Vite + Vue 3

环境变量与多环境配置

评论组件本身不依赖打包时的环境变量,只需要在运行时传入 apiBaseUrl 即可。
管理后台使用 Vite 环境变量进行多环境配置,推荐按以下方式区分开发 / 测试 / 生产环境:

/cwd-admin 目录下创建对应的环境文件:

# 开发环境
cp .env.example .env

每个环境文件中可配置以下变量:

变量名 说明 示例
VITE_API_BASE_URL 后端 API 地址Cloudflare Worker 域名或自定义) https://cwd-api.test.com
VITE_ADMIN_NAME 登录页默认管理员账号占位值 admin@example.com
VITE_ADMIN_PASSWORD 登录页默认密码占位值 123456

说明:

  • VITE_API_BASE_URL 会作为管理后台的默认 API 地址,实际请求地址可以在登录页修改,并持久化到 localStorage
  • VITE_ADMIN_NAMEVITE_ADMIN_PASSWORD 仅用于自动填充登录表单,真正的认证信息以后端环境变量 ADMIN_NAMEADMIN_PASSWORD 为准。