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、文章卡片、内部链接。
- 编辑体验:工具栏、
/斜杠命令、查找替换、富文本粘贴、文档库多文章管理、自动保存。
项目地址
专为Firefly主题设计,可视化填写文章信息、一键生成标准 YAML FrontMatter 博客文章,开箱即用。
克隆或下载后双击 index.html 就能开始用。遇到问题或者想加点什么,欢迎去仓库提 Issue。
可选的服务器模式
Firefly-Markdown backend: Cloudflare Workers + Hono + D1 + R2 (GitHub OAuth login + Contents API proxy)
默认是纯前端:在设置里粘贴一个 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/相关文章智能推荐
1
给博客接入一言(Hitokoto):四种展示位的统一思路
组件实现弄完天气组件之后,侧边栏总觉得还差点意思。一言(Hitokoto)这种一句小句子很适合我~
2
给博客侧边栏加一个天气组件
组件实现侧边栏一直空着一块位置,想着放个天气小组件挺实用——一眼看到温度、空气质量,点开看湿度风力。
3
音乐页软导航改造:播放不中断的排错记录
组件实现音乐页一直是整页加载,导致播放切页就断。这次把它交还 Swup 软导航,顺手填掉导航栏发白、位移、歌词丢失、高亮过亮、浮层面板反白、移动端 Web Audio 接管暂停一串坑。
4
博客音乐播放器:3D 频谱地形与 Meting 接入
组件实现给博客加了个能看的音乐页——Three.js 频谱方块地形 + Meting API 直连QQ音乐。
5
我把友链系统重做成了一套自动巡检 + 自助申请的玩意
组件实现友链这东西看着简单,维护起来全是琐碎。我干脆把它拆成两个仓库,真源只留一份,申请走 Issue 模板机器人核验,每天定时巡检谁挂了。整套跑在 GitHub Actions 上,零服务器成本。
随机文章随机推荐











