4 distinct themes. Fully customizable.
title: "My Blog" description: "Thoughts on code and life" theme: "pixel" # Try: light, dark, ghibli, pixel show_toc: true show_repo_link: true analytics: google: "G-XXXXXXXXXX"
This is a paragraph with bold text, italic text, and inline code. The text should be readable and well-spaced.
function greet(name) {
return `Hello, ${name}!`;
}
const message = greet('World');
console.log(message);"The best way to predict the future is to create it."
| Feature | Light | Dark |
|---|---|---|
| Background | White | Black |
| Font | Sans-serif | Monospace |
| Style | Clean | Developer |
This is how your blog post preview looks. Clean, modern, and easy to read. The card design follows a consistent visual hierarchy with proper spacing and typography.
How to create consistent, scalable design systems that work across multiple themes and platforms.
Deep dive into CSS variables and theme switching strategies for modern web applications.
Best practices for writing clean, readable markdown content for your blog.
Techniques for improving your blog loading speed and user experience.
Content above the divider
Content below the divider
Switch between themes to see how your content looks.