markdown syntax and formatting test

This post serves as a visual and functional test for advanced Markdown features, HTML elements, and code formatting in this blog.

Rich text formatting

You can use bold text, italic text, strikethrough, and inline code like const x = 42. You can also combine them like bold italic or linked code().

Collapsible details

type PerformanceMetric = {
  latencyP99: number;
  throughput: number;
};

Multi-language code blocks

Here is a TypeScript snippet with full Shiki syntax highlighting:

interface UserSession {
  id: string;
  role: 'admin' | 'user' | 'guest';
  metadata?: Record<string, unknown>;
}

export async function authenticate(token: string): Promise<UserSession> {
  const payload = await verifyJwtToken(token);
  return {
    id: payload.sub,
    role: payload.role ?? 'guest',
  };
}

And here is a Rust snippet showing type annotations and pattern matching:

#[derive(Debug, Clone)]
pub enum PipelineStatus {
    Idle,
    Running { progress: f32 },
    Completed { duration_ms: u64 },
    Failed(String),
}

pub fn evaluate_status(status: &PipelineStatus) -> &'static str {
    match status {
        PipelineStatus::Idle => "waiting",
        PipelineStatus::Running { .. } => "in progress",
        PipelineStatus::Completed { .. } => "done",
        PipelineStatus::Failed(_) => "error",
    }
}

Tables and structured data

Custom blockquotes and callouts

Architecture is about the important stuff. Whatever that is.

— Ralph Johnson

Note: Markdown also supports HTML embeds like <video> with custom poster images or responsive iframe wrappers.

Media element test

Below is a test image with zoom enabled (click to enlarge):

Everything above renders natively through Astro’s Markdown pipeline.