從本地到公網(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ā)者省事的開源小工具!

























