DEV Community

pinmezh
pinmezh

Posted on

深度测评：Vue、React 一键部署的神器 PinMe

不知道大家有没有这种崩溃瞬间：
• 领导突然要看项目 Demo，客户临时要体验新功能，自己写的小案例想发朋友圈；
• 找运维？排期？还要走工单；
• 自己买服务器？域名、SSL、Nginx、防火墙；
• 本地起服务？断电、关机、局域网，链接说挂就挂。

如果你也受够了这套「求人 or 烧钱」的循环，请立刻认识一下 PinMe！

Vue / React 一键部署的神器，30 秒上线！

什么是 PinMe

PinMe 是一个开源 CLI + 浏览器双模式工具，把本地静态文件直接推到 IPFS 全球节点，自动生成 https://xxx.pinit.eth.limo 这样的 ENS 域名，别人点开就能访问，完全脱离传统服务器。

核心功能

  • 零配置上传：拖文件夹 or 一行命令。
  • 无限制：单次 html 部署 20m 不成问题。
  • HTTPS + CDN：自动证书，全球加速。
  • 版本管理：随时查看 / 删除历史部署。

有哪些优势

传统做法 VS PinMe

如何快速使用（实战案例：在线简历）

我自己用 Vue3 + TypeScript 写了一份「在线简历」，想在面试季直接甩给 HR，于是用 PinMe 把它挂到线上，全程 1 分钟——下面把两种姿势都演示给你。

网页拖拽上传（完全零命令）

浏览器打开 https://pinme.eth.limo → 点击 Deploy from Browser

  • 本地执行 npm run build，得到 dist/ 文件夹

  • 直接把 dist 文件夹拖进浏览器窗口

  • 等待进度条 100%，页面会出现上传成功提示

  • 复制链接到简历 PDF / 邮件正文，HR 点开就能看到你的在线简历！

CLI 一键上传（本地安装）

只需要一条 npm 命令，即可安装！


# 1. 全局安装（只需一次）
npm install -g pinme

# 2. 进入项目并打包
cd my-resume
npm run build          # 生成 dist/

# 3. 一条命令上线
pinme upload ./dist
Enter fullscreen mode Exit fullscreen mode

上传成功后终端返回

顺手把链接放到微信 / 邮件 / 简历 PDF，面试官随时访问，永不宕机。

在线简历访问地址：https://h6vwmykq.pinit.eth.limo/

进阶玩法

  • 持续集成 在 GitHub Actions 里加两行，就能实现「push 代码 → 自动 build → 自动 PinMe 部署」： 
   - run: npm run build
   - run: npx pinme upload ./dist
Enter fullscreen mode Exit fullscreen mode

  • 多环境
    给测试、预览、正式各建一条链接，互不干扰。

  • 历史版本回滚

   pinme list          # 查看历史 10 条
   pinme rm <CID>      # 删除旧版本
Enter fullscreen mode Exit fullscreen mode

一句话安利

别再为五分钟演示搭两小时环境——用 PinMe，一行命令，永久免费上线！

👉 立即体验：https://pinme.eth.limo

Top comments (0)