https://github.com/JLinMr/Mini-Cover

Mini-Cover：简洁的在线生成封面网站，专为博客、短视频、社交媒体等生成个性化封面
https://github.com/JLinMr/Mini-Cover

Last synced: 2 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 (3 months ago)
• Default Branch: main
• Last Pushed: 2024-08-25T12:25:24.000Z (3 months ago)
• Last Synced: 2024-08-25T13:38:30.551Z (3 months ago)
• Language: JavaScript
• Homepage: https://cover.ruom.top
• Size: 116 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
## Mini-Cover

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

![](https://i1.wp.com/s2.loli.net/2024/08/25/9Vn2yqjA6Y5KgL3.png)

### Demo

>由于 CDN 缓存原因，查看最新效果可能需要 `Ctrl` + `F5` 强制刷新浏览器缓存

- [预览](https://cover.ruom.top)

### 使用

>如何使用图标库

1. 点击图标库

2. 选择图标

3. 复制图标代码 (图)

4. 上传背景

5. 调整标题

6. 调整水印

7. 调整样式

![](https://i1.wp.com/s2.loli.net/2024/08/20/DE2dpzoTPny9HNO.png)

### 部署

* **安装** [node.js](https://nodejs.org/zh-cn/) **环境**

  > node > 16.16.0

  > npm > 8.15.0

* 然后以 **管理员权限** 运行 `cmd` 终端，并 `cd` 到 项目根目录

* 在 `终端` 中输入：

```bash

# 安装依赖

npm install

# 预览

npm run serve

# 构建

npm run build

```

> 构建完成后，静态资源会在 **`dist` 目录** 中生成，可将 **`dist` 文件夹下的文件**上传至服务器，也可使用 `Vercel` 等托管平台一键导入并自动部署

### Vercle部署

>点击后自动部署并创建仓库

[![Deploy with Vercel](https://vercel.com/button)](https://vercel.com/new/clone?repository-url=https://github.com/JLinMr/Mini-Cover&repository-name=Mini-Cover)