GitHub静态网站部署

技能简介

该技能支持从零开始创建单页静态网站，并通过GitHub Actions工作流自动部署到GitHub Pages。覆盖项目初始化、代码生成、仓库配置到上线发布的完整链路。

能做什么

• 一键初始化项目结构（HTML/CSS/JS + GitHub Actions配置）
• 基于模板生成作品集、简历页、产品落地页等站点
• 自动创建GitHub仓库并配置Pages服务
• 推送代码后自动触发部署，无需手动操作

使用说明

前置条件：已安装GitHub CLI（gh）并完成认证。

步骤1：安装与初始化

# 克隆技能仓库后执行
bash scripts/init_project.sh <项目名称>

该命令生成标准目录结构，包含index.html、样式脚本、README及部署工作流文件。

步骤2：开发与定制

从assets/templates/选择模板起步：

• base-html/ – 极简HTML5骨架
• portfolio/ – 作品集/简历模板
• landing/ – 营销落地页模板

编码原则：优先原生技术栈，响应式设计，无占位符的完整实现。

步骤3：部署上线

bash scripts/deploy_github_pages.sh <项目名称> <GitHub用户名>

脚本自动完成git初始化、远程仓库创建、Pages设置及首次推送。后续每次推送到main分支即自动重新部署。

输入与输出

见下方输入与输出表格。

风险提示

• 需提前配置gh认证，否则仓库创建步骤失败
• GitHub Pages首次生效存在5-10分钟延迟
• 仓库权限不足会导致Actions运行失败
• 自定义域名需额外DNS配置，本技能未覆盖

来源信息

原始链接：https://github.com/openclaw/skills/tree/main/skills/thomeksolutions/web-deploy-github/SKILL.md
来源类型：开源技能仓库