34:["$","title",null,{"children":"Learning Observable 2：Reactive Markdown & HTML | Xin Li | Observable"}] 3c:[] 38:{"id":"2f234eb2c25b5291","slug":"learning-observable-2-reactive-markdown-html","title":"Learning Observable 2：Reactive Markdown & HTML","thumbnail":"d217a5dc0138c85c93d8b8d171f51c41aa553f0726eae6dfeb9077ab6a8a6aec","access_level":"public","create_time":"$D2021-11-11T04:36:06.981Z","update_time":"$D2021-11-12T02:31:43.905Z","view_time":null,"first_public_time":"$D2021-11-12T02:21:21.973Z","has_unpublished_edits":null,"fork":{"id":"9344d90fb86ff9d2","slug":"reactive-markdown-html","title":"Reactive Markdown & HTML","owner":{"id":"26a284e1b2d5e24f","login":"1907040109","name":""}},"stars":2,"starred":false,"owner":{"type":"team","id":"fd6705dc39f6f121","login":"lixin","name":"Xin Li","avatar_url":"https://avatars-next.observableusercontent.com/c4505b020f27848af3d300a6bb0a4ca758506e915d868c14f623c1185c3c5e4b","tier":"starter_2024","bio":"","followed_by_you":false,"follows_you":false},"version":84,"publish_version":84,"role":null,"authored":false,"authors":[{"type":"individual","id":"cdd2fcc7636494f4","login":"lixin","name":"Xin Li","avatar_url":"https://avatars-next.observableusercontent.com/c4505b020f27848af3d300a6bb0a4ca758506e915d868c14f623c1185c3c5e4b","tier":null,"bio":"","followed_by_you":false,"follows_you":false}],"members":[{"type":"individual","id":"cdd2fcc7636494f4","login":"lixin","name":"Xin Li","avatar_url":"https://avatars-next.observableusercontent.com/c4505b020f27848af3d300a6bb0a4ca758506e915d868c14f623c1185c3c5e4b","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":true,"trashed":false,"lapsed":null,"subscribed":null,"forks":3,"collection":{"id":"0a1ec3da0382feaa","slug":"learning-observable/2","title":"Learning Observable","owner":{"id":"fd6705dc39f6f121","login":"lixin","name":"Xin Li"}},"type":"notebook","body":{"titling":"auto","title":"Learning Observable 2：Reactive Markdown & HTML","cells":[{"id":0,"value":"md`# Learning Observable 2：Reactive Markdown & HTML`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":59,"value":"md`\n\nObservable的notebook很适合用数据讲述引人注目的故事，但要做到这一点，你需要的不仅仅是美丽的可视化！您还希望文本和其他元素能够帮助添加上下文、解释和结构。使用Observable的内置助手，您可以在notebook中包含任意标记文本和HTML元素，甚至可以利用Observable的响应数据流，在notebook中发生变化时使标记和HTML主动更新。在这个视频中，Observable的开发者AnjanaVakil解释了如何用反应性文本和HTML元素来增强您的notebook。\n\n_下面是我们的notebook!_\n\n#### 资源 & 进一步阅读:\n- 📝 [Markdown Quick Reference](https://observablehq.com/@observablehq/markdown-quick-reference)\n- 🌐 [Introduction to HTML in Observable](https://observablehq.com/@observablehq/introduction-to-html?collection=@observablehq/introduction)\n- 🏃🏽‍♀️ [How Observable Runs](https://observablehq.com/@observablehq/how-observable-runs?collection=@observablehq/introduction)\n\n\n---------------`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":7,"value":"md`## 更多的标记\n\n\n一些我喜欢的东西:\n- bullet points\n- *italic* or **bold** text\n- [websites](https://observablehq.com)\n- the number ${4 + 5}\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":20,"value":"html`

HTML

`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":22,"value":"fav = html`

我最喜欢的颜色是 ${color}

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":29,"value":"color = \"blue\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":82,"value":"html`Next`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W3c","stdlib":"1"}} 33:null