From d88f64239ca3e42d6ba352fbf335db5aa5c4e0eb Mon Sep 17 00:00:00 2001 From: tianma-if Date: Fri, 24 Jul 2026 11:34:42 +0800 Subject: [PATCH] fix(demo): describe UX improvements as past week --- apps/api/src/index.ts | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/apps/api/src/index.ts b/apps/api/src/index.ts index 5d8b4542..03be937d 100644 --- a/apps/api/src/index.ts +++ b/apps/api/src/index.ts @@ -301,7 +301,7 @@ const DEMO_SEED_MEMOS_ZH = [ tags: ["overview", "features", "demo"], isPinned: true, markdown: - "## 🌟 EdgeEver 核心特性全景指南\n\n> **EdgeEver** 是一款基于 Cloudflare 的开源 Serverless 个人知识库。保留经典的**印象笔记三栏布局**与优雅体验，同时提供 **100% 免费**、数据完全掌控、可视化双向编辑与 AI Agent (MCP) 原生集成。\n\n---\n\n### 🚀 1. 核心优势对比 (可视化表格编辑)\n\n*提示：在线模式下点击下方表格单元格即可直接修改文字；在编辑器模式下右键可快捷添加或删除行列。*\n\n| 核心维度 | 印象笔记 (Evernote) | Obsidian | EdgeEver |\n| --- | --- | --- | --- |\n| **托管成本** | 商业订阅 ($15+/月) | 官方同步 ($5/月) | **100% 免费 (Cloudflare 免费额度)** |\n| **部署方式** | 封闭中心化云端 | 本地文件 + 插件配置 | **Serverless 自建 (零维护)** |\n| **交互体验** | 经典三栏 (广告较多) | 双栏/多面板 (移动端较重) | **经典三栏 + 原生 App / PWA** |\n| **数据与 API** | 封闭，导出一键设限 | 本地 Markdown | **标准 D1 SQLite / REST API / MCP** |\n| **AI Agent 支持** | 限制/仅特定版本 | 需配置第三方插件 | **原生支持 MCP 端点与 OpenAPI** |\n\n---\n\n### 📢 2. 微信公众号与跨平台一键排版复制 (WeChat / Substack / 博客)\n\nEdgeEver 专为自媒体与内容创作者设计，支持将当前笔记一键转换为精美排版并复制：\n\n- [x] 公众号与周刊：一键复制并无缝粘贴至微信公众号、Substack、竹白 Newsletter 后台\n- [x] 博客与平台：完美兼容 WordPress、Medium、Ghost 及各大富文本编辑器\n- [x] 零格式损失：自动内联精致 CSS 样式，代码高亮、表格与图片完美内嵌\n\n> 💡 **创作者体验提示**：尝试点击右上角操作栏的公众号复制按钮，直接粘贴到微信公众号、Substack 或 WordPress 后台，即可体验优雅的排版渲染！\n\n---\n\n### 🎨 3. 双视图编辑与可配置主题 (Dual View & Themes)\n\nEdgeEver 支持在**所见即所得富文本**与 **Markdown 源码**之间无缝切换（点击右上角 `` 按钮）。\n\n1. **经典三栏笔记本与树状无限层级**：结构清晰，轻松管理大量笔记。\n2. **预设 8 款经典编辑器主题**：摸鱼绿、红白色系、石墨极简风、留白禅意风、摸鱼票据风、橄榄手记、薄荷青等排版风格（可在 **个人中心 / 设置** 中自由切换）。\n3. **多端无缝同步与 WebP 压缩**：Web PWA / iOS & Android 原生 App，图片上传前本地自动压缩 (节省 50% ~ 90%)。\n\n> 💡 **小贴士**：所有富文本样式与主题块在切换至 Markdown 源码时均能保持完美兼容，不会丢失任何格式元数据。\n\n---\n\n### 4. 过去 5 天的交互优化 (v1.4.0 ~ v1.5.15)\n\n根据过去 5 天 (07月19日 ~ 07月24日) 的代码 Commit 与正式 Release 日志，核心交互细节优化包括：\n\n- [x] 跨平台排版复制：微信公众号/Substack 一键导出自动内联图片；复制 Mermaid 图表保持原始比例；代码块增加复制按钮\n- [x] 编辑器与图表主题：支持 8 款正文编辑器主题（摸鱼绿、石墨极简风、留白禅意风等）及多款精致 Mermaid 图表主题\n- [x] 可视化表格编辑：表格单元格可在线直接修改，右键快捷增删行列，并全平台自适应响应式显示\n- [x] 专注模式与快捷选词搜索：快捷键 Cmd/Ctrl + Shift + F 进入专注模式；选中文本一键发起搜索，匹配项平滑滚动高亮\n- [x] 移动端与资源加载体验：优化移动端页面平滑切换动画；图片上传前本地 WebP 压缩与渐进占位符；支持一键恢复 Demo 数据\n\n---\n\n### 🎯 5. 沉浸式专注模式与快捷体验 (Focus Mode & Shortcuts)\n\n为提供极致写作体验，EdgeEver 引入了多项高效写作辅助工具：\n\n1. **Zen 专注写作模式**：快捷键 `Cmd/Ctrl + Shift + F` 或点击顶部图标，隐藏侧边栏与干扰元素，专注内容创作。\n2. **快捷选词搜索与替换**：选中文本后使用快捷键即可发起全局搜索或编辑器内快速替换。\n3. **实时高亮定位**：搜索词在编辑器与笔记列表中高亮定位，方便快速查阅。\n\n---\n\n### 💻 6. 代码高亮与快捷复制 (Syntax Highlighting)\n\n支持 Python、TypeScript、Rust、SQL 等数十种编程语言高亮，并在右上角提供一键复制功能：\n\n```python\nimport requests\n\n# 使用 REST API 获取 EdgeEver 笔记本列表\ndef fetch_edgeever_notebooks(instance_url: str, token: str):\n headers = {\"Authorization\": f\"Bearer {token}\"}\n response = requests.get(f\"{instance_url}/api/v1/notebooks\", headers=headers)\n \n if response.status_code == 200:\n data = response.json()\n print(f\"成功加载 {len(data['data'])} 个笔记本！\")\n return data[\"data\"]\n return []\n```\n\n---\n\n### 📊 7. Mermaid 交互式图表与精致主题 (Diagram Themes)\n\n在代码块中使用 `mermaid` 标记，即可在富文本与预览界面中即时渲染多种常见的交互式图表，并支持多款**精致图表主题**选择与复制尺寸保真：\n\n#### 1️⃣ 架构流程图 (Flowchart)\n```mermaid\nflowchart TD\n subgraph Client[\"📱 客户端生态\"]\n A[\"Web / PWA 浏览器\"]\n B[\"iOS / Android 原生 App\"]\n end\n\n subgraph Backend[\"⚡ Cloudflare 后端服务\"]\n C[\"Cloudflare Workers API\"]\n D[(\"D1 SQLite 数据库\")]\n E[(\"R2 资源存储\")]\n end\n\n A & B --> C\n C <--> D & E\n```\n\n#### 2️⃣ 交互时序图 (Sequence Diagram)\n```mermaid\nsequenceDiagram\n autonumber\n actor User as 用户\n participant App as 客户端 App\n participant Worker as Cloudflare Worker API\n participant D1 as D1 数据库\n\n User->>App: 编辑并保存笔记\n App->>Worker: POST /api/v1/memos (提交更改)\n Worker->>D1: 写入笔记 & 更新修订版本\n D1-->>Worker: 返回成功 (revision + 1)\n Worker-->>App: 200 OK (同步最新游标)\n App-->>User: 界面显示「已保存」\n```\n\n#### 3️⃣ 状态转换图 (State Diagram)\n```mermaid\nstateDiagram-v2\n [*] --> 草稿箱: 新建笔记\n 草稿箱 --> 已发布: 保存并归档\n 已发布 --> 置顶笔记: 快捷置顶\n 置顶笔记 --> 已发布: 取消置顶\n 已发布 --> 回收站: 移入回收站\n 回收站 --> 已发布: 恢复笔记\n 回收站 --> [*]: 彻底删除\n```\n\n---\n\n### 🖼️ 8. 多媒体与图片集成 (Rich Media Integration)\n\n支持拖拽或粘贴插入图片与文件附件。本地浏览器会在上传前自动进行高保真 WebP 压缩：\n\n![EdgeEver 编辑器与系统架构](/api/v1/resources/res_demo_cat_image/blob)\n\n---\n\n### 🤖 9. 面向 AI Agent 的原生生态 (Agent-Ready)\n\nEdgeEver 为 AI 时代而设计，原生提供 MCP 端点：\n\n1. **REST API**：提供完整标准的 `/api/openapi.json` 定义。\n2. **MCP 端点**：部署在 `/mcp`，AI Agent（如 Antigravity, Claude Code, Cursor）可以直接连接并读写您的笔记库。\n3. **数据自动化**：实现自动归档、Markdown 导入导出、飞书多维表格 / Notion 数据库同步。\n\n---\n\n> 🎯 **快速体验建议**：\n> - 试试在顶部点击「复制到微信公众号」，体验优雅的内容排版导出；\n> - 试试在 **个人中心 / 设置** 中切换「编辑器主题」，挑选喜欢的写作配色风格；\n> - 试试按下 `Cmd/Ctrl + Shift + F` 进入专注模式，感受沉浸式写作；\n> - 试试在左侧列表中按住 `Cmd` / `Ctrl` 选中多篇笔记，点击底栏「合并」；\n> - 试试点击侧边栏或设置中的「恢复 Demo 数据」，随时重置演示状态！" + "## 🌟 EdgeEver 核心特性全景指南\n\n> **EdgeEver** 是一款基于 Cloudflare 的开源 Serverless 个人知识库。保留经典的**印象笔记三栏布局**与优雅体验，同时提供 **100% 免费**、数据完全掌控、可视化双向编辑与 AI Agent (MCP) 原生集成。\n\n---\n\n### 🚀 1. 核心优势对比 (可视化表格编辑)\n\n*提示：在线模式下点击下方表格单元格即可直接修改文字；在编辑器模式下右键可快捷添加或删除行列。*\n\n| 核心维度 | 印象笔记 (Evernote) | Obsidian | EdgeEver |\n| --- | --- | --- | --- |\n| **托管成本** | 商业订阅 ($15+/月) | 官方同步 ($5/月) | **100% 免费 (Cloudflare 免费额度)** |\n| **部署方式** | 封闭中心化云端 | 本地文件 + 插件配置 | **Serverless 自建 (零维护)** |\n| **交互体验** | 经典三栏 (广告较多) | 双栏/多面板 (移动端较重) | **经典三栏 + 原生 App / PWA** |\n| **数据与 API** | 封闭，导出一键设限 | 本地 Markdown | **标准 D1 SQLite / REST API / MCP** |\n| **AI Agent 支持** | 限制/仅特定版本 | 需配置第三方插件 | **原生支持 MCP 端点与 OpenAPI** |\n\n---\n\n### 📢 2. 微信公众号与跨平台一键排版复制 (WeChat / Substack / 博客)\n\nEdgeEver 专为自媒体与内容创作者设计，支持将当前笔记一键转换为精美排版并复制：\n\n- [x] 公众号与周刊：一键复制并无缝粘贴至微信公众号、Substack、竹白 Newsletter 后台\n- [x] 博客与平台：完美兼容 WordPress、Medium、Ghost 及各大富文本编辑器\n- [x] 零格式损失：自动内联精致 CSS 样式，代码高亮、表格与图片完美内嵌\n\n> 💡 **创作者体验提示**：尝试点击右上角操作栏的公众号复制按钮，直接粘贴到微信公众号、Substack 或 WordPress 后台，即可体验优雅的排版渲染！\n\n---\n\n### 🎨 3. 双视图编辑与可配置主题 (Dual View & Themes)\n\nEdgeEver 支持在**所见即所得富文本**与 **Markdown 源码**之间无缝切换（点击右上角 `` 按钮）。\n\n1. **经典三栏笔记本与树状无限层级**：结构清晰，轻松管理大量笔记。\n2. **预设 8 款经典编辑器主题**：摸鱼绿、红白色系、石墨极简风、留白禅意风、摸鱼票据风、橄榄手记、薄荷青等排版风格（可在 **个人中心 / 设置** 中自由切换）。\n3. **多端无缝同步与 WebP 压缩**：Web PWA / iOS & Android 原生 App，图片上传前本地自动压缩 (节省 50% ~ 90%)。\n\n> 💡 **小贴士**：所有富文本样式与主题块在切换至 Markdown 源码时均能保持完美兼容，不会丢失任何格式元数据。\n\n---\n\n### 4. 过去一周的交互优化 (v1.4.0 ~ v1.5.15)\n\n根据过去一周 (07月18日 ~ 07月24日) 的代码 Commit 与正式 Release 日志，核心交互细节优化包括：\n\n- [x] 跨平台排版复制：微信公众号/Substack 一键导出自动内联图片；复制 Mermaid 图表保持原始比例；代码块增加复制按钮\n- [x] 编辑器与图表主题：支持 8 款正文编辑器主题（摸鱼绿、石墨极简风、留白禅意风等）及多款精致 Mermaid 图表主题\n- [x] 可视化表格编辑：表格单元格可在线直接修改，右键快捷增删行列，并全平台自适应响应式显示\n- [x] 专注模式与快捷选词搜索：快捷键 Cmd/Ctrl + Shift + F 进入专注模式；选中文本一键发起搜索，匹配项平滑滚动高亮\n- [x] 移动端与资源加载体验：优化移动端页面平滑切换动画；图片上传前本地 WebP 压缩与渐进占位符；支持一键恢复 Demo 数据\n\n---\n\n### 🎯 5. 沉浸式专注模式与快捷体验 (Focus Mode & Shortcuts)\n\n为提供极致写作体验，EdgeEver 引入了多项高效写作辅助工具：\n\n1. **Zen 专注写作模式**：快捷键 `Cmd/Ctrl + Shift + F` 或点击顶部图标，隐藏侧边栏与干扰元素，专注内容创作。\n2. **快捷选词搜索与替换**：选中文本后使用快捷键即可发起全局搜索或编辑器内快速替换。\n3. **实时高亮定位**：搜索词在编辑器与笔记列表中高亮定位，方便快速查阅。\n\n---\n\n### 💻 6. 代码高亮与快捷复制 (Syntax Highlighting)\n\n支持 Python、TypeScript、Rust、SQL 等数十种编程语言高亮，并在右上角提供一键复制功能：\n\n```python\nimport requests\n\n# 使用 REST API 获取 EdgeEver 笔记本列表\ndef fetch_edgeever_notebooks(instance_url: str, token: str):\n headers = {\"Authorization\": f\"Bearer {token}\"}\n response = requests.get(f\"{instance_url}/api/v1/notebooks\", headers=headers)\n \n if response.status_code == 200:\n data = response.json()\n print(f\"成功加载 {len(data['data'])} 个笔记本！\")\n return data[\"data\"]\n return []\n```\n\n---\n\n### 📊 7. Mermaid 交互式图表与精致主题 (Diagram Themes)\n\n在代码块中使用 `mermaid` 标记，即可在富文本与预览界面中即时渲染多种常见的交互式图表，并支持多款**精致图表主题**选择与复制尺寸保真：\n\n#### 1️⃣ 架构流程图 (Flowchart)\n```mermaid\nflowchart TD\n subgraph Client[\"📱 客户端生态\"]\n A[\"Web / PWA 浏览器\"]\n B[\"iOS / Android 原生 App\"]\n end\n\n subgraph Backend[\"⚡ Cloudflare 后端服务\"]\n C[\"Cloudflare Workers API\"]\n D[(\"D1 SQLite 数据库\")]\n E[(\"R2 资源存储\")]\n end\n\n A & B --> C\n C <--> D & E\n```\n\n#### 2️⃣ 交互时序图 (Sequence Diagram)\n```mermaid\nsequenceDiagram\n autonumber\n actor User as 用户\n participant App as 客户端 App\n participant Worker as Cloudflare Worker API\n participant D1 as D1 数据库\n\n User->>App: 编辑并保存笔记\n App->>Worker: POST /api/v1/memos (提交更改)\n Worker->>D1: 写入笔记 & 更新修订版本\n D1-->>Worker: 返回成功 (revision + 1)\n Worker-->>App: 200 OK (同步最新游标)\n App-->>User: 界面显示「已保存」\n```\n\n#### 3️⃣ 状态转换图 (State Diagram)\n```mermaid\nstateDiagram-v2\n [*] --> 草稿箱: 新建笔记\n 草稿箱 --> 已发布: 保存并归档\n 已发布 --> 置顶笔记: 快捷置顶\n 置顶笔记 --> 已发布: 取消置顶\n 已发布 --> 回收站: 移入回收站\n 回收站 --> 已发布: 恢复笔记\n 回收站 --> [*]: 彻底删除\n```\n\n---\n\n### 🖼️ 8. 多媒体与图片集成 (Rich Media Integration)\n\n支持拖拽或粘贴插入图片与文件附件。本地浏览器会在上传前自动进行高保真 WebP 压缩：\n\n![EdgeEver 编辑器与系统架构](/api/v1/resources/res_demo_cat_image/blob)\n\n---\n\n### 🤖 9. 面向 AI Agent 的原生生态 (Agent-Ready)\n\nEdgeEver 为 AI 时代而设计，原生提供 MCP 端点：\n\n1. **REST API**：提供完整标准的 `/api/openapi.json` 定义。\n2. **MCP 端点**：部署在 `/mcp`，AI Agent（如 Antigravity, Claude Code, Cursor）可以直接连接并读写您的笔记库。\n3. **数据自动化**：实现自动归档、Markdown 导入导出、飞书多维表格 / Notion 数据库同步。\n\n---\n\n> 🎯 **快速体验建议**：\n> - 试试在顶部点击「复制到微信公众号」，体验优雅的内容排版导出；\n> - 试试在 **个人中心 / 设置** 中切换「编辑器主题」，挑选喜欢的写作配色风格；\n> - 试试按下 `Cmd/Ctrl + Shift + F` 进入专注模式，感受沉浸式写作；\n> - 试试在左侧列表中按住 `Cmd` / `Ctrl` 选中多篇笔记，点击底栏「合并」；\n> - 试试点击侧边栏或设置中的「恢复 Demo 数据」，随时重置演示状态！" }, ]; const DEMO_SEED_REVISIONS = [ @@ -326,7 +326,7 @@ const DEMO_MEMO_ENGLISH = { memo_demo_overview: { title: "🌟 EdgeEver Core Features Overview", markdown: - "## 🌟 EdgeEver Core Features Overview\n\n> **EdgeEver** is an open-source, serverless personal knowledge base built on Cloudflare. It retains the classic **Evernote-style three-pane layout**, while offering **100% free hosting**, full data ownership, visual editing, and native AI Agent (MCP) integration.\n\n---\n\n### 🚀 1. Feature Comparison (Visual Table Editing)\n\n*Tip: Click any cell in the table below to edit directly; right-click in editor mode to insert/delete rows or columns.*\n\n| Metric | Evernote | Obsidian | EdgeEver |\n| --- | --- | --- | --- |\n| **Hosting Cost** | Commercial ($15+/mo) | Sync Plan ($5/mo) | **100% Free (Cloudflare Free Tier)** |\n| **Deployment** | Closed Cloud | Local Files + Plugins | **Serverless Self-Hosted (0 Maintenance)** |\n| **User Experience**| Classic 3-Pane (Heavy Ads) | Multi-Pane (Heavy Mobile) | **Classic 3-Pane + Native Apps & PWA** |\n| **Data & API** | Proprietary & Locked | Local Markdown | **Standard D1 SQLite / REST API / MCP** |\n| **AI Integration** | Limited / Paid | Requires 3rd Party Plugins| **Native MCP Endpoint & OpenAPI** |\n\n---\n\n### 📢 2. One-Click Cross-Platform Rich-Text Export (WeChat / Substack / Medium / WordPress)\n\nDesigned for content creators and writers, EdgeEver supports exporting notes to **elegantly formatted rich-text in one click**:\n\n- [x] Official Accounts & Newsletters: One-click copy & paste directly into WeChat, Substack, and Mailchimp\n- [x] Blogs & Platforms: Full compatibility with WordPress, Medium, Ghost, and major rich-text editors\n- [x] Zero Formatting Loss: Inlines CSS styling with code highlighting, tables, and images embedded seamlessly\n\n> 💡 **Creator Tip**: Click the copy button in the top action bar and paste directly into WeChat, Substack, or WordPress editor to see elegant formatting!\n\n---\n\n### 🎨 3. Dual-View & Configurable Themes\n\nSeamlessly toggle between **WYSIWYG Rich Text** and **Markdown Source** via the `` toggle in the top right.\n\n1. **Classic 3-Pane Notebook & Infinite Hierarchy**: Organized layout for managing notes.\n2. **8 Preset Editor Themes**: Moyu Green, Red & White, Graphite Minimal, Zen Whitespace, Moyu Ticket, Olive Journal, Mint Breeze, etc. (switchable in **User Settings / Profile**).\n3. **Multi-device Sync & WebP Compression**: Web PWA / iOS & Android Native Apps, saves 50% ~ 90% bandwidth.\n\n> 💡 **Tip**: All rich text formatting and themed blocks remain 100% compatible when toggling to Markdown mode.\n\n---\n\n### 4. Past 5 Days UX Improvements (v1.4.0 ~ v1.5.15)\n\nBased on commit logs over the past 5 days (July 19 - July 24, v1.4.0 ~ v1.5.15 releases), key interaction improvements include:\n\n- [x] Cross-Platform Copy & Export: WeChat/Substack export auto-inlines images; preserves Mermaid diagram copy dimensions; adds code block copy buttons\n- [x] Editor & Diagram Themes: Added 8 editor themes (Moyu Green, Graphite Minimal, Zen Whitespace, etc.) and selectable Mermaid diagram themes\n- [x] Visual Table Editing: Direct inline cell editing, right-click to add/delete rows/columns, with responsive layouts across devices\n- [x] Focus Mode & Search Shortcuts: Cmd/Ctrl + Shift + F toggles Focus Mode; selected text triggers search with smooth scrolling highlights\n- [x] Mobile & Media Experience: Polished mobile page transition animations; client-side WebP compression with progressive placeholders; one-tap Demo data reset\n\n---\n\n### 🎯 5. Immersive Focus Mode & Efficiency Shortcuts\n\nTo provide the ultimate writing experience, EdgeEver includes powerful productivity tools:\n\n1. **Zen Focus Mode**: Press `Cmd/Ctrl + Shift + F` or click the focus icon to hide sidebars and eliminate distractions.\n2. **Quick Text Search & Replace**: Highlight text and launch instant global search or in-editor replacement.\n3. **Real-time Search Highlighting**: Locate search terms with clear highlights across the editor and note lists.\n\n---\n\n### 💻 6. Syntax Highlighting & Quick Copy\n\nSupports dozens of programming languages (Python, TypeScript, Rust, SQL, etc.) with one-click code copying:\n\n```python\nimport requests\n\n# Fetch EdgeEver notebooks via REST API\ndef fetch_edgeever_notebooks(instance_url: str, token: str):\n headers = {\"Authorization\": f\"Bearer {token}\"}\n response = requests.get(f\"{instance_url}/api/v1/notebooks\", headers=headers)\n \n if response.status_code == 200:\n data = response.json()\n print(f\"Successfully fetched {len(data['data'])} notebooks!\")\n return data[\"data\"]\n return []\n```\n\n---\n\n### 📊 7. Interactive Mermaid Diagrams & Themes\n\nUse standard `mermaid` fenced code blocks to render multiple popular diagram types in real time, with support for **selectable diagram themes** and dimension-preserved copying:\n\n#### 1️⃣ System Flowchart\n```mermaid\nflowchart TD\n subgraph Client[\"📱 Clients Ecosystem\"]\n A[\"Web / PWA\"]\n B[\"iOS / Android Apps\"]\n end\n\n subgraph Backend[\"⚡ Cloudflare Backend Services\"]\n C[\"Cloudflare Workers API\"]\n D[(\"D1 SQLite DB\")]\n E[(\"R2 Object Storage\")]\n end\n\n A & B --> C\n C <--> D & E\n```\n\n#### 2️⃣ Interactive Sequence Diagram\n```mermaid\nsequenceDiagram\n autonumber\n actor User as User\n participant App as EdgeEver Client\n participant Worker as Cloudflare Worker API\n participant D1 as D1 Database\n\n User->>App: Edit and save note\n App->>Worker: POST /api/v1/memos (Save changes)\n Worker->>D1: Write note content & update revision\n D1-->>Worker: Return success (revision + 1)\n Worker-->>App: 200 OK (Latest sync cursor)\n App-->>User: Status updated to \"Saved\"\n```\n\n#### 3️⃣ State Transition Diagram\n```mermaid\nstateDiagram-v2\n [*] --> Drafts: Create new note\n Drafts --> Published: Save & Archive\n Published --> Pinned: Pin to top\n Pinned --> Published: Unpin note\n Published --> Trash: Move to trash\n Trash --> Published: Restore note\n Trash --> [*]: Delete permanently\n```\n\n---\n\n### 🖼️ 8. Rich Media & Image Attachments\n\nDrag-and-drop or paste images into your notes. Images are compressed locally before being saved to R2 storage:\n\n![EdgeEver Architecture & Editor](/api/v1/resources/res_demo_cat_image/blob)\n\n---\n\n### 🤖 9. 面向 AI Agent 的原生生态 (Agent-Ready)\n\nDesigned natively for the AI era:\n\n1. **REST API**: Provides standard OpenAPI definitions at `/api/openapi.json`.\n2. **MCP Endpoint**: Accessible at `/mcp`, allowing AI Agents to read/write notes directly.\n3. **Automated Workflows**: Auto-tagging, export/import, sync with Notion or Feishu.\n\n---\n\n> 🎯 **Quick Try**:\n> - Click \"Copy for WeChat / Publishing\" in the top toolbar to experience seamless content export;\n> - Switch **Editor Themes** in **User Settings / Profile** to customize your writing style;\n> - Press `Cmd/Ctrl + Shift + F` to toggle Focus Mode for distraction-free writing;\n> - Multi-select notes in the left list using `Cmd` / `Ctrl` and click \"Merge\" at the bottom;\n> - Click \"Reset Demo Data\" in the sidebar or settings to reset the demo state at any time!" + "## 🌟 EdgeEver Core Features Overview\n\n> **EdgeEver** is an open-source, serverless personal knowledge base built on Cloudflare. It retains the classic **Evernote-style three-pane layout**, while offering **100% free hosting**, full data ownership, visual editing, and native AI Agent (MCP) integration.\n\n---\n\n### 🚀 1. Feature Comparison (Visual Table Editing)\n\n*Tip: Click any cell in the table below to edit directly; right-click in editor mode to insert/delete rows or columns.*\n\n| Metric | Evernote | Obsidian | EdgeEver |\n| --- | --- | --- | --- |\n| **Hosting Cost** | Commercial ($15+/mo) | Sync Plan ($5/mo) | **100% Free (Cloudflare Free Tier)** |\n| **Deployment** | Closed Cloud | Local Files + Plugins | **Serverless Self-Hosted (0 Maintenance)** |\n| **User Experience**| Classic 3-Pane (Heavy Ads) | Multi-Pane (Heavy Mobile) | **Classic 3-Pane + Native Apps & PWA** |\n| **Data & API** | Proprietary & Locked | Local Markdown | **Standard D1 SQLite / REST API / MCP** |\n| **AI Integration** | Limited / Paid | Requires 3rd Party Plugins| **Native MCP Endpoint & OpenAPI** |\n\n---\n\n### 📢 2. One-Click Cross-Platform Rich-Text Export (WeChat / Substack / Medium / WordPress)\n\nDesigned for content creators and writers, EdgeEver supports exporting notes to **elegantly formatted rich-text in one click**:\n\n- [x] Official Accounts & Newsletters: One-click copy & paste directly into WeChat, Substack, and Mailchimp\n- [x] Blogs & Platforms: Full compatibility with WordPress, Medium, Ghost, and major rich-text editors\n- [x] Zero Formatting Loss: Inlines CSS styling with code highlighting, tables, and images embedded seamlessly\n\n> 💡 **Creator Tip**: Click the copy button in the top action bar and paste directly into WeChat, Substack, or WordPress editor to see elegant formatting!\n\n---\n\n### 🎨 3. Dual-View & Configurable Themes\n\nSeamlessly toggle between **WYSIWYG Rich Text** and **Markdown Source** via the `` toggle in the top right.\n\n1. **Classic 3-Pane Notebook & Infinite Hierarchy**: Organized layout for managing notes.\n2. **8 Preset Editor Themes**: Moyu Green, Red & White, Graphite Minimal, Zen Whitespace, Moyu Ticket, Olive Journal, Mint Breeze, etc. (switchable in **User Settings / Profile**).\n3. **Multi-device Sync & WebP Compression**: Web PWA / iOS & Android Native Apps, saves 50% ~ 90% bandwidth.\n\n> 💡 **Tip**: All rich text formatting and themed blocks remain 100% compatible when toggling to Markdown mode.\n\n---\n\n### 4. Past Week UX Improvements (v1.4.0 ~ v1.5.15)\n\nBased on commit logs over the past week (July 18 - July 24, v1.4.0 ~ v1.5.15 releases), key interaction improvements include:\n\n- [x] Cross-Platform Copy & Export: WeChat/Substack export auto-inlines images; preserves Mermaid diagram copy dimensions; adds code block copy buttons\n- [x] Editor & Diagram Themes: Added 8 editor themes (Moyu Green, Graphite Minimal, Zen Whitespace, etc.) and selectable Mermaid diagram themes\n- [x] Visual Table Editing: Direct inline cell editing, right-click to add/delete rows/columns, with responsive layouts across devices\n- [x] Focus Mode & Search Shortcuts: Cmd/Ctrl + Shift + F toggles Focus Mode; selected text triggers search with smooth scrolling highlights\n- [x] Mobile & Media Experience: Polished mobile page transition animations; client-side WebP compression with progressive placeholders; one-tap Demo data reset\n\n---\n\n### 🎯 5. Immersive Focus Mode & Efficiency Shortcuts\n\nTo provide the ultimate writing experience, EdgeEver includes powerful productivity tools:\n\n1. **Zen Focus Mode**: Press `Cmd/Ctrl + Shift + F` or click the focus icon to hide sidebars and eliminate distractions.\n2. **Quick Text Search & Replace**: Highlight text and launch instant global search or in-editor replacement.\n3. **Real-time Search Highlighting**: Locate search terms with clear highlights across the editor and note lists.\n\n---\n\n### 💻 6. Syntax Highlighting & Quick Copy\n\nSupports dozens of programming languages (Python, TypeScript, Rust, SQL, etc.) with one-click code copying:\n\n```python\nimport requests\n\n# Fetch EdgeEver notebooks via REST API\ndef fetch_edgeever_notebooks(instance_url: str, token: str):\n headers = {\"Authorization\": f\"Bearer {token}\"}\n response = requests.get(f\"{instance_url}/api/v1/notebooks\", headers=headers)\n \n if response.status_code == 200:\n data = response.json()\n print(f\"Successfully fetched {len(data['data'])} notebooks!\")\n return data[\"data\"]\n return []\n```\n\n---\n\n### 📊 7. Interactive Mermaid Diagrams & Themes\n\nUse standard `mermaid` fenced code blocks to render multiple popular diagram types in real time, with support for **selectable diagram themes** and dimension-preserved copying:\n\n#### 1️⃣ System Flowchart\n```mermaid\nflowchart TD\n subgraph Client[\"📱 Clients Ecosystem\"]\n A[\"Web / PWA\"]\n B[\"iOS / Android Apps\"]\n end\n\n subgraph Backend[\"⚡ Cloudflare Backend Services\"]\n C[\"Cloudflare Workers API\"]\n D[(\"D1 SQLite DB\")]\n E[(\"R2 Object Storage\")]\n end\n\n A & B --> C\n C <--> D & E\n```\n\n#### 2️⃣ Interactive Sequence Diagram\n```mermaid\nsequenceDiagram\n autonumber\n actor User as User\n participant App as EdgeEver Client\n participant Worker as Cloudflare Worker API\n participant D1 as D1 Database\n\n User->>App: Edit and save note\n App->>Worker: POST /api/v1/memos (Save changes)\n Worker->>D1: Write note content & update revision\n D1-->>Worker: Return success (revision + 1)\n Worker-->>App: 200 OK (Latest sync cursor)\n App-->>User: Status updated to \"Saved\"\n```\n\n#### 3️⃣ State Transition Diagram\n```mermaid\nstateDiagram-v2\n [*] --> Drafts: Create new note\n Drafts --> Published: Save & Archive\n Published --> Pinned: Pin to top\n Pinned --> Published: Unpin note\n Published --> Trash: Move to trash\n Trash --> Published: Restore note\n Trash --> [*]: Delete permanently\n```\n\n---\n\n### 🖼️ 8. Rich Media & Image Attachments\n\nDrag-and-drop or paste images into your notes. Images are compressed locally before being saved to R2 storage:\n\n![EdgeEver Architecture & Editor](/api/v1/resources/res_demo_cat_image/blob)\n\n---\n\n### 🤖 9. 面向 AI Agent 的原生生态 (Agent-Ready)\n\nDesigned natively for the AI era:\n\n1. **REST API**: Provides standard OpenAPI definitions at `/api/openapi.json`.\n2. **MCP Endpoint**: Accessible at `/mcp`, allowing AI Agents to read/write notes directly.\n3. **Automated Workflows**: Auto-tagging, export/import, sync with Notion or Feishu.\n\n---\n\n> 🎯 **Quick Try**:\n> - Click \"Copy for WeChat / Publishing\" in the top toolbar to experience seamless content export;\n> - Switch **Editor Themes** in **User Settings / Profile** to customize your writing style;\n> - Press `Cmd/Ctrl + Shift + F` to toggle Focus Mode for distraction-free writing;\n> - Multi-select notes in the left list using `Cmd` / `Ctrl` and click \"Merge\" at the bottom;\n> - Click \"Reset Demo Data\" in the sidebar or settings to reset the demo state at any time!" }, } as const; const DEMO_SEED_MEMOS_EN = DEMO_SEED_MEMOS_ZH.map((memo) => {