Welcome to Instant Blog! 🚀

This is your very first blog post. It is written in pure Markdown and rendered dynamically into a gorgeous, high-performance static page.

Key Features of the Blog

Here’s why writing in Markdown with instant-blog is amazing:

• Instant Load Speeds: Powered by Astro 6, Svelte 5, and TailwindCSS v4.
• Custom Branding: Define your fonts, vibe, and colors in blog.yaml and watch them propagate instantly across all pages.
• Zero Configuration for New Pages: Simply drop an .md file into the posts/ folder and it automatically builds a new route!
• Rich Media & Tables: Tables, images, blocks of code, and blockquotes are automatically styled with premium typography.

Responsive Code Blocks

Here is a simple JavaScript snippet showing how easily syntax highlighting works out of the box:

// astro.config.mjs helper
import { defineConfig } from 'astro/config';
import svelte from '@astrojs/svelte';
import tailwind from '@tailwindcss/vite';

export default defineConfig({
  integrations: [svelte()],
  vite: {
    plugins: [tailwind()]
  }
});

Structured Tables

You can format your datasets using standard Markdown tables, and they will look elegant and scale nicely on mobile:

Feature	YAML Generator	Markdown Pages
Styling Customization	✅ blog.yaml	❌ Content-only
Routing	❌ Hardcoded schema	✅ File-system based (posts/*.md)
Complexity	Low	High (Rich Text, code, lists)

“The details are not the details. They make the design.” — Charles Eames

Feel free to customize this post or add more markdown files to build your custom blog!