博客客户端已经完成

Mon, 13 Jul 2026 21:55:07 +0800

BlogEdit：用原生桌面体验重新定义 Hugo 博客管理

如果你和我一样，喜欢用 Hugo 配合 PaperMod 主题写博客，但又对命令行 SSH + scp 的编辑流程感到腻烦——那么 BlogEdit 可能就是你要找的答案。

这是一个基于 Tauri 2 和 SvelteKit 5 的 macOS 原生客户端，设计上承袭 Apple HIG 风格。它的核心逻辑很简单：通过 SSH 远程管理博客文章，没有本地存储，所有读写都在远端完成。配合 AI 辅助写作、一键部署和沉浸式编辑器，让 Hugo 博客的日常维护变得像使用现代笔记应用一样顺滑。

主要功能一览

文章 CRUD：通过 SSH 远程创建、编辑、删除 Markdown 文件，数据始终留在服务器上。
沉浸式单栏编辑器 + 滑入预览浮层：专注写作，向右滑动即可预览渲染效果。
AI 辅助：支持大纲生成、文章润色、摘要提取和自由对话，背后可对接任何兼容 OpenAI API 的服务。
统计面板：一目了然的文章总数、总字数、月度分布、标签分布。
发布即部署：保存或删除文章后，自动触发 Hugo 构建命令，将站点部署到博客根目录。
三档主题：深色、浅色、跟随系统，配合 16 个 CSS 语义 Token，轻松适配。
侧边栏搜索过滤：按标题、标签或分类快速筛选文章列表。
自定义确认弹窗 + 弹簧动效：细节上向 Apple 原生应用靠拢，操作反馈自然有弹性。

项目架构

src/
├── lib/
│ ├── Sidebar.svelte # 文章列表 + 搜索 + 导航
│ ├── Editor.svelte # 编辑器 + 滑入预览
│ ├── StatsPanel.svelte # 统计卡片
│ ├── SettingsPanel.svelte # 设置页面
│ ├── NewPostModal.svelte # 新建文章弹窗
│ ├── ConfirmModal.svelte # 确认删除弹窗
│ ├── state.svelte.js # 全局响应式状态
│ └── actions.svelte.js # 所有业务动作
├── routes/
│ ├── +layout.svelte # 根布局 + CSS Token
│ └── +page.svelte
└── src-tauri/src/
 └── commands.rs # Rust 后端 SSH 与 AI 调用

前端采用 SvelteKit 2（adapter-static 打包为 SPA），后端是 Tauri 2 的 Rust 命令层，通过 system ssh 执行远程操作，通过 reqwest 调用 AI API。

如何开发

npm install
npm run tauri dev

Tauri 的热重载让 Svelte 组件修改即时反映在原生窗口中，调试体验和 Web 开发几乎一致。

构建发布

npm run release

这个命令会自动：自增版本号 → 编译 Rust → 打包 → 安装到 /Applications/BlogEdit.app。发布后可直接从 Launchpad 启动，像使用任何 macOS 应用一样。

备份机制

项目的 Git 仓库托管在自建服务器上：

git push
# remote: root@10.10.10.254:/mnt/mmc0-8/git/blogedit.git

你需要配置什么

打开设置面板，填入以下信息即可使用：

SSH 地址、博客 Hugo 根目录路径、部署路径
AI API 地址 / Key / 模型（可选）

为什么选择 Tauri + SvelteKit

更小的体积：相比 Electron，Tauri 应用打包后不足 10 MB。
原生性能：Rust 后端直接调用系统 SSH，无需额外依赖。
Apple 风格：Svelte 的响应式系统与 CSS 计算能力结合，能精确还原 Apple HIG 动效。

如果你也在寻找一个优雅的 Hugo 桌面客户端，不妨试试 BlogEdit。它没有云端同步、没有第三方服务依赖，有的只是对写作和生产力的尊重。

项目持续迭代中，欢迎贡献想法或 PR。

网络，技术 on My Life is Going On