暂未播放
0:00
0:00

Firefly-Markdown:为 Firefly 博客打造的零依赖 Markdown 编辑器

523 字
3 分钟
Firefly-Markdown:为 Firefly 博客打造的零依赖 Markdown 编辑器

写 Firefly 博客时,最烦的往往不是写正文,而是手工写 FrontMatter:字段一堆、引号冒号要转义,写错一处整个页面就崩。所以做了 Firefly-Markdown——一个配 Firefly 主题的所见即所得本地 Markdown 编辑器。

它是什么#

纯前端、零外部依赖、离线可用。把文件放在同一目录,双击 index.html 就能用,不需要 Node、不需要构建,也不依赖网络。反正就是写篇随笔,不想先起一套构建流程,打开就能写,关掉就收工。

能做什么#

  • 零依赖 / 离线可用:无框架、无构建、无 CDN,断网照常工作。
  • 预览模拟博客样式:解析器是自己写的,预览效果和 Firefly 大致相同,包括封面、标题、描述、标签这些文章头部卡片,支持滚动同步。
  • FrontMatter 可视化:标题、描述、标签、分类、封面(随机图 / 自定义)、许可证、密码保护等字段全做成表单,自动转义,一键导出标准 MD。
  • 扩展语法:Expressive Code 风格代码块(窗口框、行标记、ANSI 着色、折叠、代码组、diff)、KaTeX 公式(已本地打包,离线可用)、提示块、Mermaid / PlantUML、文章卡片、内部链接。
  • 编辑体验:工具栏、/ 斜杠命令、查找替换、富文本粘贴、文档库多文章管理、自动保存。

项目地址#

ImYufish
/
Firefly-Markdown
专为Firefly主题设计,可视化填写文章信息、一键生成标准 YAML FrontMatter 博客文章,开箱即用。
no-license
JavaScript

克隆或下载后双击 index.html 就能开始用。遇到问题或者想加点什么,欢迎去仓库提 Issue。

可选的服务器模式#

ImYufish
/
firefly-markdown-worker
Firefly-Markdown backend: Cloudflare Workers + Hono + D1 + R2 (GitHub OAuth login + Contents API proxy)
no-license
JavaScript

默认是纯前端:在设置里粘贴一个 GitHub PAT(Personal Access Token,需要 repo 权限),就能把文章直接推到你博客仓库的 src/content/posts,保存即发布。

不想在浏览器里暴露 PAT 的话,可以启用服务器模式:

  • 部署一个 Cloudflare Worker 作后端(代码在 firefly-markdown-worker),负责 OAuth 登录并代理 GitHub Contents API;
  • 编辑器里填好后端地址,用 GitHub 账号 OAuth 登录,全程不接触 PAT。

用 PAT 直连不需要任何后端,只有想走 OAuth 登录时才用得上它。

支持与分享

如果这篇文章对你有帮助,欢迎分享给更多人或打赏支持!

打赏
Firefly-Markdown:为 Firefly 博客打造的零依赖 Markdown 编辑器
https://x1anyu.cn/posts/2/
作者
羡鱼
发布于
2026-07-28
许可协议
CC BY-NC-SA 4.0

评论区

Profile Image of the Author
羡鱼
临渊空慕水中鱼, 不如携风自渡河.
分类
标签
最新动态
站点统计
文章
14
分类
7
标签
35
总字数
19,969
运行时长
0
最后活动
0 天前
文章目录