前言
在自媒体创作中,封面是吸引观众点击和关注的重要元素。无论是在 YouTube、微信公众号,还是其他平台,一个吸引眼球的封面往往能决定内容的曝光率。今天,我们为大家带来一个免费的、漂亮的封面生成器——ThisCover。
ThisCover 基于开源项目 rutikwankhade/CoverView
,在原有的基础上进行了全新架构升级,采用了最新的技术栈:Next.js v16、React v19、Shadcn/UI、TailwindCSS v4 以及 Lucide Icons。不仅如此,作者还对界面进行了汉化,并根据国内用户的需求进行了本土功能定制和扩展,旨在为广大自媒体创作者提供一个高效、便捷、美观的封面设计工具。
无论你是新手创作者,还是经验丰富的内容生产者,ThisCover 都能帮助你轻松制作专业级的封面,让你的作品在激烈的竞争中脱颖而出。欢迎体验和分享,开始你的封面设计之旅吧!

项目简介
A free, beautiful cover generator. 一个免费、漂亮的封面生成器
部分截图
桌面

手机

小红书

demo
官方demo
如果你觉得麻烦的可以直接使用官方demo
部署方法
使用Docker安装
本教程使用docker的方式安装部署,简单便捷

准备条件
1)一台服务器
我们使用莱卡云VPS和飞牛NAS来演示
需要vps的可以看以下信息配置,可以参考以下资源占用情况
莱卡云官网
本期docker容器占用资源情况如下仅供参考不到60M

2)本教程使用到的项目
本教程使用的官方github地址
https://github.com/weizwz/cover

原项目
https://github.com/rutikwankhade/CoverView
该项目使用的docker镜像地址
https://hub.docker.com/r/ywsj/cover
该项目支持x86架构和arm架构的CPU

如果需要修改网页内容的可以访问我的github查看
https://github.com/yyzq-cf/cover
3) 申请图片API
NEXT_PUBLIC_API_ACCESS_KEY 即 unsplash api,需要到官网申请
https://unsplash.com/developers
注册好账号-邮箱验证-保证账号正常
然后新建一个app

演示应用每小时请求次数上限为50 次,个人足够使用了

然后我们备用
4)域名(必选)
该项目需要配置域名和证书,不配置可能有部分复制功能无法使用

① VPS部署
一、Docker环境部署
在vps安装docker和docker-compose
Docker官方安装文档(英文)
https://duan.yyzq.eu.org/docker-001
Docker-Compose官方安装文档(英文)
https://duan.yyzq.eu.org/docker-002
Centos安装Docker和Docker-compose(中文)
https://duan.yyzq.eu.org//03
Ubuntu安装Docker和Docker-compose(中文)
https://duan.yyzq.eu.org//04
推荐直接用一键脚本
docker安装脚本
bash <(curl -sSL https://cdn.jsdelivr.net/gh/SuperManito/LinuxMirrors@main/DockerInstallation.sh)
docker-compose安装脚本
curl -L "https://github.com/docker/compose/releases/latest/download/docker-compose-$(uname -s)-$(uname -m)" -o /usr/local/bin/docker-compose && chmod +x /usr/local/bin/docker-compose
二、部署命令
登录服务器使用root账户执行以下步骤
2.1docker run命令
docker run -d \
--name cover-app \ # 容器名称
-p 4000:3000 \ # 端口映射:宿主机4000 -> 容器3000
-e NEXT_PUBLIC_API_ACCESS_KEY=ju5cpbHmFTiWRiJBtq6rWxdMBQKUbQ3vvLMKOWUobTY \ # Unsplash API Key
-e NEXT_PUBLIC_API_ICONIFY_URL=https://api.iconify.design \ # Iconify API 地址
-e TZ=Asia/Shanghai \ # 时区设置
--restart always \ # 自动重启
ywsj/cover:latest # 镜像
📌 补充说明
访问地址:http://你的服务器IP:4000
NEXT_PUBLIC_API_ACCESS_KEY:
需要去 Unsplash 开发者平台申请(免费)
如果你在国内服务器部署,建议:
搭配 CDN 或代理,否则图片加载可能较慢
2.2docker-compose命令
创建一个目录,并进入此目录
mkdir cover ;cd cover
然后再新建docker-compose.yml
vim docker-compose.yml
services:
cover-tool: # 服务名称为 cover-tool
image: ywsj/cover:latest # 使用已构建的镜像 ywsj/cover:latest
container_name: cover-app # 容器名称设置为 cover-app
restart: always # 容器异常停止时自动重启
ports:
- "4000:3000" # 将容器的 4000 端口映射到主机的 3000 端口
environment:
- NEXT_PUBLIC_API_ACCESS_KEY=ju5cpbHmFTiWRiJBtq1rWxdMBQKUbQ3vvLMKOWUobTY # NEXT_PUBLIC_API_ACCESS_KEY 即 unsplash api,需要到官网申请 https://unsplash.com/developers
- NEXT_PUBLIC_API_ICONIFY_URL=https://api.iconify.design # 设置 Iconify 图标 API 的 URL
- TZ=Asia/Shanghai # 设置容器时区为上海时间(Asia/Shanghai)
三、执行容器运行命令
docker-compose up -d #运行容器
docker-compose ps #查看是否启动成功
正常启动如下所示
docker-compose ps
NAME IMAGE COMMAND SERVICE CREATED STATUS PORTS
cover-app ywsj/cover:latest "/app/entrypoint.sh" cover-tool 5 seconds ago Up 4 seconds 0.0.0.0:4000->3000/tcp
四、web界面
打开web页面使用
成功以后需要打开自己相应的端口4000)防火墙就可以web端访问了
主界面
http://ip:4000

此时还无法正常使用复制图片功能需要绑定域名和证书,可以参考我之前的教程
②飞牛NAS部署
我们直接复制以上VPS的compose配置即可

启动成功

然后浏览器输入NAS的ip:4000端口就可以打开界面了
绑定域名
这个项目一定要绑定下域名才能正常使用
绑定域名的教程参考以下内容
绑定域名视频教程
B站
YouTube
绑定域名可以参考
NginxProxyManager
https://duan.yyzq.eu.org//npm-ch
有任何问题可以直接留言或者问我
有任何问题可以直接留言或者问我
有任何问题可以直接留言或者问我
欢迎关注我们的微信公众号!


评论区