记录使用【Vitepress】的过程

什么是Vitepress

VitePress 是一个基于 Vite 和 Vue 的静态网站构建工具，可以帮助开发者快速地构建、开发和部署文档、博客等等类型的网站。它提供了简单的文件系统模型，帮助开发者提高效率，是一款非常优秀的静态文档站点构建工具。官方Vue.js 文档也基于VitePress。

官网地址：https://vitepress.dev

它有什么优点？

极具吸引力的主题：Vitepress提供了一系列极具吸引力的主题，使您的网站外观更加优雅，而且还能更轻松地将您的网站与其他网站区分开来；

高度可定制性：Vitepress的主题拥有高度可定制性，它们可以轻松地更改颜色、背景图像，以及其他样式；

易于管理：Vitepress提供了一个强大的后台界面来管理您的网站，让您轻松编辑页面，上传图片，添加新的贴子，以及更新内容；

快速加载时间：Vitepress在加载时间方面表现出色，可以在极短的时间内加载完成，从而提高用户体验；

安全性：Vitepress可以通过严格的安全措施确保您的网站免受网络攻击；

免费开源：Vitepress是一个开源的免费框架，可以让您访问不同的社区来获取技术支持和知识。

开始使用

安装

$ npm install -D vitepress

初始化

$ npx vitepress init

初始化配置项，按按照自己的需求选择即可

image.png

启动运行

$ npm run docs:dev

运行成功

image.png

其他配置，我们就可以按照自己的需求进行配置了。

未完待续...后面会记录自己遇到的问题和解决方法。