mdblog-svelte Svelte Themes

Mdblog Svelte

Turing - A Markdown Blog using SvelteKit

A minimalist, feature-rich blog platform built with SvelteKit that renders content from Markdown files.

Features

  • šŸ“ Markdown-based content with code syntax highlighting via Shiki
  • šŸ”„ RSS feed support
  • šŸ” Category-based post filtering
  • šŸŒ“ Light/Dark theme toggle
  • šŸš€ Fast and responsive design
  • šŸ“± Mobile-friendly interface
  • šŸ“– Table of Contents generation for posts

Screenshots

Post View

Rust Post Example

RSS Feed

Project Structure

.
ā”œā”€ā”€ assets              # Project screenshots/assets
ā”œā”€ā”€ src
ā”‚   ā”œā”€ā”€ lib             # Shared utilities and components
ā”‚   ā”œā”€ā”€ posts           # Markdown blog posts
ā”‚   ā”œā”€ā”€ routes          # SvelteKit routes (pages and API endpoints)
ā”‚   ā””ā”€ā”€ app.css         # Global styles
ā””ā”€ā”€ static              # Static assets served as-is

Technology Stack

  • Framework: SvelteKit
  • Markdown Processing: MDsveX
  • Syntax Highlighting: Shiki
  • Styling: Open Props
  • Icons: Lucide Svelte
  • Fonts: Fira Code & Roboto

Getting Started

Prerequisites

  • Node.js (v16+)
  • PNPM (v10+)

Installation

  1. Clone this repository

    git clone https://github.com/yourusername/turing-blog.git
    cd turing-blog
    
  2. Install dependencies

    pnpm install
    
  3. Start the development server

    pnpm dev
    
  4. Open your browser and navigate to http://localhost:5173

Adding New Posts

Create a new Markdown file in the src/posts directory:

---
title: My New Post
description: A brief description of the post
date: '2025-04-08'
categories:
  - tutorial
  - javascript
published: true
---

# Table of Contents

## Introduction

Your content here...

## Code Example

```js
console.log('Hello, world!');

Building for Production

pnpm build

The build output will be in the .svelte-kit/output directory.

Preview Production Build

pnpm preview

Configuration

The blog can be configured by editing the src/lib/config.ts file:

export const title = "Turing";
export const description = "A blog for programmers in Sveltekit";
export const url = dev ? "http://127.0.0.1:5173" : "your-production-url.com";

Deployment

This project can be deployed to any platform that supports SvelteKit, such as:

  • Vercel
  • Netlify
  • Cloudflare Pages
  • Any static hosting service

License

This project is licensed under the MIT License - see the LICENSE file for details.

Acknowledgements

Top categories

Loading Svelte Themes