发布为在线链接:把 HTML 与静态项目一键托管到师绘网链

前言

本地写完一个 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 说明,可核对的能力包括:

  1. 发布对象:单个 HTML/网页、任意文件,或完整静态站点目录(前端构建产物目录是典型输入)。
  2. 产出:公开可访问的 URL,便于分享与联调。
  3. 发布方式:支持匿名发布与账号发布(Skill 说明中:匿名链接有时效;账号发布可长期保留——具体规则以安装后 SKILL.md 与网链产品为准)。
  4. 生命周期:支持更新已发布内容与删除项目;同一内容再次发布时应走更新路径,避免重复生成新链接(Skill 约定使用更新流程,如 --update,以技能包内文档为准)。
  5. 触发意图:用户表达「发布」「上线」「部署 / 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 使技能生效。

典型用法

经过上面的步骤,日常用法可以收敛为「说清楚要什么 + 指向本地路径」。

发布单个页面或文件

  1. 告诉 Agent 要把哪个本地 HTML 或文件发布成可打开链接。
  2. Agent 按 Skill 调用网链接口,返回 URL。
  3. 在浏览器打开链接验证渲染与资源路径是否正确。

发布 React/Vue 等构建产物

  1. 本地先执行项目自带的 build,得到 dist 或 build 目录。
  2. 让 Agent 发布该目录(说明框架与入口 index.html 位置,避免传错文件夹)。
  3. 用返回链接做演示或发给协作者。

更新或删除

  1. 若同一项目此前已通过本 Skill 发布,说明要「更新」并指向新构建目录或文件,不要要求「再发一个新链接」。
  2. 删除时明确项目名称或此前发布记录,由 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。

羽毛球分组比赛记分
小程序二维码

欢迎使用《羽毛球分组比赛记分》微信小程序

小夜