开源工具新玩法：cpolar提升Penpot协作流畅度

文章目录

• • 前言
  • 1. 安装Docker
  • 2. Docker镜像源添加方法
  • 3. 创建并启动Penpot容器
  • 3. 本地使用Penpot进行创作
  • 4. 公网远程访问本地Penpot
  • • 4.1 内网穿透工具安装
    • 4.2 创建远程连接公网地址
  • 5. 固定Penpot公网地址

前言

你是否也曾因商业设计软件的高昂费用而放弃团队协作？或者，想和异地朋友一起做设计，却找不到免费好用的协作工具？其实，用 Penpot+cpolar，你不需要花一分钱，也能拥有功能强大的设计协作平台，让创意不受距离限制，团队协作像在同一个房间一样自然。

Penpot 是一款能让设计师 “自由创作” 的开源设计工具，它就像你的 “云端设计工作室”，支持 UI/UX 设计、原型制作和团队协作，功能完全不输收费软件，而且文件格式开放，不用担心格式锁定。但很多人不知道，配合 cpolar，你可以把这个 “工作室” 变成 “全球创意空间”，不管你和团队成员在哪里，都能实时共同编辑设计稿，即时反馈修改意见。自由设计师小王用这个方法后，合作范围大大扩展：“我现在能和国外的设计师一起工作，实时修改设计稿，沟通效率比以前用邮件来回发送文件高太多了！”

为什么这个组合能带来设计协作革命？打个比方，Penpot 就像一张 “无限大的数字画布”，所有设计师都能在上面画画。cpolar 相当于给这张画布配了 “全球投影功能”，让世界各地的人都能看到并添加自己的创意。整个过程不需要你懂任何代码，注册账号即可开始协作 —— 比使用普通设计软件还简单！

接下来，我们就来手把手教你如何用 Penpot 进行协同设计，如何通过 cpolar 实现远程访问。全程都是图形界面操作，没有难懂的技术术语，保证你一看就会，让设计协作从 “格式障碍” 变成 “创意碰撞”。

1. 安装Docker

本教程操作环境为Linux Ubuntu系统，在开始之前，我们需要先安装Docker与docker-compose。

在终端中执行下方命令安装docker：

sudo curl -fsSL https://github.com/tech-shrimp/docker_installer/releases/download/latest/linux.sh| bash -s docker --mirror Aliyun

如果上边命令中访问不了Github，可以使用Gitee的链接：

sudo curl -fsSL https://gitee.com/tech-shrimp/docker_installer/releases/download/latest/linux.sh| bash -s docker --mirror Aliyun

然后启动Docker

sudo systemctl start docker

2. Docker镜像源添加方法

如因网络问题拉取不到镜像，

可尝试在终端执行 sudo nano /etc/docker/daemon.json

输入：

{
   
   
"registry-mirrors": [
"https://do.nark.eu.org",
"https://dc.j8.work",
"https://docker.m.daocloud.io",
"https://dockerproxy.com",
"https://docker.mirrors.ustc.edu.cn",
"https://docker.nju.edu.cn"
]
}

保存退出

然后执行：sudo systemctl restart docker

3. 创建并启动Penpot容器

成功拉取 Piwigo 镜像后，我们在Home目录下的docker路径新增该项目目录

mkdir penpot

cd penpot

然后在该项目中创建docker-compose.yml

nano docker-compose.yml

输入下方代码并保存退出：

version: "3.8"

networks:
  penpot:

volumes:
  penpot_postgres_v15:
  penpot_assets:
  # penpot_traefik:
  # penpot_minio:

services:
  ## Traefik service declaration example. Consider using it if you are going to expose
  ## penpot to the internet or different host than `localhost`.

  # traefik:
  #   image: traefik:v2.9
  #   networks:
  #     - penpot
  #   command:
  #     - "--api.insecure=true"
  #     - "--entryPoints.web.address=:80"
  #     - "--providers.docker=true"
  #     - "--providers.docker.exposedbydefault=false"
  #     - "--entryPoints.websecure.address=:443"
  #     - "--certificatesresolvers.letsencrypt.acme.tlschallenge=true"
  #     - "--certificatesresolvers.letsencrypt.acme.email=<EMAIL_ADDRESS>"
  #     - "--certificatesresolvers.letsencrypt.acme.storage=/traefik/acme.json"
  #   volumes:
  #     - "penpot_traefik:/traefik"
  #     - "/var/run/docker.sock:/var/run/docker.sock"
  #   ports:
  #     - "80:80"
  #     - "443:443"

  penpot-frontend:
    image: "penpotapp/fronten