跳到主要内容
匣方艺创Xia Fundery
软件开发已发布

XiaFundery · 匣方艺创官网

本项目(XiaFundery)本身即工作室的官网:基于 Astro 7 + Tailwind v4 + GSAP 构建,内容由 Content Collections 统一管理,并提供构建期 GitHub 贡献统计。

XiaFundery · 匣方艺创官网 项目封面

Contributions

成员贡献

基于 GitHub 提交记录自动统计,按成员 GitHub 账号归属。 · https://github.com/Yunease/XiaFundery

暂无统计数据。GitHub 接口限流:请设置 GITHUB_TOKEN 或稍后再试

项目定位

XiaFundery 是独立工作室「匣方艺创 / Xia Fundery」的官方静态站点,用于集中展示工作室的软件与开源工具、游戏与交互体验、AI 应用以及学术研究内容。你正在浏览的站点正是它。

技术架构

  • 框架:Astro 7(SSG)+ TypeScript + Tailwind CSS v4;
  • 动效:GSAP(时间线与滚动揭示)+ Astro 原生 View Transitions(<ClientRouter />)负责页面转场;
  • 图标:lucide 图标;
  • 内容管理:项目与研究成果均为 Astro Content Collections 下的纯 Markdown(src/content/),成员集中在 src/config/members.ts;
  • 贡献统计:scripts/fetch-contributions.mjs 在构建期抓取各项目的 GitHub 提交记录,生成 contributions.json,项目详情页据此渲染成员贡献柱状图。

页面与路由

首页(Hero / 理念 / 精选项目 / 研究预览 / 团队预览)、关于、项目列表与详情、研究列表与详情、团队列表与详情、统一 404。

视觉系统

设计 Token 集中在 src/styles/global.css 的 @theme 中:深海军蓝(ink)、暖白(paper)、琥珀强调色(accent)、中性灰(mist);字体为 Space Grotesk(英文展示 / 标题)、JetBrains Mono(标签 / 元信息 / 代码)与系统 CJK 字体(中文正文)。页面采用「暖白底 + 深蓝强调」的编辑式排版,首页首屏为深色 Hero。

动效原则

采用 Astro 原生 View Transitions 而非 Swup,配合 GSAP 负责入场时间线与滚动揭示,并在每次页面加载时创建 / 清理动画上下文以避免泄漏;尊重 prefers-reduced-motion,无 JS 时内容始终可见。

构建与部署

产物为纯静态 dist/,可部署到 Cloudflare Pages / Netlify / Vercel 等任意静态托管;SITE_URL 环境变量用于覆盖占位域名。