README_en.md

Markdown Tutorial

A comprehensive Markdown tutorial with bilingual support.

View Online Tutorial

Features

• 🎨 Claude Design — Anthropic's official design system
• 🌙 Dark Mode — System-aware or manual toggle
• 🇨🇳🇺🇸 Bilingual — Switch between Chinese and English
• 💬 Comments — Giscus powered by GitHub Discussions

Tech Stack

• Framework: Astro
• Styling: Tailwind CSS
• Design: Claude (Anthropic)

Getting Started

# Install dependencies
npm install

# Start dev server
npm run dev

# Build for production
npm run build

Project Structure

src/
├── pages/
│   ├── index.astro          # Chinese homepage
│   ├── en/                  # English pages
│   ├── basic/               # Basic syntax
│   └── extended/            # Extended syntax
├── components/              # Components
├── layouts/                 # Layouts
├── styles/                  # Styles
└── i18n/                    # Internationalization

Content

Basic Syntax

• Headings
• Paragraphs
• Line Breaks
• Emphasis
• Blockquotes
• Lists
• Code
• Links
• Images
• Escaping Characters

Extended Syntax

• Tables
• Fenced Code Blocks
• Task Lists
• Strikethrough

License

MIT