MetonaTeam/MarkLite
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 1 Wiki Activity

docs: 同步 v1.2.0 文档（搜索替换 + 文件树）

Browse Source
This commit is contained in:
thzxx
2026-05-21 11:39:07 +08:00
parent 543af93802
commit 2010f9dff5
2 changed files with 108 additions and 57 deletions
Download Patch File Download Diff File Expand all files Collapse all files
README.md
+47 -35
View File
@@ -17,7 +17,7 @@
<p align="center">
基于 Electron 构建，开箱即用的 Markdown 桌面编辑器。<br>
多标签页 · 实时预览 · 代码高亮 · 暗色主题 · 拖拽打开。
多标签页 · 实时预览 · 代码高亮 · 暗色主题 · 拖拽打开 · 搜索替换 · 文件树。
</p>
---
@@ -36,33 +36,35 @@
| 🌙 **暗色主题** | 一键切换亮色/暗色主题，偏好自动记忆 |
| 🔔 **文件监听** | 外部修改文件时自动提示，支持重新加载 |
| 💾 **文件保存** | 保存 / 另存为，支持 .md 和 .txt 格式 |
| 🔍 **搜索替换** | Ctrl+F 搜索、Ctrl+H 替换，支持高亮匹配、大小写、正则表达式 |
| 📁 **文件树** | 侧边栏浏览项目目录，点击打开文件，自动刷新 |
| ⌨️ **快捷键** | 完整的键盘快捷键支持，操作高效 |
| 📦 **NSIS 安装包** | 一键打包为 Windows exe 安装程序 |
## 📸 界面预览
```
┌──────────────────────────────────────────────────────────────────┐
│ MarkLite - README.md ─ □ ✕ │
├──────────────────────────────────────────────────────────────────┤
│ 📁 打开 │ 💾 保存 │ ⬜ 分屏 │ ✏️ 编辑 │ 👁 预览 │ 🌙 │
├──────────────────────────────────────────────────────────────────┤
│ [README.md] [DESIGN.md] [main.js] [+] │
├────────────────────────────┬─────────────────────────────────────┤
│ │ │
│ 1 # MarkLite │ MarkLite │
│ 2 │ ───────────── │
│ 3 一款轻量级的... │ │
│ 4 │ 一款轻量级的 Windows 本地 │
│ 5 ## 功能特性 │ Markdown 编辑器桌面应用... │
│ 6 │ │
│ 7 - 📝 实时编辑 │ ■ 实时编辑 │
│ 8 - 👁 实时预览 │ ■ 实时预览 │
│ 9 - 🔤 代码高亮 │ ■ 代码高亮 │
│ │ │
├────────────────────────────┴─────────────────────────────────────┤
│ README.md │ UTF-8 │ Markdown │ 2.1 KB │ 行 9, 列 12 │
└──────────────────────────────────────────────────────────────────┘
┌──────────────────────────────────────────────────────────────────────────┐
│ MarkLite - README.md ─ □ ✕ │
├──────────────────────────────────────────────────────────────────────────┤
│ 📁 打开 │ 💾 保存 │ ⬜ 分屏 │ ✏️ 编辑 │ 👁 预览 │ 🌙 │
├──────────────────────────────────────────────────────────────────────────┤
│ [README.md] [DESIGN.md] [main.js] [+] │
├──────────┬─────────────────────────┬─────────────────────────────────────┤
│ 资源管理器│ │ │
│ ▼ MarkLite│ 🔍 查找... 3/12 │ MarkLite │
│ 📁 src │ [替换... ] [替换][全部]│ ───────────── │
│ 📄 README│ │ │
│ 📄 DESIGN│ 1 # MarkLite │ 一款轻量级的 Windows 本地 │
│ 📁 lib │ 2 │ Markdown 编辑器桌面应用... │
│ 📁 assets│ 3 一款轻量级的... │ │
│ │ 4 │ ■ 实时编辑 │
│ │ 5 ## 功能特性 │ ■ 实时预览 │
│ │ 6 │ ■ 代码高亮 │
│ │ 7 - 📝 实时编辑 │ │
├──────────┴─────────────────────────┴─────────────────────────────────────┤
│ README.md │ UTF-8 │ Markdown │ 2.1 KB │ 行 9, 列 12 │
└──────────────────────────────────────────────────────────────────────────┘
```
## 🚀 快速开始
@@ -113,6 +115,14 @@ npm run build:portable
| `Ctrl + 1` | 编辑 + 预览（分屏） |
| `Ctrl + 2` | 纯编辑模式 |
| `Ctrl + 3` | 纯预览模式 |
| `Ctrl + F` | 搜索 |
| `Ctrl + H` | 搜索并替换 |
| `Enter` / `Shift+Enter` | 下一个 / 上一个匹配 |
| `Alt + C` | 切换区分大小写 |
| `Alt + R` | 切换正则表达式 |
| `Ctrl + Shift + G` | 替换当前匹配 |
| `Ctrl + Shift + H` | 全部替换 |
| `Esc` | 关闭搜索栏 |
## 🛠️ 技术栈
@@ -150,21 +160,23 @@ MarkLite/
## 🏗️ 架构设计
```
┌─────────────────────────────────────┐
│ Main Process (main.js) │
│ 窗口管理 · 文件系统 · 文件监听 · IPC │
└──────────────┬──────────────────────┘
┌──────────────────────────────────────────┐
│ Main Process (main.js) │
│ 窗口管理 · 文件系统 · 文件监听 · IPC │
│ 目录树读取 · 侧边栏目录监听 │
└──────────────┬───────────────────────────┘
│ contextBridge (安全隔离)
┌──────────────▼──────────────────────┐
│ Preload Script (preload.js) │
│ 安全 API 桥接层 │
└──────────────┬──────────────────────┘
┌──────────────▼───────────────────────────┐
│ Preload Script (preload.js) │
│ 安全 API 桥接层 │
└──────────────┬───────────────────────────┘
│
┌──────────────▼──────────────────────┐
│ Renderer Process (renderer/) │
│ 标签页 · 编辑器 · 预览 · 暗色主题 │
│ 拖拽 · 快捷键 · localStorage │
└─────────────────────────────────────┘
┌──────────────▼───────────────────────────┐
│ Renderer Process (renderer/) │
│ 标签页 · 编辑器 · 预览 · 暗色主题 │
│ 搜索替换 · 文件树侧边栏 · 拖拽 · 快捷键 │
│ localStorage │
└──────────────────────────────────────────┘
```
> 安全策略：`contextIsolation: true` + `nodeIntegration: false` + CSP，渲染进程无法直接访问 Node.js API。