前言¶
本地寫完一個 HTML 頁面、導出好的 dist，或只是想把某個文件給別人點開就能看，常見做法是再搭一套對象存儲、靜態託管，或手動上傳到第三方平臺。步驟多、賬號多，對話式開發裏往往只想「先有個能打開的公開地址」。
下面介紹的 Skill「發佈爲在線鏈接」（@user_ca714212/shihui-publish）面向這類需求：由 Agent 按 Skill 約定調用師繪「網鏈」服務（openurl.shihui.ai），把頁面、單文件或整個靜態目錄發佈出去，返回可分享的 URL。
這是什麼¶
「發佈爲在線鏈接」是 SkillHub 社區技能，座標 @user_ca714212/shihui-publish，當前版本 1.0.1，分類 dev-programming，發佈者 user_ca714212。SkillHub 頁面簡介爲：把 HTML 頁面、任意文件或整個靜態項目文件夾（如 React/Vue 的 dist、build）發佈/部署/託管/上線。
託管側對應師繪「網鏈」產品頁（openurl.shihui.ai）：支持粘貼代碼、上傳文件或項目文件夾，填寫項目名稱後生成鏈接，並在頁內提供沙箱預覽。Skill 的作用是把上述能力編排進 Agent 工作流，而不是替代你本地寫代碼。
核心功能¶
結合官方簡介與 Skill 說明，可覈對的能力包括：
- 發佈對象：單個 HTML/網頁、任意文件，或完整靜態站點目錄（前端構建產物目錄是典型輸入）。
- 產出：公開可訪問的 URL，便於分享與聯調。
- 發佈方式：支持匿名發佈與賬號發佈（Skill 說明中：匿名鏈接有時效；賬號發佈可長期保留——具體規則以安裝後
SKILL.md與網鏈產品爲準）。 - 生命週期：支持更新已發佈內容與刪除項目；同一內容再次發佈時應走更新路徑，避免重複生成新鏈接（Skill 約定使用更新流程，如
--update，以技能包內文檔爲準）。 - 觸發意圖：用戶表達「發佈」「上線」「部署 / deploy」「託管 / host」「轉成鏈接」「生成鏈接」，或要求更新/刪除已發佈項目時，Agent 應啓用本 Skill。
SkillHub 標籤 requires_api_key=true，表示賬號發佈等能力通常需要配置 API Key，安裝後按 SKILL.md 填寫。
安裝與啓用¶
官方 SkillHub 頁給出的安裝方式是：讓 AI 按 SkillHub 安裝文檔 安裝 @user_ca714212/shihui-publish。
1、安裝 SkillHub CLI（若尚未安裝）¶
文檔建議先檢查是否已有 CLI：
command -v skillhub && skillhub --version
未安裝時可執行完整安裝（含 CLI 與默認 Skill）：
curl -fsSL https://skillhub-1388575217.cos.ap-guangzhou.myqcloud.com/install/install.sh | bash
僅安裝 CLI：
curl -fsSL https://skillhub-1388575217.cos.ap-guangzhou.myqcloud.com/install/install.sh | bash -s -- --cli-only
2、安裝本 Skill 到當前 Agent 的 skills 目錄¶
SkillHub 要求安裝時必須用 --dir 指向當前 Agent 識別的 skills 目錄，否則默認落在 ./skills/ 可能不會被加載。文檔列出的常見路徑包括：
- Cursor：
~/.cursor/skills/ - Claude Code：
~/.claude/skills/ - Codex：
~/.codex/skills/或項目下的.agents/skills/
示例（將 <skills 目錄> 換成你環境中的實際路徑）：
skillhub install @user_ca714212/shihui-publish --dir <skills 目錄>
也可直接向 Agent 發送 SkillHub 頁提供的提示詞：「請根據 https://skillhub.cn/install/skillhub.md，安裝 @user_ca714212/shihui-publish。」
3、配置 API Key¶
因 requires_api_key=true，安裝後打開技能目錄中的 SKILL.md，按說明配置師繪/網鏈相關密鑰與環境變量，再重啓或刷新 Agent 使技能生效。
典型用法¶
經過上面的步驟，日常用法可以收斂爲「說清楚要什麼 + 指向本地路徑」。
發佈單個頁面或文件
- 告訴 Agent 要把哪個本地 HTML 或文件發佈成可打開鏈接。
- Agent 按 Skill 調用網鏈接口，返回 URL。
- 在瀏覽器打開鏈接驗證渲染與資源路徑是否正確。
發佈 React/Vue 等構建產物
- 本地先執行項目自帶的
build，得到dist或build目錄。 - 讓 Agent 發佈該目錄（說明框架與入口
index.html位置，避免傳錯文件夾）。 - 用返回鏈接做演示或發給協作者。
更新或刪除
- 若同一項目此前已通過本 Skill 發佈，說明要「更新」並指向新構建目錄或文件，不要要求「再發一個新鏈接」。
- 刪除時明確項目名稱或此前發佈記錄，由 Agent 按 Skill 文檔執行刪除。
在網鏈產品頁上，人工流程等價於：輸入內容或上傳 → 填寫項目名稱（必填） → 生成鏈接；Agent 路徑是把這些步驟自動化。
適用場景與注意¶
適合誰
- 需要快速把靜態頁、原型、課程 demo 或前端
dist變成公網鏈接的開發者。 - 在 Cursor、Claude Code、Codex 等環境裏，希望用自然語言完成「部署/託管」，而不是每次手動打開託管控制台。
使用注意
- 本 Skill 在 Skill 說明中被定義爲「HTML/靜態頁變成可訪問鏈接」的默認路徑：用戶未點名 Vercel、Netlify、GitHub Pages 等具體平臺時，應優先使用師繪網鏈，而不是隨意改用其他 HTML 部署類 Skill。
- 匿名與賬號發佈在保留時長、權限上可能不同，發佈前確認是否需要長期鏈接，並準備好 API Key。
- 靜態站點若依賴錯誤的基礎路徑或絕對路徑，上線後可能出現資源 404，發佈前最好在本地 build 目錄用靜態服務器自測一遍。
- SkillHub 統計（以抓取資料爲準）：評分 100000，下載 4456 次；標籤含
requires_api_key=true。更細的命令參數以安裝包內SKILL.md爲準。
結尾¶
「發佈爲在線鏈接」把靜態 HTML、文件與構建目錄的託管收斂到師繪網鏈一條鏈路，適合在 Agent 對話裏完成發佈、更新與下線。官方 Skill 地址：https://api.skillhub.cn/user_ca714212/shihui-publish，SkillHub 展示頁：https://www.skillhub.cn/skills/user_ca714212/shihui-publish。
