capzk

capzk

流体般的阅读体验:卡片式首页、全屏 banner、暗色模式、跟随滚动的目录。

关于这个主题

这是 Flux ——astro-theme-flux,一套 Material Design 风格的 Astro 博客主题。 设计概念与视觉语言迁移自hexo-theme-fluid:卡片与阴影、全屏 banner、大留白的阅读区、跟随滚动的目录、深色模式。

和原版相比,技术栈换了一整套,依赖却少了很多:

  • 不依赖 jQuery、tocbot、clipboard.js、nprogress、fancybox
  • 不依赖 CDN 上的 Bootstrap 与 iconfont(栅格自己写、图标是内联 SVG)
  • 代码高亮从 highlight.js 换成构建期的 Shiki,两侧主题随深浅色切换
  • 样式从 Stylus 编译改为手写 CSS(一份文件、用 CSS 变量分亮暗两套)

保留了哪些

首页卡片流、文章页版式、归档时间线、分类与标签、友链、关于、站内搜索、目录跟随、 代码块工具栏、返回顶部、移动端菜单 —— 这些是让观感对齐原版的部分,都在。

去掉了哪些

评论系统(十几种第三方服务)、浏览量统计、文章加密、数学公式与流程图、 打字机副标题、多语言包(先内置中文)。 它们要么是外部服务依赖,要么需要额外的运行时库,与「静态、零依赖」的目标冲突。 图片缩放没有砍掉,但换掉了 fancybox —— 自己写了一个几十行的灯箱。