logo
0
0
WeChat Login
The repository has been archived and is now in read-only mode.

Mini-Cover Logo

Mini-Cover

优雅的在线封面生成工具

Vue License

🎮 在线演示: https://cover.tosry.cn

📖 简介

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

✨ 特性

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

⚙️ 配置说明

环境配置

网站基础内容通过修改 .env 文件自定义网站配置:

默认配置

src/config.js 中可以修改默认文本和字体配置:

export const defaultConfig = { // 默认文本配置 text: '默认标题', watermark: '@水印文本', // 字体配置 fontFamily: import.meta.env.VITE_APP_FONT_FAMILY, // 可用字体样式列表 fontStyles: [ 'https://font-cdn.com/font1.css', 'https://font-cdn.com/font2.css', // ... ], // 字体选项 fontOptions: [ { value: 'default', label: '默认全局' }, { value: 'Microsoft YaHei', label: '微软雅黑' }, // ... ] };

🚀 快速开始

环境准备

  • 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

About

Mini-Cover:简洁的在线生成封面网站,专为博客、短视频、社交媒体等生成个性化封面

cover
Language
Vue60.1%
JavaScript33.1%
HTML3.6%
CSS3.2%