优雅的在线封面生成工具
🎮 在线演示: https://cover.ruom.top
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
目录下,可以直接部署到任何静态资源服务器上。