Theme Guide

Configure Astro Narrow from a single tour: site setup, content model, and appearance.

#Guide#Astro

Astro Narrow is a content-first theme: one narrow column, a quiet color system mixed from a single seed, and Markdown that stays plain. Everything you can configure lives in a handful of typed files.

Terminal window
pnpm install
pnpm dev
pnpm build
FileWhat it controls
src/config/site.tsSite identity, navigation, home page, pagination, comments, analytics
src/config/i18n.tsLocales and their display names
src/config/theme.tsDefault theme and the color-picker recipe
src/content.config.tsFrontmatter fields for posts, projects, and pages
src/styles/tokens.cssPaper/ink axioms, seed recipe, type and space scales

This guide is itself a series: the folder’s index.md is the page you are reading, and the chapters below are sibling files. Open the table of contents to see the series spine — it lists every chapter and expands the current one.

Chapters

3 chapters
  1. 01Site and NavigationIdentity, header and footer links, home page sections, and pagination in site.ts.
  2. 02Content and SeriesPost frontmatter, folder-based series, project link cards, tags, and locales.
  3. 03AppearanceThe seed color system, the Dock's picker and sliders, and hard-coding your own theme.
License

CC BY-NC-SA 4.0 This work is licensed under a Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International License.

Related Posts