什么是Vitepress
VitePress 是一个基于 Vite 和 Vue 的静态网站构建工具,可以帮助开发者快速地构建、开发和部署文档、博客等等类型的网站。它提供了简单的文件系统模型,帮助开发者提高效率,是一款非常优秀的静态文档站点构建工具。官方Vue.js 文档也基于VitePress。
它有什么优点?
极具吸引力的主题:Vitepress提供了一系列极具吸引力的主题,使您的网站外观更加优雅,而且还能更轻松地将您的网站与其他网站区分开来;
高度可定制性:Vitepress的主题拥有高度可定制性,它们可以轻松地更改颜色、背景图像,以及其他样式;
易于管理:Vitepress提供了一个强大的后台界面来管理您的网站,让您轻松编辑页面,上传图片,添加新的贴子,以及更新内容;
快速加载时间:Vitepress在加载时间方面表现出色,可以在极短的时间内加载完成,从而提高用户体验;
安全性:Vitepress可以通过严格的安全措施确保您的网站免受网络攻击;
免费开源:Vitepress是一个开源的免费框架,可以让您访问不同的社区来获取技术支持和知识。
开始使用
安装
$ npm install -D vitepress
初始化
$ npx vitepress init
初始化配置项,按按照自己的需求选择即可
启动运行
$ npm run docs:dev
运行成功
其他配置,我们就可以按照自己的需求进行配置了。
未完待续...后面会记录自己遇到的问题和解决方法。