Example MDX Blog Post
Demonstrating All Features

Standard markdown works seamlessly. You can use bold text, italic text, and inline code.

Lists

• First item with details
• Second item with more context
• Third item wrapping up

Numbered Lists

1. Step one of the process
2. Step two continues here
3. Final step completes

Links and Emphasis

Visit the BreachLogic Academy to learn more about security research.

Blockquotes work too! Use them for important callouts or quotes from sources.

Images can be added using standard markdown syntax:

Cybersecurity concept - digital lock and network

Image Gallery

Use the ImageGallery component for a responsive grid with lightbox support. Click any image to view full size:

Security operations center

Matrix-style data visualization

Code on computer screen

Server room with blue lighting

Hacker in dark room

Network cables and connections

Embed YouTube videos using the YouTube component. Just pass the video ID:

DEFCON Talk Example

Usage

<YouTube id="VIDEO_ID" title="Optional title" />

The component automatically:

• Maintains 16:9 aspect ratio
• Responsive on all screen sizes
• Styled to match the blog theme

Fenced code blocks with syntax highlighting:

// Example JavaScript code
function analyzePayload(input) {
  const decoded = atob(input);
  const pattern = /malicious|suspicious/gi;
  return pattern.test(decoded);
}

Or use the CodeBlock component directly for more control:

# Python example
import hashlib

def hash_indicator(ioc: str) -> str:
  """Generate SHA256 hash of an indicator."""
  return hashlib.sha256(ioc.encode()).hexdigest()

Callout Variants

Badges

Use badges inline: CVE-2025-1234 or MALWARE or Patched