Penpot 是一款开源的 UI/UX 设计工具，它基于 Web 技术开发，支持团队协作，并且完全免费。与 Figma 等商业工具不同，Penpot 强调开放标准和设计开发协作的无缝衔接。本文将指导您如何在 Ciuic 云服务器 上从零开始搭建自己的 Penpot 服务。

准备工作

在开始之前，您需要准备以下内容：

服务器环境配置

首先，登录您的 Ciuic 云服务器 并更新系统软件包：

sudo apt update && sudo apt upgrade -y

安装必要的依赖项：

sudo apt install -y docker.io docker-compose git curl

确保 Docker 服务已启动并设置为开机自启：

sudo systemctl enable --now docker

安装 Penpot

Penpot 官方提供了 Docker 镜像，这使得安装过程变得非常简单。我们将使用 Docker Compose 来部署 Penpot。

首先，创建一个工作目录：

mkdir ~/penpot && cd ~/penpot

下载官方提供的 docker-compose 配置文件：

curl -o docker-compose.yaml https://raw.githubusercontent.com/penpot/penpot/main/docker/images/docker-compose.yaml

这个配置文件包含了 Penpot 前端、后端和数据库服务。您可以根据需要进行修改，但对于初次使用，默认配置已经足够。

启动 Penpot 服务：

docker-compose up -d

等待所有容器启动完成后，Penpot 应该已经在您的服务器上运行了。默认情况下，前端服务运行在 9001 端口，您可以通过 http://您的服务器IP:9001 访问。

配置反向代理（可选）

为了更好的安全性和可用性，建议设置 Nginx 反向代理并启用 HTTPS。

首先安装 Nginx：

sudo apt install -y nginx

创建一个新的 Nginx 配置文件：

sudo nano /etc/nginx/sites-available/penpot

添加以下内容（替换 your-domain.com 为您的实际域名）：

server {    listen 80;    server_name your-domain.com;    location / {        proxy_pass http://localhost:9001;        proxy_set_header Host $host;        proxy_set_header X-Real-IP $remote_addr;        proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;        proxy_set_header X-Forwarded-Proto $scheme;    }}

启用配置并重启 Nginx：

sudo ln -s /etc/nginx/sites-available/penpot /etc/nginx/sites-enabled/sudo systemctl restart nginx

使用 Let's Encrypt 配置 HTTPS（推荐）

安装 Certbot：

sudo apt install -y certbot python3-certbot-nginx

获取 SSL 证书：

sudo certbot --nginx -d your-domain.com

按照提示完成配置后，您的 Penpot 实例将通过 HTTPS 安全访问。

初始设置

首次访问 Penpot 时，您需要：

完成这些步骤后，您就可以开始使用 Penpot 进行 UI/UX 设计了。

维护与更新

定期更新 Penpot 至最新版本：

cd ~/penpotdocker-compose pulldocker-compose up -d

备份数据（数据库和上传的文件）：

docker-compose exec postgres pg_dump -U penpot penpot > penpot_backup.sql

通过本文的指导，您已经在 Ciuic 云服务器 上成功搭建了自己的 Penpot 实例。作为一款开源设计工具，Penpot 不仅提供了强大的设计功能，还能让您完全掌控自己的设计数据。无论是个人使用还是团队协作，Penpot 都是一个值得考虑的优秀选择。

对于需要更高性能或更稳定服务的用户，可以考虑升级 Ciuic 云服务器 的配置，或使用负载均衡等技术进一步提升服务可用性。