史上最全UI 设计与原型制作平台penpot安装,强烈介意码起来,避免踩坑。

本文详述了如何在CentOS 7上安装和配置开源UI设计与原型制作平台Penpot,包括Docker和Docker-compose的基础安装、Nginx配置、SSL设置以及通过邮件和第三方应用创建用户账号。遇到的登录问题和解决方法也在文中分享,以帮助读者顺利部署Penpot。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

一、介绍

1. 基础介绍

GitHub 上首个开源的 UI 设计与原型制作平台:Penpot,拥有多款 UI 组件与样式、交互式原型以及项目设计示例与模板,帮你更快完成项目设计工作。
此外,该平台还支持团队多人实时协作编辑,设计稿添加注释等多种团队协作工具。
官方地址:https://penpot.app/
GitHub:https://github.com/penpot/penpot
您在操作使用使请一定阅读官方文档。

2. 说明

由于工作中需部署 开源的 UI 设计与原型制作平台penpot 开源软件。因此由本人去进行部署,在部署的过程中本人参阅了官方文档以及google 内容进行部署,但网上可参考资料太少,本人在部署的过程中遇到了各种的问题。如:创建账号无法登录,无法发送邮件创建账号等问题。在通过不断地测试中终于得到了解决。因此写出次文章分享给大家,避免踩坑。
注:部署需具备相应的docker 知识
您可以根据您的实际情况选择以下的一种或几种方式进行创建用户的登录操作,如需有修改密码操作,请您配置SMTP 邮箱

3.部署环境

  1. 一台拥有外网访问的centos 7 操作系统主机
  2. docker 环境安装
  3. docker-compose 安装
  4. nginx 安装

二、基础安装

1.安装docker

sudo yum remove docker \
                  docker-client \
                  docker-client-latest \
                  docker-common \
                  docker-latest \
                  docker-latest-logrotate \
                  docker-logrotate \
                  docker-engine  卸载本机旧版docker
sudo yum install -y yum-utils 
sudo yum-config-manager \
    --add-repo \
    https://download.docker.com/linux/centos/docker-ce.repo 设置docker yum源,此为官方yum,如机器在国内请自寻寻找国内yum源
sudo yum install docker-ce docker-ce-cli containerd.io docker-compose-plugin  安装docker
sudo systemctl start docker 启动docker

2.安装docker-compose

curl -L https://github.com/docker/compose/releases/download/v2.5.0/docker-compose-`uname -s`-`uname -m` -o /usr/local/bin/docker-compose
curl -L https://github.com/docker/compose/releases/download/v2.5.0/docker-compose-Linux-x86_64 -o /usr/local/bin/docker-compose
chmod +x /usr/local/bin/docker-compose

3.通过官网获取penpot 配置文件

wget https://raw.githubusercontent.com/penpot/penpot/main/docker/images/docker-compose.yaml
wget https://raw.githubusercontent.com/penpot/penpot/main/docker/images/config.env
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值