id: a09999906dde4e669d5d4458bd001924
parent_id: 
item_type: 1
item_id: b853568878f4495980d19cca7daab610
item_updated_time: 1764345609905
title_diff: "[{\"diffs\":[[1,\"Excalidraw：一个手绘风格的白板工具\"]],\"start1\":0,\"start2\":0,\"length1\":0,\"length2\":22}]"
body_diff: "[{\"diffs\":[[1,\"<html>\\\r\\\n<head>\\\r\\\n  <title>Excalidraw：一个手绘风格的白板工具</title>\\\r\\\n  <basefont face=\\\"微软雅黑\\\" size=\\\"2\\\" />\\\r\\\n  <meta http-equiv=\\\"Content-Type\\\" content=\\\"text/html;charset=utf-8\\\" />\\\r\\\n  <meta name=\\\"exporter-version\\\" content=\\\"YXBJ Windows/608924 (zh-CN, DDL); Windows/10.0.0 (Win64); EDAMVersion=V2;\\\"/>\\\r\\\n  <meta name=\\\"content-class\\\" content=\\\"yinxiang.peso.superNote\\\"/>\\\r\\\n  <meta name=\\\"application-data:yinxiang.noteLayout\\\" content=\\\"{\\\"lineSpace\\\":\\\"recommend\\\",\\\"paragraphSpace\\\":\\\"recommend\\\"}\\\"/>\\\r\\\n  <style>\\\r\\\n\\tbody, td {\\\r\\\n\\t  font-family: 微软雅黑;\\\r\\\n\\t  font-size: 12pt;\\\r\\\n\\t}\\\r\\\n  </style>\\\r\\\n</head>\\\r\\\n<body>\\\r\\\n<a name=\\\"33077\\\"></a>\\\r\\\n<h1>Excalidraw：一个手绘风格的白板工具</h1>\\\r\\\n\\\r\\\n<div><span style=\\\"\\\"><div style=\\\"max-width: 700px;\\\"><p></p><div style=\\\"--en-blockquote: true; box-sizing: border-box; border-left: 3px solid #b4c0cc; background-position: initial initial; background-repeat: initial initial;\\\"><div>原文链接: <a href=\\\"http://mp.weixin.qq.com/s?__biz=MzAxMjIyNDM5NQ==&amp;mid=2455885828&amp;idx=1&amp;sn=37517f1b9ca5ea4999dcd5724cb978e2&amp;chksm=8ddf702486c6b943f4eec0cb49131e310f15ade1187f57e8ad78576ec867177a988c003a15e5&amp;mpshare=1&amp;scene=1&amp;srcid=1108y6GFpbxzEvdmmkx5oHpw&amp;sharer_shareinfo=7a3c1056577a651bab48eaa27249525a&amp;sharer_shareinfo_first=7a3c1056577a651bab48eaa27249525a#rd\\\"><span>http://mp.weixin.qq.com/s?__biz=MzAxMjIyNDM5NQ==&amp;mid=2455885...</span></a></div></div><p></p><div style=\\\"-webkit-tap-highlight-color: transparent;\\\"><div style=\\\"-webkit-tap-highlight-color: transparent;\\\"><div style=\\\"-webkit-tap-highlight-color: transparent;\\\"><div style=\\\"-webkit-tap-highlight-color: transparent;\\\"><span style=\\\"-webkit-tap-highlight-color: transparent;\\\">原创</span><span style=\\\"-webkit-tap-highlight-color: transparent;\\\"><span style=\\\"-webkit-tap-highlight-color: transparent;\\\">刘专M</span></span><span style=\\\"-webkit-tap-highlight-color: transparent;\\\"><a style=\\\"-webkit-tap-highlight-color: transparent;\\\"> Codeman </a></span><span style=\\\"-webkit-tap-highlight-color: transparent;\\\"><em style=\\\"-webkit-tap-highlight-color: transparent;\\\"></em></span></div><div style=\\\"-webkit-tap-highlight-color: transparent;\\\"><p style=\\\"-webkit-tap-highlight-color: transparent; text-align: left;\\\"><span style=\\\"-webkit-tap-highlight-color: transparent; letter-spacing: 0.034em; text-align: justify;\\\">俗话说，一图胜千言。</span><span style=\\\"-webkit-tap-highlight-color: transparent; letter-spacing: 0.034em; text-align: justify;\\\">一副图画或图片所能传达的信息和情感，往往超过大量的文字描述。</span></p><p style=\\\"-webkit-tap-highlight-color: transparent;\\\">Excalidraw 是一个手绘风格的白板工具，使用它可以轻松愉快地创建各种图形。</p><p style=\\\"-webkit-tap-highlight-color: transparent;\\\">Excalidraw 支持在浏览器中直接访问，也可以安装为本地应用。它使用了 PWA 技术，支持离线使用，断网了也不怕。<br style=\\\"-webkit-tap-highlight-color: transparent;\\\"/></p><p style=\\\"-webkit-tap-highlight-color: transparent; text-align: center;\\\"><img src=\\\":/845152c7835f48a88d012600bc7021f4\\\" type=\\\"image/png\\\" data-filename=\\\"640.png\\\" style=\\\"--en-marks: %7B%22align%22%3A%22center%22%7D; -webkit-tap-highlight-color: transparent; width: auto;\\\" width=\\\"auto\\\"/></p><p style=\\\"-webkit-tap-highlight-color: transparent;\\\">Excalidraw 的基本几何图形包括矩形、菱形、圆形、箭头和直线。边框样式、粗细、填充图案等都可以设定。<br style=\\\"-webkit-tap-highlight-color: transparent;\\\"/></p><p style=\\\"-webkit-tap-highlight-color: transparent; text-align: center;\\\"><img src=\\\":/2c89fb752afb4886979ab5d4e75a2638\\\" type=\\\"image/png\\\" data-filename=\\\"640.png\\\" style=\\\"--en-marks: %7B%22align%22%3A%22center%22%7D; -webkit-tap-highlight-color: transparent; width: auto;\\\" width=\\\"auto\\\"/></p><p style=\\\"-webkit-tap-highlight-color: transparent;\\\">绘制箭头时，如果附近某个节点出现灰色轮廓，表示箭头可以和它建立绑定关系。一旦两者绑定，箭头会自动跟随节点的位置改变。</p><p style=\\\"-webkit-tap-highlight-color: transparent; text-align: center;\\\"><img src=\\\":/eccac5c433374bd598953dc644afaf6b\\\" type=\\\"image/png\\\" data-filename=\\\"640.png\\\" style=\\\"--en-marks: %7B%22align%22%3A%22center%22%7D; -webkit-tap-highlight-color: transparent; width: auto;\\\" width=\\\"auto\\\"/></p><p style=\\\"-webkit-tap-highlight-color: transparent;\\\">Excalidraw 支持自动生成数据图表。首先，从表格工具（Excel、Number 等）中 Ctrl-C 复制数据区域，然后打开 Excalidraw 进行 Ctrl-V 粘贴，在弹出的「粘贴图表」选项中选择图表类型，就可以自动生成柱状图或折线图。<br style=\\\"-webkit-tap-highlight-color: transparent;\\\"/></p><p style=\\\"-webkit-tap-highlight-color: transparent; text-align: center;\\\"><img src=\\\":/e2eba25a22aa4f4abbe84dbda06238e0\\\" type=\\\"image/png\\\" data-filename=\\\"640.png\\\" style=\\\"--en-marks: %7B%22align%22%3A%22center%22%7D; -webkit-tap-highlight-color: transparent; width: auto;\\\" width=\\\"auto\\\"/></p><p style=\\\"-webkit-tap-highlight-color: transparent; text-align: center;\\\"><img src=\\\":/fd0763a3631d4d3a9ca7ecff50991db8\\\" type=\\\"image/png\\\" data-filename=\\\"640.png\\\" style=\\\"--en-marks: %7B%22align%22%3A%22center%22%7D; -webkit-tap-highlight-color: transparent; width: auto;\\\" width=\\\"auto\\\"/></p><p style=\\\"-webkit-tap-highlight-color: transparent; text-align: center;\\\"><img src=\\\":/889138abc026419c8d62d553db717994\\\" type=\\\"image/png\\\" data-filename=\\\"640.png\\\" style=\\\"--en-marks: %7B%22align%22%3A%22center%22%7D; -webkit-tap-highlight-color: transparent; width: auto;\\\" width=\\\"auto\\\"/></p><p style=\\\"-webkit-tap-highlight-color: transparent;\\\">Excalidraw 还支持 Mermaid 图表。Mermaid 是一种类似 Markdown 代码块的使用代码绘制图表的工具。<span style=\\\"-webkit-tap-highlight-color: transparent; letter-spacing: 0.034em;\\\">目前它支持流程图、时序图、甘特图等多种图表。</span></p><p style=\\\"-webkit-tap-highlight-color: transparent; text-align: center;\\\"><img src=\\\":/1968e27b454c4139bdbc68700cabd4df\\\" type=\\\"image/png\\\" data-filename=\\\"640.png\\\" style=\\\"--en-marks: %7B%22align%22%3A%22center%22%7D; -webkit-tap-highlight-color: transparent; width: auto;\\\" width=\\\"auto\\\"/></p><p style=\\\"-webkit-tap-highlight-color: transparent; text-align: left;\\\">如果你 Ctrl-C 复制了一个 Mermaid 时序图代码（以下代码来自 Mermaid 官网）：<br style=\\\"-webkit-tap-highlight-color: transparent;\\\"/></p><p style=\\\"-webkit-tap-highlight-color: transparent; text-align: center;\\\"><img src=\\\":/d83434752ff54264bc03d2f5a24e1a83\\\" type=\\\"image/png\\\" data-filename=\\\"640.png\\\" style=\\\"--en-marks: %7B%22align%22%3A%22center%22%7D; -webkit-tap-highlight-color: transparent; width: auto;\\\" width=\\\"auto\\\"/></p><p style=\\\"-webkit-tap-highlight-color: transparent; text-align: left;\\\">然后在 Excalidraw 中 Ctrl-V 粘贴，你就能得到一个手绘风格的时序图（毛坯风格）。<br style=\\\"-webkit-tap-highlight-color: transparent;\\\"/></p><p style=\\\"-webkit-tap-highlight-color: transparent; text-align: center;\\\"><img src=\\\":/e03a7617a8134a83acec71f775e6a0dc\\\" type=\\\"image/png\\\" data-filename=\\\"640.png\\\" style=\\\"--en-marks: %7B%22align%22%3A%22center%22%7D; -webkit-tap-highlight-color: transparent; width: auto;\\\" width=\\\"auto\\\"/></p><p style=\\\"-webkit-tap-highlight-color: transparent; text-align: left;\\\">如果觉得毛坯风格太简陋，可以随意调整图表元素的颜色、线条风格等属性。</p><p style=\\\"-webkit-tap-highlight-color: transparent; text-align: center;\\\"><img src=\\\":/bae0a1706c574638b4c2fc81084035d5\\\" type=\\\"image/png\\\" data-filename=\\\"640.png\\\" style=\\\"--en-marks: %7B%22align%22%3A%22center%22%7D; -webkit-tap-highlight-color: transparent; width: auto;\\\" width=\\\"auto\\\"/></p><p style=\\\"-webkit-tap-highlight-color: transparent; text-align: left;\\\">Excalidraw 支持实时协作。如果你想和朋友们通过白板交流，可以把生成的链接地址发给他们。<br style=\\\"-webkit-tap-highlight-color: transparent;\\\"/></p><p style=\\\"-webkit-tap-highlight-color: transparent; text-align: center;\\\"><img src=\\\":/76d66fd7be16471e84a07dedfbae7f4e\\\" type=\\\"image/png\\\" data-filename=\\\"640.png\\\" style=\\\"--en-marks: %7B%22align%22%3A%22center%22%7D; -webkit-tap-highlight-color: transparent; width: auto;\\\" width=\\\"auto\\\"/></p><p style=\\\"-webkit-tap-highlight-color: transparent; text-align: center;\\\"><img src=\\\":/419477b7992547e69021b47fcf911934\\\" type=\\\"image/png\\\" data-filename=\\\"640.png\\\" style=\\\"--en-marks: %7B%22align%22%3A%22center%22%7D; -webkit-tap-highlight-color: transparent; width: auto;\\\" width=\\\"auto\\\"/></p><p style=\\\"-webkit-tap-highlight-color: transparent; text-align: center;\\\"><img src=\\\":/6349cd230e134d9099eed65fb2a1577a\\\" type=\\\"image/png\\\" data-filename=\\\"640.png\\\" style=\\\"--en-marks: %7B%22align%22%3A%22center%22%7D; -webkit-tap-highlight-color: transparent; width: auto;\\\" width=\\\"auto\\\"/></p><p style=\\\"-webkit-tap-highlight-color: transparent;\\\">Excalidraw 还支持有限的 AI 功能，可以输入文字，生成图表。每个未登录用户每天有 10 次使用次数。<br style=\\\"-webkit-tap-highlight-color: transparent;\\\"/></p><p style=\\\"-webkit-tap-highlight-color: transparent; text-align: center;\\\"><img src=\\\":/a85abff07cbb4d88b134b88c6640c40d\\\" type=\\\"image/png\\\" data-filename=\\\"640.png\\\" style=\\\"--en-marks: %7B%22align%22%3A%22center%22%7D; -webkit-tap-highlight-color: transparent; width: auto;\\\" width=\\\"auto\\\"/></p><p style=\\\"-webkit-tap-highlight-color: transparent; text-align: left;\\\">比如，你想生成微信登录的时序图。<br style=\\\"-webkit-tap-highlight-color: transparent;\\\"/></p><p style=\\\"-webkit-tap-highlight-color: transparent; text-align: center;\\\"><img src=\\\":/c3e832f483134d4eb7223d234947c825\\\" type=\\\"image/png\\\" data-filename=\\\"640.png\\\" style=\\\"--en-marks: %7B%22align%22%3A%22center%22%7D; -webkit-tap-highlight-color: transparent; width: auto;\\\" width=\\\"auto\\\"/></p><p style=\\\"-webkit-tap-highlight-color: transparent; text-align: center;\\\"><img src=\\\":/9eca74c6a66a4fcf8f2a809158675b14\\\" type=\\\"image/png\\\" data-filename=\\\"640.png\\\" style=\\\"--en-marks: %7B%22align%22%3A%22center%22%7D; -webkit-tap-highlight-color: transparent; width: auto;\\\" width=\\\"auto\\\"/></p><p style=\\\"-webkit-tap-highlight-color: transparent; text-align: left;\\\">AI 生成的图表不一定准确，需要你把关，进行核对和校正。<br style=\\\"-webkit-tap-highlight-color: transparent;\\\"/></p><p style=\\\"-webkit-tap-highlight-color: transparent;\\\">网址：https://excalidraw.com/</p></div></div><div style=\\\"-webkit-tap-highlight-color: transparent;\\\"><div style=\\\"-webkit-tap-highlight-color: transparent;\\\"><div style=\\\"-webkit-tap-highlight-color: transparent;\\\"><div style=\\\"-webkit-tap-highlight-color: transparent; display: flex; color: rgba(0,0,0,.3);\\\"><div style=\\\"-webkit-tap-highlight-color: transparent; color: rgba(0,0,0,.3);\\\">个人观点，仅供参考</div></div><div style=\\\"-webkit-tap-highlight-color: transparent; display: flex;\\\"><div style=\\\"-webkit-tap-highlight-color: transparent; color: rgba(0,0,0,.3);\\\"><span style=\\\"-webkit-tap-highlight-color: transparent;\\\">修改于</span></div></div></div></div></div></div></div></div></span>\\\n</div></body></html>\\u0000\"]],\"start1\":0,\"start2\":0,\"length1\":0,\"length2\":9893}]"
metadata_diff: {"new":{"id":"b853568878f4495980d19cca7daab610","parent_id":"f67288c3a0be4374b5d532b5dcc3aabc","latitude":"0.00000000","longitude":"0.00000000","altitude":"0.0000","author":"","source_url":"","is_todo":0,"todo_due":0,"todo_completed":0,"source":"joplin-desktop","source_application":"net.cozic.joplin-desktop","application_data":"","order":1764348818853,"markup_language":2,"is_shared":0,"share_id":"","conflict_original_id":"","master_key_id":"","user_data":"","deleted_time":0},"deleted":[]}
encryption_cipher_text: 
encryption_applied: 0
updated_time: 2025-11-28T21:03:27.806Z
created_time: 2025-11-28T21:03:27.806Z
type_: 13