|
|
|
---
|
|
|
|
layout: home
|
|
|
|
|
|
|
|
title: VitePress
|
|
|
|
titleTemplate: Vite & Vue Powered Static Site Generator
|
|
|
|
|
|
|
|
hero:
|
|
|
|
name: VitePress
|
|
|
|
text: Vite & Vue Powered Static Site Generator
|
|
|
|
tagline: Simple, powerful, and fast. Meet the modern SSG framework you've always wanted.
|
|
|
|
actions:
|
|
|
|
- theme: brand
|
|
|
|
text: Get Started
|
|
|
|
link: /guide/getting-started
|
|
|
|
- theme: alt
|
|
|
|
text: View on GitHub
|
|
|
|
link: https://github.com/vuejs/vitepress
|
|
|
|
|
|
|
|
features:
|
|
|
|
- icon: 📝
|
|
|
|
title: Focus on Your Content
|
|
|
|
details: Effortlessly create beautiful documentation sites with just markdown.
|
|
|
|
- icon: <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32"><g fill="none"><path fill="url(#a)" d="m29.884 6.146-13.142 23.5a.714.714 0 0 1-1.244.005L2.096 6.148a.714.714 0 0 1 .746-1.057l13.156 2.352a.714.714 0 0 0 .253 0l12.881-2.348a.714.714 0 0 1 .752 1.05z"/><path fill="url(#b)" d="M22.264 2.007 12.54 3.912a.357.357 0 0 0-.288.33l-.598 10.104a.357.357 0 0 0 .437.369l2.707-.625a.357.357 0 0 1 .43.42l-.804 3.939a.357.357 0 0 0 .454.413l1.672-.508a.357.357 0 0 1 .454.414l-1.279 6.187c-.08.387.435.598.65.267l.143-.222 7.925-15.815a.357.357 0 0 0-.387-.51l-2.787.537a.357.357 0 0 1-.41-.45l1.818-6.306a.357.357 0 0 0-.412-.45z"/><defs><linearGradient id="a" x1="6" x2="235" y1="33" y2="344" gradientTransform="translate(1.34 1.894) scale(.07142)" gradientUnits="userSpaceOnUse"><stop stop-color="#41D1FF"/><stop offset="1" stop-color="#BD34FE"/></linearGradient><linearGradient id="b" x1="194.651" x2="236.076" y1="8.818" y2="292.989" gradientTransform="translate(1.34 1.894) scale(.07142)" gradientUnits="userSpaceOnUse"><stop stop-color="#FFEA83"/><stop offset=".083" stop-color="#FFDD35"/><stop offset="1" stop-color="#FFA800"/></linearGradient></defs></g></svg>
|
|
|
|
title: Enjoy the Vite DX
|
|
|
|
details: Instant server start, lightning fast hot updates, and leverage Vite ecosystem plugins.
|
|
|
|
- icon: <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32"><path fill="#41b883" d="M24.4 3.925H30l-14 24.15L2 3.925h10.71l3.29 5.6 3.22-5.6Z"/><path fill="#41b883" d="m2 3.925 14 24.15 14-24.15h-5.6L16 18.415 7.53 3.925Z"/><path fill="#35495e" d="M7.53 3.925 16 18.485l8.4-14.56h-5.18L16 9.525l-3.29-5.6Z"/></svg>
|
|
|
|
title: Customize with Vue
|
|
|
|
details: Use Vue syntax and components directly in markdown, or build custom themes with Vue.
|
|
|
|
- icon: 🚀
|
|
|
|
title: Ship Fast Sites
|
|
|
|
details: Fast initial load with static HTML, fast post-load navigation with client-side routing.
|
|
|
|
---
|