LaTeX 渲染器

工具：LaTeX 渲染器，灵感来自 Paul Ford 和 Aboard Foundary 的新网页应用 Tiny Little Office。该应用提供一套网页内容编辑器（文字处理器、大纲编辑器、演示文稿构建器、电子表格、计算器、绘图工具、图表制作器、动画制作器、日历和旅行规划器）。Tiny Little Office 的标志性功能是将所有文档数据存储在 URL 的 #fragment 部分中，因此使用它创建的每份文档都会成为可添加书签和分享的链接。它还提供一个 llms.txt 文件，告诉代理如何构造能够将内容渲染为文档的 URL。Claude 使用该文件生成了这个链接，链接指向一个讲解 URL 格式工作原理的演示文稿： 网页应用中的幻灯片编辑器截图，打开的是深色主题的演示文稿。文档标题栏显示“How a Tiny Little Office link works”，右上角有进度环、分享图标和菜单图标。下方是格式工具栏，其中有“Insert”下拉菜单，后面依次是播放、粗体、斜体、下划线、删除线、高亮、代码、链接、上标、表情符号、减少缩进、增加缩进、布局和调色板图标。主画布显示第 1 张幻灯片，其中有一个蓝色链环图标和以下文字：“The whole document is the link”“No server, no database, no account”“Everything after the # stays in your browser”，并显示幻灯片计数“1 / 9”。画布下方是“SPEAKER NOTES”标题。右侧边栏显示幻灯片缩略图。第 1 张幻灯片（已选中）：“The whole document is the link”“No server, no database, no account”“Everything after the # stays in your browser”。第 2 张幻灯片：“Anatomy of a link”，项目符号包括“tinylittleoffice.com/#/v1/deck/y7Vj...”“v1: the format version”“deck: which app opens it”“y: the mode letter”“7Vj...: the document, compressed and encoded”。第 3 张幻灯片：“Step 1: write it as text”，项目符号包括“Every document is TLO, a Markdown variant”“Slides split on --- lines”“Charts, drawings and animations are fenced blocks”“This deck is about 1 KB of plain text”。第 4 张幻灯片：“Step 2: squeeze it”，项目符号包括“Raw DEFLATE, the same algorithm as zip and gzip”“z: plain DEFLATE”“y: DEFLATE with a preset dictionary”“r: no compression at all”。 Tiny Little Office 启发我让 Claude Code（Opus 5.5 Extra）构建一个使用 LaTeX 的类似工具。以下是我使用的提示词序列： 我想要一个工具，可以通过片段哈希 #code-here 链接到它，并将这段代码视为 LaTeX，然后非常有效地进行渲染。它还应支持一个前缀，表示 LaTeX 使用针对 LaTeX 优化的自定义压缩字典进行压缩。请使用 CDN 上可用的最佳 LaTeX 渲染库（也考虑 WebAssembly）。如果加载时没有片段哈希，则显示一个可以粘贴 LaTeX 的编辑器，然后可以切换到“rendered”视图。该渲染视图应当可以添加书签。#fragment 视图还应允许切换回编辑源代码。 由于它是在我的工具仓库中运行的，我告诉它参考我现有的 SVG in Markdown 工具所采用的机制，以防范 XSS 风险： XSS 安全吗？我们可以像之前让它复制的 SVG markdown render 项目那样，在 iframe sandbox 中运行。 我还让它从那个工具中复制 Gist/URL 加载功能： 我们应该提供一个从 URL（或 gist）加载 LaTeX 的选项，类似于 markdown SVG 工具。 这是一个示例链接 。 该工具使用 Pako 2.1.0、MathJax 4.1.3、faster-latex 0.3.1 和 DOMPurify 3.4.16。 网页应用截图，标题为“LaTeX renderer”，采用分栏布局。顶部栏有“Edit/Rendered”切换按钮、蓝色的“Copy link”按钮和“Share”按钮。左侧面板标记为“LaTeX source”，带有“Document · faster-latex (WASM)”徽章，其中有一个 URL/GitHub Gist 输入框和“Load”按钮、一个包含 LaTeX 文档的代码编辑器，以及多行示例按钮（Quadratic formula、Gaussian integral、Maxwell、Attention、Matrix、Chemistry、Prose、TikZ、Document）。右侧面板显示排版后的输出：一张标题为“Sums of Odd Numbers”、作者为“A. Student”的文稿，其中有一节说明前 n 个奇数之和为 n 的平方的定理、包含编号公式的“Proof”部分，以及一个列出小规模情形的项目符号列表。 标签：latex、paul-ford、tools、urls、ai、generative-ai、llms