Back to themes

LogFlow Theme

内容优先的 Astro 博客主题:像素流体背景、无缝换页、即时搜索、Markdown/MDX、明暗双主题与多维归档。 A content-first Astro blog theme with a WebGL pixel fluid background, seamless page transitions, instant static search, Markdown/MDX, dark/light mode, and multi-dimensional archives.


Cost

Free


Created by
Kevyn
LogFlow Theme 是一个紧凑、内容优先的 Astro 博客主题,为写作、个人站点与技术文档而设计,中文排版开箱即用。

核心功能:

  • 🌌 像素流体背景:全站零依赖 WebGL 动画,跟随明暗主题配色,支持 prefers-reduced-motion,无 WebGL 环境自动降级
  • ⚡ 无缝换页:ClientRouter 页面过渡与链接预加载,背景动画跨页持续播放
  • 🔍 即时静态搜索:索引构建时生成,覆盖标题、摘要与标签,Ctrl / ⌘ + K 或 / 唤起,无需服务端
  • 📝 Markdown / MDX:Shiki 代码高亮、一键复制、可选文章头图
  • 🗂️ 多维内容浏览:专题、标签、年份归档,以及友链页与关于页
  • 🌓 明暗双主题:跟随系统偏好,手动切换跨页保持
  • ✍️ 中文排版就绪:系统无衬线字体栈搭配等宽代码栈,零字体文件依赖
  • 💬 可选评论与贡献图:Giscus 评论、GitHub 贡献热力图
  • 🚀 一键部署:内置 GitHub Actions,推送到 main 即发布 GitHub Pages
  • 📱 响应式与无障碍:移动端导航、键盘焦点样式,自动生成 RSS、sitemap 与 Open Graph


LogFlow Theme is a compact, content-first Astro blog theme for writing, personal sites, and technical documentation, tuned for Chinese typography out of the box.

Key Features:

  • 🌌 Pixel Fluid Background: a zero-dependency WebGL animation across the whole site, following the light/dark palette, with prefers-reduced-motion support and a graceful no-WebGL fallback
  • ⚡ Seamless Page Transitions: ClientRouter navigation with link prefetch; the background animation persists across pages
  • 🔍 Instant Static Search: the index is generated at build time from titles, descriptions, and tags; open with Ctr l/ ⌘ + K or /, with no server or third-party service required
  • 📝 Markdown / MDX: Shiki syntax highlighting, one-click code copy, optional hero images
  • 🗂️ Multi-Dimensional Browsing: collections, tags, and year archives, plus a friend links page and an About page
  • 🌓 Dark & Light Mode: follows system preference: the manual choice persists across navigation
  • ✍️ Chinese Typography Ready: a system sans stack with a dedicated mono stack for code, so there are no font files to ship
  • 💬 Optional Comments & Contribution Graph: Giscus comments and a GitHub contribution heatmap
  • 🚀 One-Click Deploy: a built-in GitHub Actions workflow publishes to GitHub Pages on push to main
  • 📱 Responsive & Accessible: mobile navigation and keyboard focus styles, with RSS, sitemap, and Open Graph generated automatically