huiguyy/vitepresssimple

基于 Wails2 开发的 Vitepress 可视化写作、可视化配置编辑的客户端工具，助力独立开发者快速搭建自己的产品手册或博客。VitePress Visual Configuration Tool

VitePress Configuration Tool

English | 简体中文

Features

• Developed based on wails2+vite+vue3+typescript
• Lightweight client program based on Webview2
• Online editor for markdown documents
• Support for document directory tree, including moving, cutting, copying, and pasting operations
• Support for directly copying and pasting images into markdown documents and automatically uploading them to the server
• Native configuration parsing, directly parsing and rendering .vitepress/config.mts
• Multilingual support, different languages can be configured separately
• Navigation bar can be visually configured, and different languages can be separately configured
• Sidebar can be visually configured, supporting multiple sidebar configurations, multiple languages, and automatic sidebar recognition
• Search configuration support, optional local configuration or third-party search services

Quick Start Guide

Free download for Mac and Windows installation packages: GitHub download link | Gitee download link

View the complete document：Chinese Documentation | English Documentation

Below is an example VitePress project for easy exploration:

Create VitePress project

Enter the project name and select the project root directory:

online preview

After the creation is completed, you can click the folder icon to enter the project root directory

# Go to the project root directory, not the original directory
npm install
npm run dosc:dev

After executing the above command, VitePress can be tested to run. The default address is: http://localhost:5173. Modifying the document content or configuration in vpsimple will automatically update.

Build the Project

Runtime Environment Requirements

• Go (latest version)
• Node.js >= 16
• NPM >= 9

Install Wails

go install github.com/wailsapp/wails/v2/cmd/wails@latest

Clone the Repository

git clone https://github.com/zhangdi168/VitePressSimple --depth=1

Build the Frontend Code

npm install --prefix ./frontend

Compile and Run the Development Version

wails dev

About the Author

Author's Personal Website: http://xiaod.co/

This project is completely free. If it has been helpful to you, you can buy the author a coffee ☕️.