Tailor your blog to your needs

Theme Configuration Guide

@ Configuration

Configuring your blog is the first step toward making it your own. Dong Blog uses a combination of configuration files and Astro’s built-in features to give you full control.

Global Configuration

Most of your blog’s settings are located in src/content/website/. You’ll find separate JSON files for each language (e.g., en/config.json).

Brand Identity

You can update your brand details in the brand section:

"brand": {
  "name": "Dong Blog",
  "slogan": "A modern blog theme for Astro",
  "description": "...",
  "themeColor": "#3b82f6",
}
Dong Blog Logomark
Customize your brand assets

Navigation links can be configured in the same config file under the navigation array. Each item supports an icon name from Iconify🔗.

Styling with Tailwind

The entire theme is styled with Tailwind CSS. You can modify tailwind.config.ts to change the color palette, typography, and other design tokens.

tailwind.config.ts
export default {
  theme: {
    extend: {
      colors: {
        primary: '#3b82f6',
      },
    },
  },
}

i18n Configuration

We use a custom i18n solution. Check src/i18n/i18n.ts and src/utils/i18n.ts to manage your supported languages and routing preferences.