记录使用【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

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

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

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容