lywsvip/superpowers-zh
1
0
Fork 0
mirror of https://github.com/jnMetaCode/superpowers-zh.git synced 2026-09-03 07:23:56 +08:00
Code Issues Packages Projects Releases Wiki Activity
Files
d7dd3d2459e355f2ca2a0013e066cb5aa1d97840
superpowers-zh/site
History
AI不止语 d7dd3d2459 feat(site): 多语言架构 + 繁体（zh-Hant）站点 
把站点从写死 zh/en 重构为语言列表 LANGS 驱动，新增语言只需加一项
+ 写一个 T.<code> 对象即可 drop-in。首个新增语言：繁体中文。

- LANGS 配置化：首页生成、skill 详情页、语言切换器、hreflang、
  sitemap 全部按 LANGS 循环
- 语言切换器从二选一（中文↔EN）改为多语言链接
- render 分支由 `=== 'zh'` 改为 `=== 'en'`，非英文语言默认走中文内容
  （繁体 skill 卡片/正文用中文，仅外壳翻译，与 en 站策略一致）
- T.zht：手写繁体（台港自然用词：軟體/程式碼/專案/預設/除錯/計畫/
  全域/使用者/檔案 等；处理 發/後/裡/雲/麵 等一简对多繁），不引入
  OpenCC 依赖
- 收尾日志按语言数动态输出

日文暂缓：公开营销文案需母语审校，避免机翻上线砸品牌。

测试：构建 63 页（3 语言 × (首页+20 skill)）；en/zh 站零回归；
繁体 htmlLang=zh-Hant、skill 卡片用中文标题、语言切换/hreflang/
sitemap 三语言齐全。
2026-07-13 22:23:07 +08:00
..
template
chore: 下架赞助商展示，仅保留赞助联系方式
2026-07-13 20:36:59 +08:00
build.mjs
feat(site): 多语言架构 + 繁体（zh-Hant）站点
2026-07-13 22:23:07 +08:00
md.mjs
harden(site): 站点安全加固——严格 CSP + 安全响应头 + 链接 scheme 净化
2026-06-20 04:16:40 +08:00
README.md
docs(site): 部署文档域名更新为当前线上 sp.aiolaola.com
2026-07-13 20:36:59 +08:00

README.md

superpowers-zh 官网

零依赖静态站生成器。一条命令产出中/英双语站点 + 每个 skill 的详情（操作文档）页，内容全部来自 ../skills/*/SKILL.md，与源文件同步、不会漂移。

构建 / 预览

node site/build.mjs          # 生成 site/dist/（42 个页面）
npx serve site/dist          # 本地预览（或 python3 -m http.server）

产物结构：

dist/
  index.html              # 中文首页
  en/index.html           # 英文首页
  skills/<name>.html      # 中文 skill 详情（操作文档）× 20
  en/skills/<name>.html   # 英文 skill 详情 × 20
  styles.css  app.js      # 深/浅主题 + 交互（原生 JS，零依赖）
  assets/                 # 图标 + 公众号/抖音二维码
  _headers                # Cloudflare Pages 缓存策略

特性

  • 中英双语：服务端生成两套真实页面（非前端切换），SEO 友好、无闪烁。导航栏「中文 / EN」互切。
  • 深 / 浅主题：CSS 变量 + localStorage 记忆，内联脚本在首屏前生效，无白屏闪烁。导航栏 ◐ 按钮切换。
  • Skill 详情页：内置零依赖 Markdown 渲染器（md.mjs），把每个 SKILL.md 渲染成完整操作文档，支持标题/代码块/表格/列表/引用。
  • 安装命令生成器、Skill 搜索 / 分类筛选、一键复制 —— 全部原生 JS。

改内容改哪里

想改什么 改哪里
Skill 正文 / 文档内容 源头 skills/<name>/SKILL.md（改完重新 node site/build.mjs）
Skill 中/英标题、英文简介、分组 site/build.mjs 的 SKILL_META
首页所有文案（中/英） site/build.mjs 的 T.zh / T.en
支持工具 / 安装命令 site/build.mjs 的 TOOLS（与 bin/superpowers-zh.js 的 TARGETS 对齐）
样式 / 主题 site/template/styles.css
交互逻辑 site/template/app.js
Markdown 渲染规则 site/md.mjs

部署到 Cloudflare Pages

发布目录 site/dist，三选一：

方式 A — 连接仓库自动构建（推荐，无需密钥）

Cloudflare Dashboard → Pages → 连接 GitHub 仓库 jnMetaCode/superpowers-zh：

  • Build command：node site/build.mjs
  • Build output directory：site/dist

之后每次 push 自动重建发布。绑自定义域名（当前线上：sp.aiolaola.com）。

方式 B — 命令行一键发布

npx wrangler login                  # 浏览器登录（交互，仅首次）
npm run site:deploy                 # = 构建 + wrangler pages deploy site/dist

在本会话中可用 ! 前缀直接登录：!npx wrangler login

方式 C — GitHub Actions 自动部署

仓库已含 .github/workflows/deploy-site.yml。在 Settings → Secrets and variables → Actions 配置：

  • CLOUDFLARE_API_TOKEN（Pages 编辑权限）
  • CLOUDFLARE_ACCOUNT_ID

之后 site/ 或 skills/ 变更 push 到 main 即自动部署。

国内访问优先用 Cloudflare Pages + 自定义域名；GitHub Pages 在国内访问较慢，不建议作为主站。

Reference in New Issue View Git Blame Copy Permalink