Markdown Blog

A modern blog system built with Next.js, Markdown, and Electron for cross-platform support.

Features

Write blog posts in Markdown
Responsive web design
Desktop application support via Electron
Mobile-friendly interface
Tag-based organization
Clean and modern UI

Getting Started

Prerequisites

Node.js 18+ and npm

Installation

Clone the repository:

git clone <repository-url>
cd markdownblog

Install dependencies:

npm install

Start the development server:

npm run dev

For desktop development:

npm run electron-dev

Writing Posts

Create new blog posts by adding Markdown files to the posts/ directory. Each post should include frontmatter with the following fields:

---
title: "Your Post Title"
date: "YYYY-MM-DD"
tags: ["tag1", "tag2"]
summary: "A brief summary of your post"
---

Your post content here...

Building for Production

Build the web version:

npm run build

Build the desktop version:

npm run electron-build

Project Structure

markdownblog/
├── posts/           # Markdown blog posts
├── src/
│   ├── app/        # Next.js app directory
│   └── lib/        # Utility functions
├── electron/       # Desktop app code
└── public/         # Static assets

Technologies Used

Next.js 14
TypeScript
Tailwind CSS
Electron
Markdown (remark)
date-fns

License

MIT

1.5 KiB Raw Blame History