Skip to main content

Amytis is an elegant, open-source framework for building a personal digital garden — a knowledge space where ideas grow and connect over time. Unlike a traditional blog, a digital garden is a living network of writing at various stages of development: rough notes, refined essays, and everything in between.

This site is a live demo. Everything you see — posts, series, books, flow notes, the knowledge graph, and full-text search — is powered by the framework.

View the source on GitHub →

The Knowledge Ladder

Amytis is built around a simple observation: knowledge doesn't arrive fully formed. Ideas follow a natural path from rough to refined:

Flow — Capture raw thoughts as they happen. Daily notes, fragments, and fleeting observations. The seeds of everything.

Articles — Refine a single idea into a clear, shareable essay. One thought, fully articulated.

Series — Gather related articles into a curated collection with a shared thread. A broader argument, explored across multiple pieces.

Books — Organize mature knowledge into a structured volume with chapters and parts. The most distilled form of an idea.

Each stage builds on the last. The garden grows.

Features

  • Articles & Series — Long-form writing organized into curated, numbered collections
  • Books — Multi-chapter content with part grouping and chapter navigation
  • Flow Notes — Daily notes with calendar sidebar, year/month browsing, and tag filtering
  • Knowledge Base — Atomic notes with [[wikilink]] support and a backlinks panel
  • Knowledge Graph — D3 force graph visualizing connections across all content
  • Full-text Search — Powered by Pagefind, with type filters, recent searches, and keyboard navigation
  • Table of Contents — Sticky TOC with scroll-aware reading progress
  • Multi-language (i18n) — Built-in English and Chinese, easily extendable
  • Themes — Four color palettes: Default, Blue, Rose, and Amber
  • Comments — Giscus or Disqus integration
  • Analytics — Umami, Plausible, or Google Analytics
  • RSS Feed — Automatically generated from your content

Technology Stack

  • Next.js 15+ — App Router, static export, generateStaticParams
  • React 19 — Server Components, React Compiler-compatible
  • Tailwind CSS v4 — CSS variables, theme design tokens
  • MDX — Markdown with React components, remark/rehype plugin pipeline
  • Bun — Fast package manager and runtime
  • Pagefind — Static full-text search, no server required
  • D3.js — Knowledge graph visualization
  • KaTeX — LaTeX math rendering

Design Philosophy

Elegance by default. The typography, spacing, and color system are carefully considered. A fresh Amytis install already looks beautiful — because a garden should be a pleasure to walk through.

Content over configuration. Drop an MDX file into content/posts/ and it becomes a post. Series, books, notes, and flows follow the same pattern — no database, no CMS, no build-time magic beyond what Next.js provides natively.

Markdown-first, but not Markdown-limited. All content is authored in Markdown or MDX — familiar, portable, writable in any editor. Amytis extends the format with syntax highlighting, LaTeX math, Mermaid diagrams, [[wikilinks]], auto-generated tables of contents, and smart excerpts. The writing surface stays simple; the rendered output becomes rich.

Ship what you need, nothing more. Every feature can be disabled in site.config.ts. No books section? No knowledge graph? They simply don't render or generate routes.

Plain text, forever. All content lives as Markdown or MDX files — version-controlled, portable, and editor-agnostic. Your writing belongs to you.

Get Started

bash
git clone https://github.com/hutusi/amytis my-garden cd my-garden bun install bun dev

Edit site.config.ts to set your title, navigation, and features. Add content to content/posts/. Visit the GitHub repository for full documentation and configuration reference.

Amytis 是一个优雅的开源数字花园框架,用于构建个人知识空间。数字花园不同于传统博客——它是一个随时间生长与关联的写作网络,涵盖各个成熟阶段:粗糙的笔记、精炼的文章,以及两者之间的一切。

本站是 Amytis 的在线演示。你所看到的一切——文章、系列、书籍、随笔、知识图谱和全文搜索——均由该框架驱动。

在 GitHub 上查看源码 →

知识的阶梯

Amytis 的核心是一个简单的观察:知识不会凭空成型,而是沿着一条从粗糙到精炼的自然路径演化:

随笔(Flow) — 随时记录涌现的想法。每日笔记、碎片、一闪而过的观察。这是一切的种子。

文章(Articles) — 将单一想法提炼为清晰、可分享的文章。一个思考,完整呈现。

系列(Series) — 将相关文章整理为有共同主线的精选合集。一个更宏观的论题,通过多篇文章共同探索。

书籍(Books) — 将成熟的知识组织为结构化的卷册,设有章节与部分。是想法最终蒸馏后的形态。

每一阶段都在上一阶段的基础上生长。花园,就这样繁茂起来。

功能特性

  • 文章与系列 — 长篇写作,整理为有序的精选合集
  • 书籍 — 多章节内容,支持章节分组与导航
  • 随笔 — 日常笔记,含日历侧边栏、年月浏览和标签筛选
  • 知识库 — 原子笔记,支持 [[双向链接]] 和反向链接面板
  • 知识图谱 — 基于 D3 的力导向图,可视化所有内容的连接关系
  • 全文搜索 — 由 Pagefind 驱动,支持类型过滤、最近搜索和键盘导航
  • 目录导航 — 滚动感知的阅读进度指示器
  • 多语言(i18n) — 内置中英文支持,易于扩展
  • 主题色 — 四种配色方案:默认、蓝色、玫瑰、琥珀
  • 评论系统 — 支持 Giscus 或 Disqus
  • 数据统计 — 支持 Umami、Plausible 或 Google Analytics
  • RSS 订阅 — 根据内容自动生成

技术栈

  • Next.js 15+ — App Router、静态导出、generateStaticParams
  • React 19 — Server Components,兼容 React Compiler
  • Tailwind CSS v4 — CSS 变量,主题设计令牌
  • MDX — 支持 React 组件的 Markdown,remark/rehype 插件链路
  • Bun — 高速包管理器与运行时
  • Pagefind — 静态全文搜索,无需服务端
  • D3.js — 知识图谱可视化
  • KaTeX — LaTeX 数学公式渲染

设计理念

优雅,开箱即用。 字体排版、间距和色彩系统经过精心打磨。一个全新的 Amytis 站点天然美观——因为花园本应是令人愉悦的地方。

内容优先,配置从简。 将 MDX 文件放入 content/posts/ 即成为文章。系列、书籍、笔记和随笔遵循同样的模式——无需数据库、无需 CMS、无需超出 Next.js 原生能力的构建魔法。

Markdown 优先,但不止于 Markdown。 所有内容以 Markdown 或 MDX 编写——熟悉、可迁移、随处可写。Amytis 在此基础上扩展了语法高亮、LaTeX 数学公式、Mermaid 图表、[[双向链接]],以及自动生成的目录和摘要。写作界面保持简洁,渲染结果却丰富而强大。

按需取用,不多不少。 所有功能均可在 site.config.ts 中关闭。不需要书籍?不需要知识图谱?它们将不会渲染,也不会生成路由。

纯文本,永久可用。 所有内容以 Markdown 或 MDX 文件存储——可版本控制、可迁移、编辑器无关。你的写作属于你。

快速开始

bash
git clone https://github.com/hutusi/amytis my-garden cd my-garden bun install bun dev

编辑 site.config.ts 设置标题、导航和功能开关,将内容添加到 content/posts/。访问 GitHub 仓库 获取完整文档和配置说明。