⚡ 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、日本語点击即换。
