描述#

FreeEditor 一款简洁的双栏 Markdown 编辑器，支持实时预览和微信公众号样式导出。它还支持以下特性：

• 实时预览：边写边看，所见即所得
• 丰富样式库: 内置多种精美标题、代码、引用块样式
• 移动端预览: 支持手机视图预览，适配微信公众号
• 一键复制：直接复制富文本，可粘贴到微信公众号编辑器
• 主题切换：支持深色/浅色主题
• 文件夹管理：支持文件夹分类管理文档，拖拽移动文件
• 图片上传：支持拖拽/粘贴上传图片到阿里云 OSS
• 快捷键支持：丰富的编辑快捷键，提升编辑效率
• 撤销/重做：支持编辑历史记录，Ctrl+Z 撤销操作
• 格式化工具栏：选中文本即可快速格式化
• 本地存储：自动保存，数据存储在本地
• 备份恢复：支持数据导出和导入
• Electron支持：可打包成桌面应用 配置阿里云OSS后，还可以直接将图片粘贴到编辑器，自动上传图片并且插入 Markdown 图片语法。

部署#

Nodejs#

我们先安装nvm，用nvm来管理nodejs。

1
# 安装nvm
2
curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.40.3/install.sh | bash
3
# 在当前shell启用nvm
4
\. "$HOME/.nvm/nvm.sh"
5
# 安装nodejs 22（带npm）
6
nvm install 22
7
# 验证是否安装完成
8
node -v
9
npm -v

用git克隆一下源码：git clone https://github.com/zstar1003/FreeEditor.git 进入项目目录：cd FreeEditor

1
# 先安装一下依赖
2
npm install
3

4
# 开发模式
5
## Web 开发
6
npm run dev
7

8
## Electron 开发
9
npm run electron:dev
10

11
# 打包构建
12
## Web 构建
13
npm run build
14

15
## Electron 构建
16
npm run electron:build

体验#

左下角齿轮配置好阿里云OSS后，就可以直接插入文章图片了。