This content originally appeared on DEV Community and was authored by Shana Jia Liu
不知道大家有没有这种崩溃瞬间:
• 领导突然要看项目 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
上传成功后终端返回
顺手把链接放到微信 / 邮件 / 简历 PDF,面试官随时访问,永不宕机。
在线简历访问地址:https://h6vwmykq.pinit.eth.limo/
进阶玩法
- 持续集成 在 GitHub Actions 里加两行,就能实现「push 代码 → 自动 build → 自动 PinMe 部署」:
- run: npm run build
- run: npx pinme upload ./dist
多环境
给测试、预览、正式各建一条链接,互不干扰。历史版本回滚
pinme list # 查看历史 10 条
pinme rm <CID> # 删除旧版本
一句话安利
别再为五分钟演示搭两小时环境——用 PinMe,一行命令,永久免费上线!
This content originally appeared on DEV Community and was authored by Shana Jia Liu