# blue-note-editor

**Repository Path**: vic-gao/blue-note-editor

## Basic Information

- **Project Name**: blue-note-editor
- **Description**: 一个markdown文档排版编辑器
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: https://editor.maple.ink
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 1
- **Created**: 2025-10-23
- **Last Updated**: 2025-10-23

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 青笺编辑器 (blue-note-editor)

<div style="text-align: center">
<img src="/public/logo.svg" alt="logo" style="width:100px" />

你的个人markdown排版编辑器
</div>

如需访问在线版本请跳转到 [https://editor.maple.ink](https://editor.maple.ink)。<span style="color:#ddd">在线版本不具备文件操作功能。</span>

## 开发

```shell
# 安装
npm install

# 浏览器运行
npm run dev

# 客户端运行
npm run tauri dev

# 浏览器打包
npm run build  

# 客户端打包
npm run tauri build
```

图片上传采用 EasyImage2 图床工具，建议在云服务器部署该项目。

部署完成后需修改**三个文件**：
1. `/src-tauri/capabilities/default.json` 文件
```json
{
    "identifier": "http:default",
    "allow": [
    {
        "url": "http://[图床地址(带端口)]/*"
    },
    {
        "url": "https://*/*"
    }
    ]
}
```
2. `/src-tauri/tauri.conf.json` 文件
```json
"security": {
    "csp": "default-src 'self'; connect-src 'self' http://[图床地址(带端口)]"
},
```
3. `/src/api/index.js`文件
```js
await fetch('[图床地址(带端口)]/app/upload.php')
```

## 技术架构

1. tauri
2. vite
3. vue3
4. vue-router
5. codemirror
6. markdown-it
7. element-plus
8. less

## 版本功能

#### v0.1.0版本

- markdown文档编辑与展示对照
- 对markdown文档的样式进行格式化
- 拷贝到Wechat、掘金等平台
- 图片上传功能

#### v0.2.0版本

- 文件操作功能【新增、编辑、删除、查询】
- 本地化配置文件