優(yōu)雅的在線封面生成工具
?? 在線演示： https://cover.ruom.top
Mini-Cover 是一個現代化的封面生成工具，專為博客、短視頻、社交媒體設計。支持多種自定義選項，讓你輕松創(chuàng)建個性化封面圖片。
- ?? 響應式設計，完美支持移動端
- ?? 豐富的圖標庫，一鍵選用
- ??? 自定義背景圖片，支持拖拽上傳
- ?? 靈活的標題編輯，多種字體可選
- ?? 水印效果調整，實時預覽
- ?? 簡潔的操作界面，快速上手
網站基礎內容通過修改 .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 目錄下，可以直接部署到任何靜態(tài)資源服務器上。
本項目的 CDN 加速和安全保護由騰訊 EdgeOne 贊助
最佳亞洲 CDN、Edge 和安全解決方案 - 騰訊 EdgeOne
