# 可观察笔记本 2.0 ## 概述 Observable Notebooks 2.0 是一个开源笔记本系统，用于创建结合了代码、数据和可视化的交互式文档。它具有基于 HTML 的文件格式、vanilla JavaScript（不再是 Observable 特定的方言）以及用于构建静态站点的 CLI。 ## 何时使用此技能在以下情况下使用此技能： * 创建新的 Observable 笔记本 * 编辑现有的笔记本文件 * 在本地构建和预览笔记本 * 使用 Observable 的标准库（Plot、Inputs、D3） ## 安装安装 Notebook Kit 作为本地依赖项： npm 添加@observablehq/notebook-kit ## CLI 命令 ### 预览（开发服务器）笔记本预览notebook.html 笔记本预览 --root ./notebooks 笔记本预览--template template.tmpl notebook.html 启动具有实时重新加载功能的开发服务器以编辑笔记本。 ### 构建（静态站点生成）笔记本构建notebook.html 笔记本构建 --root ./notebooks -- *.html 默认情况下在 `.observablehq/dist/` 中生成静态 HTML。 ### 下载（转换现有笔记本）笔记本下载 https://observablehq.com/@d3/bar-chart > bar-chart.html 将现有的 Observable 笔记本下载为本地 HTML 格式。 ### 查询（数据库查询）笔记本查询 --database duckdb 'SELECT * FROM data' 执行并缓存数据库查询结果。 ## 文件格式笔记本是带有 `` 根元素的 HTML 文件： <笔记本> <标题>我的笔记本 <脚本类型=“文本/markdown”> # 简介这是带有插值的降价单元格：${1 + 1} <脚本类型=“模块”> 常量数据 = [1, 2, 3, 4, 5]; 显示（数据）； <脚本类型=“模块”> 从“npm:@observablehq/plot”导入*作为绘图；显示(Plot.barY(数据).plot()); 在“

可观察的笔记本

包含技能