Vending Mocha

How to Customize Vending Mocha 🎨

January 03, 2024

Customization Guide

So you've cloned Vending Mocha. What's next? Here is a quick guide to making it your own.

1. Update Configuration

Open src/site.config.ts and update the following:

  • title: Your name or site title.
  • description: A short bio or site description.
  • url: Your website URL (used for SEO).
  • theme: Customize colors for light and dark modes.
export const siteConfig = {
    title: "My Awesome Blog",
    // ...
}

2. Add Your Projects

Add new .md files with frontmatter to /projects/ to add your projects.

---
title: "My Project"
description: "What is it?"
link: "https://github.com/..."
status: "active" // active, dead, inactive
weight: 5 // higher weight projects are displayed first
---

3. Write Posts

Just add new .md files to /posts/. The filename becomes the slug (e.g., /posts/my-post.md -> /post/my-post).

That's it! You're ready to deploy. 🚀