https://github.com/JLinMr/Mini-Cover
Mini-Cover：简洁的在线生成封面网站，专为博客、短视频、社交媒体等生成个性化封面
https://github.com/JLinMr/Mini-Cover
Last synced: 3 months ago
JSON representation
Mini-Cover：简洁的在线生成封面网站，专为博客、短视频、社交媒体等生成个性化封面
- Host: GitHub
- URL: https://github.com/JLinMr/Mini-Cover
- Owner: JLinMr
- License: mit
- Created: 2024-08-25T12:03:20.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2025-07-16T06:13:07.000Z (4 months ago)
- Last Synced: 2025-07-17T08:44:10.593Z (4 months ago)
- Language: Vue
- Homepage: https://cover.ruom.top
- Size: 184 KB
- Stars: 461
- Watchers: 2
- Forks: 103
- Open Issues: 4
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
- awesome-hacking-lists - JLinMr/Mini-Cover - Mini-Cover：简洁的在线生成封面网站，专为博客、短视频、社交媒体等生成个性化封面 (Vue)
README
Mini-Cover
优雅的在线封面生成工具
🎮 在线演示：
https://cover.ruom.top
## 📖 简介
Mini-Cover 是一个现代化的封面生成工具，专为博客、短视频、社交媒体设计。支持多种自定义选项，让你轻松创建个性化封面图片。
## ✨ 特性
- 📱 响应式设计，完美支持移动端
- 🎨 丰富的图标库，一键选用
- 🖼️ 自定义背景图片，支持拖拽上传
- ✍️ 灵活的标题编辑，多种字体可选
- 💫 水印效果调整，实时预览
- 🎯 简洁的操作界面，快速上手
## ⚙️ 配置说明
### 环境配置
网站基础内容通过修改 `.env` 文件自定义网站配置：
### 默认配置
在 `src/config.js` 中可以修改默认文本和字体配置：
```javascript
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
### 开发调试
```bash
# 克隆项目
git clone https://github.com/JLinMr/Mini-Cover.git
# 安装依赖
npm install
# 启动服务
npm run dev
# 构建生产版本
npm run build
```
构建产物在 `dist` 目录下，可以直接部署到任何静态资源服务器上。
## CDN赞助
本项目的 CDN 加速和安全保护由腾讯 EdgeOne 赞助
最佳亚洲 CDN、Edge 和安全解决方案 - 腾讯 EdgeOne
## 📝 开源协议
[MIT License](LICENSE)