目 录CONTENT

文章目录

飞牛NAS/VPS使用Docker部署一个免费的、漂亮的封面生成器-ThisCover

Administrator
2026-04-08 / 0 评论 / 0 点赞 / 1 阅读 / 0 字

前言

在自媒体创作中,封面是吸引观众点击和关注的重要元素。无论是在 YouTube、微信公众号,还是其他平台,一个吸引眼球的封面往往能决定内容的曝光率。今天,我们为大家带来一个免费的、漂亮的封面生成器——ThisCover。

ThisCover 基于开源项目 rutikwankhade/CoverView
,在原有的基础上进行了全新架构升级,采用了最新的技术栈:Next.js v16、React v19、Shadcn/UI、TailwindCSS v4 以及 Lucide Icons。不仅如此,作者还对界面进行了汉化,并根据国内用户的需求进行了本土功能定制和扩展,旨在为广大自媒体创作者提供一个高效、便捷、美观的封面设计工具。

无论你是新手创作者,还是经验丰富的内容生产者,ThisCover 都能帮助你轻松制作专业级的封面,让你的作品在激烈的竞争中脱颖而出。欢迎体验和分享,开始你的封面设计之旅吧!
001-wxgT.png

项目简介

A free, beautiful cover generator. 一个免费、漂亮的封面生成器

部分截图

桌面
002-QVFT.png

手机
003-Mppm.png

小红书
004-Prvu.png

demo

官方demo
如果你觉得麻烦的可以直接使用官方demo

部署方法

使用Docker安装

本教程使用docker的方式安装部署,简单便捷
005.jpeg

准备条件

1)一台服务器

我们使用莱卡云VPS和飞牛NAS来演示

需要vps的可以看以下信息配置,可以参考以下资源占用情况
莱卡云官网

本期docker容器占用资源情况如下仅供参考不到60M
006-qecu.png

2)本教程使用到的项目

本教程使用的官方github地址
https://github.com/weizwz/cover
007-JWfQ.png

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

如果需要修改网页内容的可以访问我的github查看
https://github.com/yyzq-cf/cover

3) 申请图片API

NEXT_PUBLIC_API_ACCESS_KEY 即 unsplash api,需要到官网申请
https://unsplash.com/developers
注册好账号-邮箱验证-保证账号正常
然后新建一个app
009-TEbI.png

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

然后我们备用

4)域名(必选)

该项目需要配置域名和证书,不配置可能有部分复制功能无法使用
011-bHIf.png

① 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

012-DiJu.png

此时还无法正常使用复制图片功能需要绑定域名和证书,可以参考我之前的教程

②飞牛NAS部署

我们直接复制以上VPS的compose配置即可
013-IaDI.png

启动成功
014-tpTu.png
然后浏览器输入NAS的ip:4000端口就可以打开界面了

绑定域名

这个项目一定要绑定下域名才能正常使用
绑定域名的教程参考以下内容

绑定域名可以参考
NginxProxyManager
https://duan.yyzq.eu.org//npm-ch

==有任何问题可以直接留言或者问我==
==有任何问题可以直接留言或者问我==
==有任何问题可以直接留言或者问我==

欢迎关注我们的微信公众号!
微信公众号

0
  1. 支付宝打赏

    qrcode alipay
  2. 微信打赏

    qrcode weixin
  3. QQ打赏

    qrcode qq

评论区