This post demonstrates all the new features we just added to the site!

Syntax Highlighting

Here's some JavaScript code with syntax highlighting:

function greet(name) {
  console.log(`Hello, ${name}!`);
  return true;
}

greet("World");

And here's some CSS:

.button {
  background-color: #007bff;
  color: white;
  padding: 10px 20px;
  border-radius: 5px;
}

Callout Boxes

💡
**Pro Tip:** Use callout boxes to highlight important information in your posts!
ℹī¸
This is an info box. Use it for general information or helpful notes.
⚠ī¸
**Warning:** Be careful when running commands that modify your system. Always backup your data first!
📝
**Note:** You can also use note boxes for additional context or explanations.

Code Features

All code blocks now have:

  • Syntax highlighting with color-coded tokens
  • Language labels in the top-right corner
  • Copy buttons to easily copy code to clipboard
  • Line numbers (when using specific plugins)

Date Format

Notice the date at the top of this post is now in US format: MM/DD/YYYY

Drafts

You can mark posts as drafts by adding draft: true to the front matter. They'll show in development but be hidden in production builds.

Pagination

When you have more than 10 posts, they'll automatically paginate with:

  • Previous/Next navigation
  • Page numbers
  • Current page indicator

Sitemap

The site now automatically generates a sitemap.xml file for search engines!

Try these features out in your own posts!