简洁的 GTOC 中英文单屏官网,使用原生 HTML / CSS / JavaScript 与 Vite 构建。
npm install
npm run devnpm run build
npm run preview构建产物为 dist/,可部署至静态网站托管服务。默认部署在域名根路径;子路径部署时设置 Vite 的 --base 参数。
- 线上首页:https://gevico.online/
- 中文:https://gevico.online/?lang=zh
- 英文:https://gevico.online/?lang=en
- 部署流程:
.github/workflows/deploy-pages.yml
主域名为 gevico.online,在 GitHub Pages 设置中绑定。GitHub Pages 使用 GitHub Actions 作为发布来源。推送到 main 或手动运行工作流后,使用 Node.js 24 和 npm ci 安装锁定依赖,构建并发布 dist/。构建阶段从 Pages 配置读取实际路径:当前自定义域名使用 /,切回默认项目地址时使用 /website/。域名变更后需要重新运行部署工作流。
本地复现项目路径下的生产构建:
npm ci
npm run build -- --base /website/
npm run preview -- --base /website/阿里云 DNS 解析配置(默认线路,TTL 使用默认值):
| 类型 | 主机记录 | 记录值 |
|---|---|---|
| A | @ | 185.199.108.153 |
| A | @ | 185.199.109.153 |
| A | @ | 185.199.110.153 |
| A | @ | 185.199.111.153 |
可选的 www 入口使用 CNAME 指向 gevico.github.io(不包含仓库路径)。只调整官网相关记录,保留论坛、训练营、邮件等其他记录。DNS 生效且 GitHub 证书签发完成后启用 Enforce HTTPS。自定义 Actions 部署不依赖 CNAME 文件。
配置依据:GitHub 自定义域名文档。
部署不需要额外配置密钥;工作流使用 GitHub 内置令牌,只有部署任务拥有 Pages 写入和身份令牌权限。
- 中文:
/?lang=zh - 英文:
/?lang=en - 顶部语言按钮即时切换,更新页面标题、描述、导航、正文和无障碍标签。
- URL 指定语言优先;未指定时读取上次选择,首次默认中文。禁用本地存储时仍可正常切换。
- 中文文案在
index.html,英文翻译在src/i18n.js。 - 中英文均使用透明 Logo 与单行「GEVICO」字标,不显示第二行小字。
- Slogan:格物致知,多维创新 / Explore the fundamentals. Innovate across dimensions.
页面只包含顶部导航、品牌首屏和简短页脚,不展示项目列表或额外内容区。
- QQ 群、Telegram、哔哩哔哩、微信公众号、博客及 GitHub 链接:
index.html - 图标与手机导航:
src/main.js - 蓝青背景光晕、响应式布局与减少动态效果支持:
src/style.css - 透明 Logo:
public/assets/gevico-logo-transparent.svg,仅从官方原图移除白色背景矩形,图形和配色保持不变。 - 官方原始 Logo:
public/assets/gevico-logo.svg
字体使用 Noto Sans SC,提供系统中文字体回退。核心页面和语言切换不依赖外部 API。
资料核对日期:2026-09-28。
- 社区:https://github.com/gevico
- 社区链接:https://github.com/gevico/.github/blob/main/profile/README.md
- 博客仓库:https://github.com/gevico/blogs
- Logo:https://github.com/gevico/logos/blob/main/v1/logo.svg
- Logo 许可:Apache-2.0,原始许可保存在
public/assets/LOGO-LICENSE - 背景原图:https://github.com/gevico/gtoc-forum/blob/main/asserts/head.png
- 视觉参考:https://forum.gevico.online/
哔哩哔哩链接为组织首页提供的社区主理人账号。微信链接保留文章专辑标识,去除会话和追踪参数。