Configuration

Customize every aspect of your blog through configuration files.

Configuration Files

All configuration lives in src/config/:

src/config/
├── locales/          # Language-specific configs
│   ├── en/          # English
│   └── zh-CN/       # Chinese
├── site.ts           # Site metadata
├── menu.ts           # Navigation menu
├── sidebar.ts        # Sidebar settings
├── footer.ts         # Footer content
└── social.ts         # Social links

Configuration Guides

Guide	Description
Site Settings	Title, description, author info
Sidebar	Navigation and document trees
Multi-language	Add multiple language support

Quick Overview

Site Configuration

// src/config/site.ts
export const siteConfig = {
  title: 'My Blog',
  description: 'A tech blog',
  author: 'Your Name',
  avatar: '/images/avatar.jpg',
};

Navigation Menu

// src/config/locales/en/menu.ts
export const menu = [
  { name: 'Home', href: '/', icon: 'home' },
  { name: 'Posts', href: '/posts', icon: 'posts' },
  { name: 'About', href: '/about', icon: 'about' },
];

Multi-language

// astro.config.mjs
const i18nConfig = defineI18nConfig({
  defaultLocale: 'en',
  locales: [
    { code: 'en', name: 'English' },
    { code: 'zh-CN', name: '中文' },
  ],
  localeConfigs: {
    'en': enConfig,
    'zh-CN': zhCNConfig,
  },
});

---

Start with Site Settings!