Mini-Cover

优雅的在线封面生成工具

🎮 在线演示： https://cover.bsgun.cn

📖 简介

Mini-Cover 是一个现代化的封面生成工具，专为博客、短视频、社交媒体设计。支持多种自定义选项，让你轻松创建个性化封面图片。

✨ 特性

• 📱 响应式设计，完美支持移动端
• 🎨 丰富的图标库，一键选用
• 🖼️ 自定义背景图片，支持拖拽上传
• ✍️ 灵活的标题编辑，多种字体可选
• 💫 水印效果调整，实时预览
• 🎯 简洁的操作界面，快速上手

⚙️ 配置说明

部署

docker compose部署方式

services:
  mini-cover:
    image: ghcr.io/zigu-git/mini-cover:latest
    container_name: mini-cover
    ports:
      - "23280:80"
    volumes:
      # 把宿主机当前目录的 config.js 挂载为容器内的 /config.js（只读）
      - ./config.js:/usr/share/nginx/html/config.js:ro
    restart: unless-stopped

配置文件config.js

window.__MINI_COVER_CONFIG__ = {
  // =========================
  // 运行时“环境变量”（等价于 .env 的 VITE_APP_*，但注意：这是运行时配置，不会被 Vite 自动注入）
  // =========================

  // 网站标题（等价于 VITE_APP_TITLE）
  VITE_APP_TITLE: "Mini-Cover",

  // 网站作者/站点信息（运行时可改）
  VITE_APP_SITE_NAME: "梦爱吃鱼",
  VITE_APP_SITE_URL: "https://bsgun.cn",

  // ICP 备案号（等价于 VITE_APP_ICP_NUMBER）
  VITE_APP_ICP_NUMBER: "豫ICP备20017009号",

  // PixPro 图床上传 API（等价于 VITE_APP_UPLOAD_API_URL）
  // 为空则不显示上传外链（按你原注释）
  VITE_APP_UPLOAD_API_URL: "https://dev.bsgun.cn/api.php",

  // 全局字体（等价于 VITE_APP_FONT_FAMILY）
  VITE_APP_FONT_FAMILY: "LXGW Bright Medium",

  // 引入网络字体 CSS（等价于 VITE_APP_FONT_CSS_URL）
  VITE_APP_FONT_CSS_URL: "https://oss-cdn.bsgun.cn/fonts/LXGW-Bright-Medium/font.css",

  // =========================
  // Mini-Cover 默认封面配置（你原来的运行时配置）
  // =========================

  text: "自僱",
  watermark: "@自僱",

  // fonts: [字体名称, 显示名称, CSS文件地址(可选)]
  // 注意：第一项不要用 import.meta.env（那是构建期，运行时不会生效）
  fonts: [
    ["LXGW Bright Medium", "默认全局", "https://oss-cdn.bsgun.cn/fonts/LXGW-Bright-Medium/font.css"],
    ["Microsoft YaHei", "微软雅黑"],
    ["HarmonyOS_Regular", "鸿蒙字体", "https://s1.hdslb.com/bfs/static/jinkela/long/font/regular.css"],
    ["yozai", "悠哉字体", "https://chinese-fonts-cdn.deno.dev/packages/yozai/dist/Yozai-Regular/result.css"],
    ["寒蝉全圆体", "寒蝉全圆体", "https://chinese-fonts-cdn.deno.dev/packages/hcqyt/dist/ChillRoundFRegular/result.css"],
    ["Douyin Sans", "抖音美好体", "https://chinese-fonts-cdn.deno.dev/packages/dymh/dist/DouyinSansBold/result.css"],
    ["MaokenZhuyuanTi", "猫啃珠圆体", "https://chinese-fonts-cdn.deno.dev/packages/mkzyt/dist/猫啃珠圆体/result.css"]
  ],

  // 可选：默认全局字体/当前选中字体（给你现有 runtime 合并逻辑用）
  defaultFontFamily: "LXGW Bright Medium",
  fontFamily: "LXGW Bright Medium"
};

🚀 快速开始

环境准备

• Node.js >= 16.16.0
• NPM >= 8.15.0

开发调试

# 克隆项目
git clone https://github.com/JLinMr/Mini-Cover.git

# 安装依赖
npm install

# 启动服务
npm run dev

# 构建生产版本
npm run build

构建产物在 dist 目录下，可以直接部署到任何静态资源服务器上。

📝 开源协议

MIT License