Dorufoc.github.io

Dorufoc 的个人主页 —— 本地优先的 AI 学习平台作者。

纯静态网站：HTML + CSS + JS，无构建步骤，可部署到 GitHub Pages。

本地预览

不要直接双击 index.html（file:// 协议）打开 —— 浏览器会把 file: URL 视为独立安全源， 控制台会出现 Unsafe attempt to load URL ... 'file:' URLs are treated as unique security origins 警告， 且浏览器扩展注入的 frame 会被拦截。请用本地静态服务器（http://）访问：

Windows 一键启动（推荐）：

start-server.bat

或 PowerShell：

./start-server.ps1

或手动：

python -m http.server 8000 --bind 127.0.0.1

然后浏览器打开 http://127.0.0.1:8000。

技术栈

• 翡翠渐变设计系统（#44A08D → #093637），深色 / 浅色双主题（跟随系统 + 手动切换）
• 衬线标题 Fraunces / Noto Serif SC，正文 Instrument Sans / Noto Sans SC
• GSAP + ScrollTrigger（CDN）Apple 式滚动动画
• 项目数据实时来自 GitHub API（带 30 分钟 localStorage 缓存与降级兜底）

目录

index.html          页面结构
assets/css/style.css  设计系统与样式
assets/js/api.js    GitHub API 数据层
assets/js/main.js   动画 / 交互 / 渲染逻辑
start-server.bat    本地预览启动脚本（Windows）
start-server.ps1    本地预览启动脚本（PowerShell）