流光笔记

流光笔记

Markdown编辑器浏览器扩展AI助手与网页剪藏Mermaid与KaTeX知识库与书籍
版本:v1.0

更新时间: 2026-10-09

你只管写,剩下的交给我。

侧边栏 Markdown 专注创作,所见即所得,图表公式信手拈来;日常思考自动沉淀为专栏、汇编成书;最终皆能一键直通静态博客,写完即发布。

每一道流光,都替你安放成章。

⚡ FlashNote 1.0 核心特性

FlashNote (流光笔记) 是一款专为极客、写作者、技术博主与学者打造的跨浏览器现代化侧边栏创作工作台。无论是捕捉稍纵即逝的灵感火花,还是编排结构严谨的长篇技术专著,FlashNote 都能为您带来极致流畅、无拘无束的写作体验。


🌟 核心功能一览

1. 📂 双轨创作系统:速记与专栏各得其所

  • 独立速记 (Notes):
    • 毫秒级极速灵感记录,支持置顶、收藏与物理目录归类;
    • 悬浮抽屉式列表面板,支持侧边栏常驻固定与自动隐藏,状态持久化记忆。
  • 书籍专栏 (Books):
    • 树形章节目录大纲编排,支持拖拽重构章节层级与顺序;
    • 配套整书连续沉浸式阅读器,无断点连续通读整部大作。

2. ✍️ 工业级 Tiptap 所见即所得编辑器

  • 4 种自由切换的视界:
    • 🎨 可视化模式 (Visual):所见即所得富文本交互,支持任务清单、层级标题、表格等;
    • 📑 双栏对照模式 (Split):左侧富文本编辑,右侧同步纯文本源码对照;
    • 📝 Markdown 源码模式 (Source):纯文本 Markdown 敲击体验,保持原汁原味极客习惯;
    • 🌐 纯网页预览模式 (Preview):模拟最终排版,超链接安全可直接点击跳转。
  • 精细排版与输入优化:
    • 代码块内置灰色不可复制行号与右上角一键复制代码;
    • 覆盖上百种编程语言与标记语言分类语法高亮;
    • 滚动比例(ScrollRatio)自动持久化记忆与精准百分比复原。

3. 📐 KaTeX LaTeX 数学公式实时引擎

  • 原生支持行内数学公式($E=mc^2$)与多行块级数学公式($$\int_0^\infty e^{-x^2} dx$$);
  • 配套专用公式输入弹窗,常用数学符号快捷输入,毫秒级实时渲染预览。

4. 📊 Mermaid 交互图表全功能套件

  • 流程图、时序图、类图、状态图等即写即渲染;
  • 手势拖拽平移:鼠标悬停自动呈现手掌光标,按住左键自由平移,双击画布立即居中复位;
  • 全屏沉浸灯箱:一键唤起 94vw × 88vh 巨幅大图弹窗,支持 30%~350% 无级大比例缩放;
  • 双格式按需导出:一键导出无损矢量 SVG 与 2x 视网膜高清 PNG,配备 24px 呼吸留白与纯白底板,并自动生成语义化文件名。

5. 🚀 博客直通 (Blog Direct):打造 MagicNote 静态站专用编辑器

  • 化身静态博客生产力利器:
    • 传统基于 Git 与本地 Markdown 文件的静态博客(如 VitePress、Astro)长期面临“缺乏轻量便捷的可视化编辑器”、“插入配图与技术图表繁琐”、“离开电脑无法随手写作”等痛点;
    • FlashNote 深度结合个人开源博客主题 MagicNote (FisherMS/magicnote),原生将浏览器侧边栏蜕变为静态博客专属的沉浸式 WYSIWYG 可视化编辑器。
  • 零配置自动化 FrontMatter 注入:
    • 每篇笔记自动编译注入符合 MagicNote / 静态博客规范的标准 YAML 元数据头;
    • 自动管理 title(标题)、date(智能防时区漂移发布时间)、category(业务分类)、tags(标签数组)、order(📌 加权置顶权重)与 description(支持富文本/Markdown 渲染的导读摘要)。
  • 规范化工程目录结构输出:
    • 严格解耦物理目录 folder 与业务标签 category,自动编译生成标准的 posts/{folder}/{slug}.md 树状资产结构;
    • 伴生插图与导出的 Mermaid 架构图自动按规范就地归档,遵循静态站点“公共全局资源与博主内容资产严格权责隔离”的工程准则。
  • 全链路极速发布闭环:
    • 侧边栏沉浸速记 -> 富文本/源码随心排版 -> 博客直通一键编译同步 -> 触发 CI/CD 自动化构建,真正打通“写完即发布”的现代化极速创作流。

6. ☁️ 数据自持:百度网盘分卷差量同步

  • 独创分卷切片与哈希指纹校验引擎,只上传变动章节,告别大文件上传超时;
  • 同步时自动在云端汇编生成单体长篇完整电子书 ${safeBookName}.md(含自动目录锚点)与开源规范 SUMMARY.md。

7. 🤖 端云兼备的 AI 创作助手 (AI Assistant)

  • 多级大模型编排:原生支持 Chrome 内置端侧 AI (Gemini Nano / Prompt API) 本地离线推理,同时兼容 Google Gemini API (Gemini 1.5/2.0 Flash) 与 OpenAI 兼容协议;
  • 沉浸式交互体验:提供独立可拖拽、自由缩放尺寸的浮动助手面板,随心移动不遮挡排版正文;
  • 开箱即用写作指令:内置一键文本润色、语法校对、多语言学术翻译、文章智能总结、大纲扩写与自由自定义提示词。

8. 🌐 全局智能网页剪藏与灵感捕获 (Web Clipper)

  • 多维上下文捕获:浏览任意网页时,通过右键菜单一键快速剪藏网页正文全文、选中文本片段、超链接或配图;
  • 轻量原生动态气泡 (Web Toast):网页右上角极简动效保存反馈气泡,无需依赖系统通知权限即可确认剪藏状态;
  • 溯源与侧边栏联动:自动捕获网页标题与原始 URL 引用,支持保存后自动呼出侧边栏并高亮新笔记。

9. 🗄️ OPFS 高性能原生物理存储

  • 采用现代浏览器 Origin Private File System (OPFS) 规范,在本地高速隔离存储笔记配图与多媒体资产;
  • 笔记删除时自动触发资产级联彻底清理,告别本地无用缓存冗余。

10. 📊 透明受控的 Google Analytics 4 匿名产品分析

  • 基于 Google Analytics 4 Measurement Protocol 收集冷启动耗时、功能采纳频次等匿名聚合指标,零业务侵入;
  • 严格遵循零 PII 原则,绝不采集笔记正文与个人信息,且在【设置】中提供一键关闭开关,把控制权完全还给用户。

11. 🎯 贴心打磨的现代交互细节

  • 自适应折叠工具栏:基于 ResizeObserver 动态感应宽度,宽屏单行、窄屏自适应折行,杜绝横向滚动条;
  • 50ms 极速微动效气泡:悬浮瞬间弹出精致 Tooltip,交互轻快灵动;
  • 四国多语言即时热切换:简体中文、繁体中文、English、日本語点击即换。