從本地到公網(wǎng)只差一行命令：PinMe 深度體驗
做前端的，多少都經(jīng)歷過這種「臨時要鏈接」的瞬間：
- 代碼還在本地，領導一句：“這個頁面現(xiàn)在能給我個地址嗎？”
- 新功能剛擼完，產(chǎn)品說：“拉個在線版本給客戶先體驗一下。”
- 周末寫了個小玩具，想發(fā)朋友圈 / Twitter 秀一秀，又不想為它專門搞臺服務器。
這時候你腦子里大概只剩兩條路：
- 找運維幫忙，走流程、提工單、排時間；
- 自己上云買臺機子，配域名、SSL、Nginx、安全組，一通折騰。
- 本地起服務？一斷電、一關機，鏈接說掛就掛。
甚至退而求其次，本地起個服務，用內網(wǎng)穿透 / 臨時分享工具，結果一關電腦、網(wǎng)絡一抖，鏈接就徹底失效。
如果你也受夠了這種「求人 or 燒錢」的循環(huán)，那很有必要認識一下 PinMe。
一個可以讓你 Vue / React 靜態(tài)站 30 秒上線 的小神器。
什么是 PinMe？
PinMe 是一個開源的「CLI + 瀏覽器」雙模式工具，它做的事只有一件：
把你本地的靜態(tài)文件，一鍵推到 IPFS 全球節(jié)點，然后自動生成一個
https://xxx.pinit.eth.limo這樣的訪問地址，別人點開就能看到。
全程：
- 無需買服務器
- 無需配置 Nginx
- 無需自己折騰證書
你可以把它理解成：“給前端工程師的極簡部署按鈕”。
核心能力一眼看懂
1. 零配置上傳
- 網(wǎng)頁端：打開網(wǎng)站 → 拖文件夾進去 → 等進度條到 100%。
- 命令行：一行
pinme upload ./dist就完事。
2. 容量夠用
- 小到單頁 HTML，大到完整的 Vue / React 打包目錄，日常 Demo、Landing Page、在線簡歷都沒壓力。
3. 自帶 HTTPS + CDN
- 自動走 HTTPS，無需自己配證書。
- 依托 IPFS 節(jié)點，天然具備全球加速的效果。
4. 版本管理
- 每次上傳都會生成一個新的 CID。
- 支持 查看歷史部署、刪除舊版本，方便回滾和收拾“測試垃圾”。
和傳統(tǒng)部署比起來有多爽？
傳統(tǒng)做法 | 用 PinMe | |
成本 | 域名 + 服務器 + SSL ≈ ￥300/年 | 0 元 |
上線速度 | 熟練工也要 30 分鐘 | 30 秒 |
配置復雜度 | Nginx、端口、證書、權限 | 拖文件夾 / 一行命令 |
流量 & 帶寬 | 按量計費，超了加錢 | 理論上不限速、不限量 |
穩(wěn)定性 | 服務器宕機就掛 | IPFS 節(jié)點冗余，更抗風險 |
一句話：你把時間從“折騰機器”換回了“寫代碼 / 改文案 / 做 Demo”。
實戰(zhàn)案例：1 分鐘上線一個在線簡歷
我用 Vue3 + TypeScript 寫了一份「在線簡歷」，想在面試季直接甩給 HR 一個鏈接，于是用 PinMe 把它掛到線上——整個流程不到 1 分鐘。
下面用兩種姿勢給你演示一遍。
姿勢一：網(wǎng)頁拖拽上傳（完全零命令）
1.瀏覽器打開：https://pinme.eth.limo → 點擊 Deploy from Browser
2.在本地執(zhí)行打包命令（例子：Vue 項目）
npm run build # 生成 dist/ 文件夾
3.把 dist 文件夾 直接拖進 PinMe 頁面
4.等進度條跑到 100%，頁面會顯示上傳成功提示
5.復制生成的 https://xxxx.pinit.eth.limo 鏈接，粘貼到：
- 簡歷 PDF
- 郵件正文
- 微信 / WhatsApp / Telegram
HR 一點開就能看到你的在線簡歷。
姿勢二：CLI 一鍵上傳（本地安裝）
如果你更習慣命令行，這套流程會更順手。
1. 全局安裝 PinMe（只需一次）
npm install -g pinme2. 進入項目并打包
cd my-resume
npm run build # 生成 dist/3. 一條命令上線
pinme upload ./dist
上傳成功后，終端會返回類似這樣的信息：
把這個鏈接隨手丟進微信 / 郵件 / 簡歷里，面試官隨時點、隨時看，你這邊不需要再“盯著服務器別宕機”。
在線簡歷 Demo 示例：
https://h6vwmykq.pinit.eth.limo/
進階玩法：不止是“臨時丟個 Demo”
1. 持續(xù)集成：push 代碼自動上線
在 GitHub Actions 里加兩行，就能實現(xiàn)：
push 代碼 → 自動 build → 自動 PinMe 部署
示例（簡化版）：
- run: npm run build
- run: npx pinme upload ./dist結果就是：你只管寫代碼，每次 push，線上 Demo 自動更新。
2. 多環(huán)境管理：測試 / 預覽 / 正式
你可以給：
- 測試環(huán)境
- 預覽環(huán)境
- 正式環(huán)境
分別部署不同的鏈接：
test-xxx.pinit.eth.limopreview-xxx.pinit.eth.limoprod-xxx.pinit.eth.limo
互不干擾，團隊協(xié)作時對比版本也更清晰。
3. 歷史版本回滾 / 清理
命令行里還可以這樣玩：
pinme list # 查看最近 10 條部署記錄
pinme rm <CID> # 刪除某個舊版本- Demo 發(fā)錯了？刪掉。
- 以前到處亂測的版本？整理一下，留幾個關鍵節(jié)點就行。
一句話安利
別再為 5 分鐘演示，搭 2 小時環(huán)境。用 PinMe，把“上線”這件事壓縮成 一行命令 / 一次拖拽， 你的 Vue / React 項目就能 永久免費掛在網(wǎng)上隨時給人看。
如果你手上正好有個小項目： 不妨現(xiàn)在就試試，把它丟到 PinMe 上——下一個隨手甩出去驚艷別人的 Demo，可能就是你的。
快速開始
?? PinMe 官網(wǎng)：https://pinme.eth.limo/
?? 在 GitHub 收藏項目：https://github.com/glitternetwork/pinme
?? 覺得好用的話，記得去 GitHub 點個 Star，支持一下這種幫開發(fā)者省事的開源小工具！
