一个用于构建静态网站并利用 GitHub Actions 自动部署到 GitHub Pages 的自主工作流。
安装与下载
1. ClawHub CLI
从源直接安装技能的最快方式。
npx clawhub@latest install web-deploy-github
2. 手动安装
将技能文件夹复制到以下位置之一
~/.openclaw/skills/ <project>/skills/ 优先级：工作区 > 本地 > 内置
3. 提示词安装
将此提示词复制到 OpenClaw 即可自动安装。
请帮我使用 Clawhub 安装 web-deploy-github。如果尚未安装 Clawhub，请先安装（npm i -g clawhub）。
更倾向于下载？
获取包含原生技能文件的ZIP压缩包。
什么是 Web 部署至 GitHub Pages？
Web Deploy GitHub Pages 技能提供了一个全面且自动化的流水线，用于创建生产就绪的静态网站并直接发布到 GitHub。通过将 Openclaw Skills 集成到您的开发环境中，您可以从优化的模板生成完整的 HTML、CSS 和 JavaScript 结构，并通过 GitHub CLI 和 GitHub Actions 管理整个部署过程。该技能专为处理项目初始化、Git 配置和 CI/CD 设置等繁重工作而设计，让开发者能够专注于内容，而由 Openclaw Skills 管理技术基础设施。
Web 部署至 GitHub Pages 应用场景
- 利用预定义板块快速发布专业作品集网站或数字简历。
- 采用现代设计原则，为应用或产品创建高转化率的落地页。
- 通过 Openclaw Skills 的自主代码生成功能，快速构建单页应用原型。
- 部署零配置托管的静态项目文档或小型 Web 工具。
Web 部署至 GitHub Pages 工作原理
- 使用内置的 Shell 脚本初始化项目结构，为您的 Web 资产创建标准化目录。
- 开发网站内容，Openclaw Skills 将确保响应式设计、语义化 HTML 和现代 CSS 的应用。
- 执行部署脚本以初始化本地 Git 仓库，并通过 GitHub CLI 创建远程仓库。
- 自动配置 GitHub Pages 设置，并将初始提交推送到 main 分支。
- 监控 GitHub Actions 工作流，该工作流会将网站构建并部署到实时的 gh-pages 分支。
Web 部署至 GitHub Pages 配置指南
要开始使用此技能，请确保已安装 GitHub CLI (gh) 并完成身份验证。然后，使用以下命令初始化您的项目：
# 初始化项目结构
bash scripts/init_project.sh <项目名称>
# 部署到 GitHub Pages
bash scripts/deploy_github_pages.sh <项目名称> <GitHub 用户名>
Web 部署至 GitHub Pages 数据架构与分类体系
该技能将 Web 项目组织成特定的层级结构，以确保与 GitHub Actions 和 Openclaw Skills 模板兼容：
| 路径 | 描述 |
|---|---|
index.html |
单页应用的主要入口点。 |
.github/workflows/deploy.yml |
用于自动化 GitHub Pages 部署的 CI/CD 配置。 |
assets/templates/ |
包含基础 HTML、作品集和落地页的样板代码。 |
scripts/ |
用于项目初始化和部署自动化的 Shell 脚本。 |
Web 部署至 GitHub Pages 高级特性
- 使用 Openclaw Skills 逻辑自主生成完整的、生产就绪的代码，无需占位符。
- 预配置的 GitHub Actions 实现无缝 CI/CD，处理每次推送到 main 分支后的构建。
- 支持多种专业模板，包括作品集/简历和落地页布局。
- 集成移动优先的设计标准，支持 CSS 变量，便于更换主题和暗黑模式。
SKILL.md
加载中
Openclaw 相关技能
m365-pnp-cli
一个全面的命令行工具集，用于通过您的 AI 代理管理包括 SharePoint、Teams 和 Entra ID 在内的 Microsoft 365 服务。
精选*
