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