VueVitePressViteBlog

vitepress-template — Vue Blog Template

By Tyh2001

A static site and blog template based on VitePress, built with Vue and Vite, supporting direct use of Vue components and setup syntax sugar in Markdown.

Open Source SiteDownload Source ZIP

Explore the design

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

2 previews
Desktop homepage1 / 2
Desktop captureTop of page

Actual screenshot captured by the server browser.

All pages & views 2

Screenshots show visual appearance; interactive behavior may differ.

Recorded 2026-10-02View source

What stands out

A quick read of the recorded project description.

01

Based on VitePress, used to build static websites and blogs

02

Uses the Vue and Vite tech stack

03

Vue components can be used directly in Markdown

04

setup syntax sugar can be used directly in Markdown

05

States that it is used in combination with the fighting-design component library

06

Provides pnpm dev / build / serve scripts

Template Details

This is a VitePress-based template for building static websites and blogs. The repository is maintained by Tyh2001 and uses the MIT license; the code can be used, modified, used commercially, and distributed for free, but the copyright and license notice must be retained.

The template emphasizes being ready to use out of the box and simple to configure: after installing dependencies, start with pnpm dev, build with pnpm build, and preview the build output with pnpm serve. The tech stack is Vue, VitePress, and Vite, and it states that it is used in combination with the fighting-design component library.

In terms of writing approach, the template allows Vue components and setup syntax sugar to be used directly in Markdown, and supports third-party component libraries. The repository provides CHANGELOG.md to record version changes. The demo link points to the official VitePress site, not an independent demo site for this template itself.

VueVitePressViteBlog

Is it right for your project?

Use Cases

  • Building a personal static website
  • Building a blog-style content site
  • Embedding Vue components in Markdown documents for demonstration
  • Serving as a starter template for a VitePress project

Suitable For

  • Developers familiar with Vue and VitePress
  • Users who want to write in Markdown and embed Vue components
  • People who need to quickly initialize a static site or blog project

Getting started & customization

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

  1. 1

    Install dependencies with pnpm: pnpm i

  2. 2

    Start locally: pnpm dev

  3. 3

    Build: pnpm build

  4. 4

    Preview the build output: pnpm serve

  5. 5

    Third-party assets such as demo images, fonts, and icons must be checked separately under their respective licenses

Read repository instructions

License & source material

Usage conditions & limitations

Free to use · keep license notice

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

Must comply with when using

  • Allows free use, modification, commercial use, and distribution of this version of the code.
  • When distributing copies or substantial portions of the code, retain the original author's copyright notice and the complete 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 checked 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 separate charges.
View Original Text Basis

Permission is hereby granted, free of charge

Original License Text
https://github.com/Tyh2001/vitepress-template/blob/master/LICENSEhttps://github.com/Tyh2001/vitepress-template/blob/master/README.md

Compiled by DeepSeek based on repository license and README ·2026-10-02. 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
Vue · VitePress · Vite
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
2024-06-03
Screenshot last checked
2026-10-02

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 Vue 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: 00a6e7d83384275c37d74c7fab65f69978f95bfd572dfd2f34e3bae834f0b8ff

2026-10-02T16:08:31.962Z

Source file / repository
# Vitepress-template

## 💬 介绍

[Vitepress](https://vitepress.vuejs.org) 模板，快速搭建你的静态网站和博客。

## ✨ 特性

- 📌 开箱即用
- 🚀 和 [fighting-design](https://github.com/FightingDesign/fighting-design) 完美结合
- 💪 使用 Vue.js 最新特性开发
- 🐆 全面基于 Vite，速度够快
- 🖍️ markdown 中直接使用 vue 组件
- ✔️ 配置简单，上手容易
- 🚩 markdown 中直接使用 setup 语法糖
- 📃 第三方组件库支持

## 👀 启动

```shell
# 安装依赖
pnpm i

# 启动
pnpm dev

# 打包
pnpm build

# 预览打包
pnpm serve
```

## 🕵️‍♀️ 更新日志

参考 [CHANGELOG.md](https://github.com/Tyh2001/vitepress-template/blob/master/CHANGELOG.md)

## 🙏 贡献者

该仓库由 [Tyh2001](https://github.com/Tyh2001) 提供。

![](https://tianyuhao.cn/images/auto/weixin.png)
Report a correction

Explore similar templates

Compare previews and descriptions within the same stack and category.

hexo-theme-vexo

hexo-theme-vexo

Vexo is a Hexo blog theme inspired by the Vue.js official website, offering responsive layout, article table of contents, sharing QR codes, SEO configuration, Baidu Analytics, and switchable comment systems including Gitment, Utterances, Youyan, and Disqus. Local search requires installing hexo-generator-searchdb.

Vue · Blog

vuepress-theme-simple

vuepress-theme-simple

A minimalist blog theme for VuePress 1.x that replaces the homepage README with an article list sorted by Git commit time or FrontMatter date.

Vue · Blog

vuepress-theme-seeker

vuepress-theme-seeker

Seeker is a VuePress blog theme built around "colorful minimalism": each refresh randomly generates a color scheme, and the footer randomly shows classical Chinese poetry.

Vue · Blog

blog

blog

A static blog template built with Vue 3 and Vite, using Markdown for writing with optional Vue components.

Vue · Blog

Miracle

Miracle

Miracle is a Vue blog theme built on VitePress and released under the MIT license. It can be generated from a template repository or forked, cloned locally, and customized through config.ts.

Vue · Blog

ryanuo.cc

ryanuo.cc

A personal homepage template built with Vue and Vite, including personal introduction, navigation, blog, and project showcase. It references the antfu.me structure.

Vue · Blog