datasette.io 新闻预览工具

# 工具：datasette.io 新闻预览 来源：https://simonwillison.net/2026/Apr/16/datasette-io-preview/ datasette\.io 新闻预览 (https://tools.simonwillison.net/datasette-io-preview) — 用 YAML 格式预览和验证 datasette\.io 新闻条目，提供实时渲染和 markdown 检查功能。编辑器从 GitHub 加载当前的 news\.yaml 文件，并对格式错误、链接验证和 markdown 语法问题提供即时反馈，同时显示条目在实际网站上的样式预览。使用错误徽章追踪验证问题，直接在编辑器窗格中修复。 datasette\.io (https://datasette.io/) 网站的新闻部分由底层 GitHub 仓库中的 news\.yaml (https://github.com/simonw/datasette.io/blob/main/news.yaml) 文件构建。YAML 格式如下： ``` - date: 2026-04-15 body: |- Datasette 1.0a27 (https://docs.datasette.io/en/latest/changelog.html#a27-2026-04-15) 改变了 CSRF 保护的工作方式，简化了表单和 API 集成，并引入了用于表重命名的新 `RenameTableEvent`。 - date: 2026-03-18 body: |- ... ``` 这种格式编辑起来有点困难，所以我最终让 Claude 构建了一个 自定义预览界面 (https://claude.ai/share/c96129b9-bcb0-4eba-aee9-4a7ad236dfb7) 来降低检查错误的摩擦力。 我使用标准 claude\.ai (https://claude.ai/) 和 Claude Artifacts 来构建它，利用 Claude 作为常规聊天的一部分克隆 GitHub 仓库和查看其内容的能力： > `克隆 https://github\.com/simonw/datasette\.io 并查看 news\.yaml 文件以及它在主页上的渲染方式。构建一个我可以粘贴该 YAML 的交互式界面，预览它的外观，并突出显示任何 markdown 或 YAML 错误` 截图显示了 datasette.io 新闻预览工具的两个并排视图。左面板显示深色主题的 YAML 编辑器，包含日期和 Markdown 格式正文字段的新闻条目，底部有红色验证错误，表明日期字段格式无效。右面板显示渲染的预览输出，按日期分组显示标题（2026 年 4 月、2026 年 3 月 18 日），显示 115 条新闻条目，包含链接的发布版本名称、内联代码片段和更新日志描述。左面板标题上出现一个红色徽章，其中显示"1"表示一个验证错误。