浏览器里写作、一键发布：三步用上免费 Markdown 编辑器 StackEdit

【免费下载链接】stackeditIn-browser Markdown editor项目地址: https://gitcode.com/gh_mirrors/st/stackedit

StackEdit 是一款运行在浏览器里的免费开源 Markdown 编辑器：不用安装、不用注册，打开页面就是编辑器。接下来从打开页面到发布一篇博客，带你走完整流程。

不想再倒手多个工具的时候

你在家里电脑上写了一半，通勤路上想用手机接着写；草稿写完了，又想在博客后台点一下发出去。常规流程是：本地编辑器写 → 下载文件 → 登录博客后台 → 粘贴。StackEdit 把这条链路压进同一个浏览器页面：写作、预览、同步、发布都在眼前完成，文档默认存在浏览器本地，忘了"保存"也不会丢稿。

两分钟在线开写，或自己部署一份

最快的方式：在浏览器里搜索 StackEdit，打开官方在线版本，直接开写。你敲下的内容会落到浏览器本地存储（IndexedDB），断网后重新打开，上一稿还在。

想在自己的环境里跑一份（比如内网使用、或配合自己的云服务密钥），四步以内搞定：

git clone https://gitcode.com/gh_mirrors/st/stackedit cd stackedit npm install npm start

然后在浏览器打开 http://localhost:8080 ，体验和在线版一致。

打开之后，值得先弄明白的 3 件事

三栏布局 + 滚动同步

右上角按钮栏可以切换界面布局：只看编辑器、编辑器加预览、只看预览。长文写作时建议打开"滚动同步"：编辑器和预览区的滚动条联动，你在源码里滚到哪，渲染结果就跟着跳到哪，不用来回切屏找位置。

两步接上你的云盘

打开 Sync（同步）菜单，里面列着一排云服务商：Google Drive、Dropbox、GitHub、GitLab、WordPress、Blogger、Zendesk。点"Add account"，在弹出的授权页完成登录，两步结束。之后在 Synchronize 菜单里选"Save on …"，文件就备份到云端了。还能更进一步：把一个 GitHub 仓库或 Google Drive 文件夹整个变成工作区，左侧文件树和云端目录一一对应，文件夹结构直接沿用。

一行开关，启用数学公式和流程图

打开任意文件的 File Properties（文件属性）对话框，按需勾选扩展：KaTeX 负责渲染数学公式，Mermaid 渲染流程图和时序图，ABC 渲染五线谱，emoji 则把:name:形式的写法变成图标。写作侧的成本只是几行源码，例如时序图：

sequenceDiagram Alice->>John: Hello John-->>Alice: Great!

扩展的实现都在 src/extensions/ 里，想加自己的渲染能力可以参考这里的写法。

从草稿到上线：一篇真实博客的走法

把前面的能力串起来，就是一条能直接照做的发布流：

1. 在左侧文件树新建post.md，开始写。
2. 自动同步默认每 90 秒跑一次，赶时间就按 Ctrl+S 手动同步。
3. 写完后打开 Publish 菜单，选 WordPress 或 Blogger，一键发布成文章；以后改了草稿，再点一次就把线上那篇更新掉。
4. 想看几天前写的版本，打开 File History 菜单，直接恢复任意旧版本。

快捷键默认值写在 src/data/defaults/defaultSettings.yml，每个都能在设置对话框里改掉，不用碰代码。

去写第一篇吧

一句话总结它：写作留在浏览器里，成品却能发去任何地方。现在打开官方在线版本试两分钟，或者按前面四步在自己机器上跑起来——自带的一页欢迎文件就是现成的操作手册，核心源码在 src/ 里，随时可以对照着看。

【免费下载链接】stackeditIn-browser Markdown editor项目地址: https://gitcode.com/gh_mirrors/st/stackedit