跳到正文

ethanchang.io

你正在体验的这个超媒体容器The hypermedia container you are in

  • Astro
  • Svelte
  • GSAP
  • Tailwind
  • Cloudflare

这个网站本身就是一件作品——不是列表里的又一张卡片,而是展示所有实验的容器:把文字、演示、规则玩具和软件级交互组织在同一套媒介引擎里。

它不是博客:文章只是它承载的媒介档位之一。它更像一个可以持续加功能的软件产品。

技术架构

  • 框架:Astro 5(islands 架构 + MDX 内容集合)
  • 交互岛屿:Svelte 5(runes)
  • 滚动叙事:GSAP ScrollTrigger
  • 样式:Tailwind CSS v4 设计 token
  • 部署:Cloudflare Pages,未来将由 Workers + D1 承载账户与个性化能力

想知道它是怎么工作的?到 /lab 看全部媒介组件的现场演示。

This site is a work of its own — not another card in a list, but the container that shows the experiments: prose, demos, rule toys, and software-grade interaction in one media engine.

It is not a blog. An article is only one of the media levels it can carry. It is closer to a software product that keeps gaining features.

Architecture

  • Framework: Astro 5 (islands + MDX collections)
  • Interactive islands: Svelte 5 (runes)
  • Scroll narrative: GSAP ScrollTrigger
  • Style: Tailwind CSS v4 design tokens
  • Deploy: Cloudflare Pages; accounts and personalization will later sit on Workers + D1

Want the mechanism? The live demo of every media component is on /lab.