SuperAPI AI 工具集

site-scaffold

前端与建站

查看项目

更新于 10-16 03:49

技能介绍

该技能用于从零生成标准化的静态站点结构,适用于创建新静态网站、搭建演示或原型站点,以及需要具备 SEO、PWA 与无障碍基础的一致目录。使用前可按需考虑 HTML 内容、样式、元数据、图标、表单、版块等相关技能。

生成结构包含首页、about/ 与 contact/ 页面、errors/ 下的 404、500、offline、noscript 页面,以及 assets/css、assets/js、images 等资源目录,并含 robots.txt、humans.txt、sitemap.xml、manifest.json、browserconfig.xml 和 .well-known/security.txt。脚手架时需收集站点名称、URL、描述、作者、邮箱、主题色、背景色、年份等变量。

HTML 须遵循 XHTML-strict 模式,含 canonical、favicon、PWA、Open Graph、Twitter Card 等标签。CSS 采用模块化 @import 配合 @layer 分层管理,main.css 仅作导入枢纽;JavaScript 使用 DOMContentLoaded 加 init 函数渐进增强。图标通过 <icon-wc> 组件使用,页面中需引入 /assets/js/components/icon-wc/icon-wc.js 与 /assets/js/main.js。500、offline、noscript 页使用内联 CSS,不依赖外部样式表;offline 页需注册到 service worker。图标资源可运行 npm run icons:sync 同步。

该文档未提供关于可访问性之外的浏览器兼容范围、构建工具或托管平台等信息,价格与收费方式暂未提供。实际使用时应按占位变量替换为真实站点信息,并完成 HTML 校验、错误页渲染测试及 security.txt 可访问性检查。