开发了一款VItePress可视化配置的客户端工具:VitePressSimple

921 阅读3分钟

image.png

🚀 VitePressSimple - VPSimple:您的VitePres配置管理工具

官网文档:VirePressSimple | VPSimple | | simple config vitepress (xiaod.co)

image.png 简介 VitePressSimple(简称VPSimple)是一款专为简化VitePress站点搭建与维护而设计的跨平台桌面客户端应用。它让您能够轻松快速地构建个人博客、产品手册以及丰富的知识库。 这款开源软件不仅具备强大的功能,而且免费供您使用!

主要特性

  • 💻 跨平台兼容:全面支持Windows与macOS操作系统,无论您使用哪种设备,都能享受到无缝的工作体验。

  • 🎨 可视化配置:通过直观友好的图形界面,您可以便捷地完成VitePress的各项设置,无需手动编辑复杂配置文件。

  • 🔌 原生解析:VPSimple直接读写VitePress原生配置文件 .vitepress/config.mts,无需依赖任何第三方数据存储服务,确保您的配置安全且实时生效。

  • 🌍 多语言支持:灵活的多语言配置选项,助您轻松管理包含多种语言的内容,满足国际化需求。

  • 📚 侧边栏文章自动检索:智能扫描您的文档目录,自动生成侧边栏导航,让读者能快速定位到所需的文章或章节。

  • ✏️ 内置Markdown编辑器:配备功能完善的Markdown编辑器,允许用户在应用程序内部编写和预览文档内容,支持包括移动、剪切、复制、粘贴在内的丰富文档编辑操作,并可直接将图片复制粘贴至文档中,还能自动上传至服务器。

获取方式

功能特性

  • 基于wails2+vite+vue3+typescript开发
  • 基于Webview2的轻量客户端程序
  • markdown文档编辑器在线编辑文档
  • 支持文档目录树,支持移动、剪切、复制、粘贴等操作
  • 支持直接将图片复制粘贴到markdown文档中并自动上传到服务器
  • 【原生配置解析】直接对.vitepress/config.mts进行解析和渲染
  • 【多语言】支持多语言配置,可以对不同语言进行分别配置
  • 【导航配置】支持导航栏可视化配置,支持对语言分别配置
  • 【侧栏配置】支持侧栏可视化配置,支持多侧栏配置,支持多语言,支持自动识别侧栏
  • 【搜索】支持搜索配置,可选本地配置或搜索第三方服务

快速使用指南

提供Mac、Windows安装包免费下载: github下载地址 | gitee下载地址

前往官网查看完整文档:中文文档 | 英文文档

下面提供了一个示例vitepress项目,方便大家快速体验:

创建VitePress项目

创建vitepress项目 输入项目的名称和选择项目根目录:

4631dcde70f7427bb5d07a2bd6d80b76.png

在线预览

img.png

创建完成后可以点击文件夹图标进入到根目录

# 进入到项目根目录,注意不是原目录
npm install
npm run dosc:dev

执行完上述命令后即可运行vitepress测试, 默认地址是:http://localhost:5173 , 在vpsimple中修改文档内容或者配置即可实现同步更新。