Skip to main content

Welcome to Monochrome Edge Blog

Welcome to your new blog! This is a minimal, elegant technical blog built with Astro 5 and Monochrome Edge UI.

Features

This blog template comes with many powerful features out of the box:

Automatic Metadata Generation

  • Dates: Automatically extracted from Git history
  • Reading Time: Calculated from content
  • Table of Contents: Generated from headings
  • Backlinks: Automatically tracked between posts

Beautiful Design

The Monochrome Edge UI provides:

  • 🎨 Dual Themes: Warm and Cold themes
  • 🌓 Dark Mode: With system preference support
  • 📱 Responsive: Mobile-first design
  • Fast: Zero JavaScript by default

Developer Experience

  • 📝 Write in Markdown
  • 🔍 Fuzzy Search with Fuse.js
  • 🔗 Wiki-style Links with [[brackets]]
  • 📊 SEO Optimized with sitemap and RSS

Getting Started

To create a new blog post, simply add a markdown file to src/content/articles/:

---
title: "My First Post"
tags: [hello, world]
---

# Content goes here...
Markdown

That’s it! The date, reading time, and other metadata will be automatically generated.

Code Example

Here’s a simple TypeScript example:

interface BlogPost {
  title: string;
  date: Date;
  tags: string[];
}

function createPost(data: BlogPost) {
  console.log(\`Creating post: \${data.title}\`);
}
TypeScript

You can link to other posts using wiki-style links: Astro Tips and Tricks or regular markdown links: Astro Documentation

Conclusion

Enjoy your new blog! Start writing and the system will handle the rest.

Happy blogging! 🚀

Related Posts


References

Comments