NuxtVueBlog

Vardar-Nuxt-Blog — Nuxt Blog Template

By hanyujie2002

A personal blog template based on Nuxt Content and Tailwind CSS that manages posts as Markdown files and supports RSS, Mermaid, KaTeX, and i18n.

Explore the design

Compare the page layouts and mobile experience. Open any screenshot for a closer look.

1 previews
Author preview
Author-provided preview

Preview provided in the project README.

One original preview is available. Open the full image to inspect the design.

Screenshots show visual appearance; interactive behavior may differ.

Recorded 2026-10-03View source

What stands out

A quick read of the recorded project description.

01

Publish posts by placing Markdown files in the /content/blog directory

02

Switch theme colors by modifying themeColor in tailwind.config.js, with multiple preset colors available

03

Built-in RSS feed output at /feed.xml

04

Supports Mermaid diagrams and KaTeX math formula rendering

05

Supports GFM Markdown and i18n multilingual

Template Details

Vardar-Nuxt-Blog is a personal blog template built on Nuxt Content and Tailwind CSS. Posts are stored as Markdown files in the /content/blog directory; adding a new post only requires placing a .md file there, with no additional data source configuration.

For content presentation, the template supports GFM Markdown, Mermaid diagrams, and KaTeX math formulas, and provides i18n multilingual support; it also outputs an RSS feed via /feed.xml. The theme color can be switched in tailwind.config.js under themeColor, with available values including zinc, gray, red, orange, amber, yellow, lime, green, emerald, teal, cyan, sky, blue, indigo, violet, purple, fuchsia, pink, and rose.

Usage relies on pnpm to install dependencies and run the development server; production deployment is started by building and then executing .output/server/index.mjs, and the README also provides a Vercel deployment entry. The repository uses the MIT license, allowing free use, modification, commercial use, and distribution of the code, but third-party assets such as demo images, fonts, and icons require separate license verification, and external services such as domains and hosting may incur additional charges.

NuxtBlog

Is it right for your project?

Use Cases

  • Building a personal blog with Markdown writing
  • Blog sites requiring RSS subscription and multilingual support
  • Writing scenarios that insert math formulas or Mermaid diagrams into posts

Suitable For

  • Personal bloggers accustomed to managing content with Markdown
  • Technical writing scenarios requiring KaTeX or Mermaid
  • Developers who want to adjust theme colors themselves based on Nuxt and Tailwind CSS

Getting started & customization

Use these recorded setup notes alongside the repository instructions for your chosen version.

  1. 1

    Install dependencies with pnpm install

  2. 2

    Start the development server with pnpm run dev

  3. 3

    Build with pnpm run build, then start the production service via node .output/server/index.mjs

  4. 4

    The README provides a one-click Vercel deployment entry

  5. 5

    Third-party assets and external services require separate license and cost verification

Read repository instructions

License & source material

Usage conditions & limitations

Free to use · keep license notice

This entry covers the free version under the MIT license in the public repository; the free scope is the code of this version and does not mean external services or third-party assets are free.

Must comply with when using

  • Free use, modification, commercial use, and distribution of this version's code are permitted.
  • When distributing copies or substantial portions of the code, retain the original author's copyright notice and the full MIT license notice.
  • The code is provided as is; warranties and limitations of liability are governed by the original license and applicable law.

Additional costs & items to verify

  • Demo images, fonts, icons, and other third-party assets must be verified under their respective licenses and cannot be judged solely by the code's MIT license.
  • External services such as domains, hosting, databases, payments, or AI may incur additional charges.
View Original Text Basis

Compiled by DeepSeek based on repository license and README ·2026-10-03. Results only cover the materials read; dependencies, images, fonts, and subsequent term changes are subject to their respective original texts.

Project checks & description sources

Template Information

Source platforms
GitHub
Documentation and maintenance reference score
More documented · 77 / 100
Technologies
Nuxt · Vue
Website type
Blog
How this score is calculated

Our heuristic uses license records (up to 30), a demo link (12), a preview (10), stars (15), recorded maintenance (15), description completeness (8), feature records (5) and classification data (5). It is not a code, security or performance test, or a Google score. A link does not establish tested functionality.

What to verify for this project

Repository update recorded
2025-01-20
Screenshot last checked
2026-10-03

A demo link is listed. Check it with your own content and viewport sizes; its presence does not confirm that forms, authentication or payments work.

The catalog identifies Nuxt as the primary stack. Check the actual dependency manifest and lockfile for versions and hosting requirements. These notes use recorded metadata, not a code audit or a deployment test.

Use a selection guide →

How this description was prepared

AI-assisted description based on catalog records and repository material. Repository authors are not automatically the reviewers of this description.

Automatically checked against source and license rules; no manual editorial review.

Inspect the recorded source material

SHA-256: bce6ec6a9e75d4d554a6aeac1b344d39e3da23da6b4157700dcde59fce724134

2026-10-03T06:25:50.396Z

Source file / repository
[中文](./README-zh.md)

# Vardar

**Welcome to Vardar!** 🚀

![screenshot of Vardar 1](./screenshots/screenshot1.png)
![screenshot of Vardar 2](./screenshots/screenshot2.png)
![screenshot of Vardar 3](./screenshots/screenshot3.png)
![screenshot of Vardar 4](./screenshots/screenshot4.png)

A personal blog framework built on **Nuxt Content** and **Tailwind CSS**.

Demo site: [https://vardar-example.xyz/](https://vardar-example.xyz/)

## Key Features

- **Instant Blog Addition**: Add new articles by simply placing a `.md` file into the `/content/blog` folder.
- **Theme Color Support**: Change the theme color by editing the `themeColor` in `tailwind.config.js` (supported colors include 'zinc', 'gray', 'red', 'orange', 'amber', 'yellow', 'lime', 'green', 'emerald', 'teal', 'cyan', 'sky', 'blue', 'indigo', 'violet', 'purple', 'fuchsia', 'pink', 'rose').
- **RSS Support**: Get blog updates via `/feed.xml`.
- **Mermaid Support**: Create beautiful diagrams in your articles using mermaid.
- **GFM Markdown Support**.
- **KaTeX Support**: Insert mathematical expressions in your articles using KaTeX.
- **i18n Support**

## Quick Start

1. **Install Dependencies**:

   ```bash
   pnpm install
   ```

2. **Start Development Server**:

   ```bash
   pnpm run dev
   ```

3. **Production Deployment**:

   ```bash
   pnpm run build
   ```

   ```bash
   node .output/server/index.mjs
   ```

Happy Blogging!

[![Deploy with Vercel](https://vercel.com/button)](https://vercel.com/new/clone?repository-url=https%3A%2F%2Fgithub.com%2Fhanyujie2002%2FVardar)
Report a correction

Explore similar templates

Compare previews and descriptions within the same stack and category.