关于天师府
欢迎来到 天师府。这是一个基于 Material 3 Expressive(M3E) 设计体系、充满动漫氛围的个人博客。
✦ 设计理念
天师府希望将动漫美学的温度与现代 Web 工程的严谨结合起来:
- 动态配色:基于 HCT 生成完整配色方案,随明暗模式和访客偏好变化,同时保持页面布局稳定。
- 流畅导航:使用 Swup 保持页面外壳持续运行,让音乐播放、页面切换和状态保留更加连贯。
- 丰富的写作能力:支持 Markdown、MDX、KaTeX 数学公式、Mermaid 图表、提示块、代码高亮和自适应图片画廊。
- 按需加载:评论、统计和音乐等可选功能只在启用时加载,关闭后不会增加页面元素或资源体积。
✦ 技术栈
- 框架:Astro 7 与 Svelte 5(基于 Runes 的交互组件)
- 样式:Tailwind CSS 4 与 Stylus
- 设计规范:Material 3 Expressive
- 字体:Outfit 与 Yozai(悠哉圆体),构建时自动裁剪字形
- 站内搜索:Pagefind 离线全文搜索
✦ 致谢
- 字体:Yozai Font(悠哉字体),作者 lxgw