excalidraw 实践笔记

我希望我们现在使用到的一些方法，是之后是可以常常进行复用的

这里我们选择的是完全测试 Excalidraw.excalidraw 这个画布进行测试

常用简单技巧

这边使用嵌入 Frame 画布的形式

📍### 一、绘制与连线神技（效率翻倍） #### 1. 箭头“磁吸绑定”与线段文字 • 磁吸绑定：拉出箭头端点靠近图形边缘，当图形亮起蓝色边框时松开，箭头就与该图形永久绑定。之后移动图形，连线会自动拉伸跟随； • 线上文字：不需要单独放一个文本框去对齐连线，直接双击任何一根箭头或线条，就能在线条正中间打字，文字背景会自动挖空遮挡线条，移动箭头时文字始终居中跟随。 #### 2. 等距克隆（画流程图/架构图神器） • 选中某个图形，按住 Option 键鼠标拖动，快速复制出一个新图形； • 接着直接连续按 Cmd + D（Duplicate），它会自动按照你刚才移动的距离和方向等间距生成下一组图形，画多层神经网络、矩阵或流水线步骤只需 2 秒。 #### 3. 三大核心约束修饰键 • Shift（正交与规整）： • 画矩形/椭圆时按住：锁定为正方形 / 正圆； • 画线/箭头时按住：锁定为水平、垂直或 45° 角度； • Option（中心点对称）： • 旋转物体时按住：以 15° 步长吸附旋转。 • 画图形或缩放时按住：以图形中心点为基准向四周等比扩展，而不是从左上角拉伸。 • Shift + Option： • 从光标中心点画一个绝对居中的正圆/正方形。 ### 二、Obsidian 独占联动神技（降维打击网页版） #### 1. 自动把卡片变成“文字容器（Container）” • 在白板中画好一个矩形/圆角框，双击矩形内部打字（或直接把文字拖到矩形正上方）； • 文字会自动与矩形融为一体：调整矩形大小时，文字会自动居中并自动换行；移动矩形，文字自动跟随。 #### 2. 双向链接与拖拽笔记嵌入 • 拖入笔记卡片：从 Obsidian 左侧文件树中，直接按住拖动任意一篇 Markdown笔记进入 Excalidraw 画布，它会变成一个交互式笔记卡片； • 任意元素关联链接：选中画布上的任何一个图标或模块，按 Cmd + K，输入 笔记名称。右键点击该模块即可一秒在分屏打开对应笔记，实现架构图作为整个知识库的视觉导航仪表盘。 #### 3. 画板“局部反向嵌入”到普通 Markdown 笔记 • 如果你在画板里画了一个很宏大的大架构图，而某篇具体笔记只需要展示其中的一个模块： 1. 用我们之前讲的 画框（Frame / 快捷键 F） 将该模块框起来，起名为 模块A； 2. 回到普通 Markdown 笔记中，输入： 你的画板文件.excalidraw#frame=模块A 3. 这篇笔记里就会只精准渲染这一个画框的内容！原画板修改，笔记里的局部切片实时联动更新test panelWithout attentionWith attentiontoken1天气 真好词表大小 50257Block * n 好多层Linear 线性投影FFN 前馈神经网络Token embedding 词嵌入今天‘今天天气‘天气真‘真词向量维度 768 示例图片,现在需要开始模仿而现在我们可以看到的就是使用手写字体写出的东西如果一个线性同余方程 AX 恒等于 1 mod B，则 X 称为 A mod B 的逆元.记作 A 的 -1 次方现在正在输入示例的文本测试坐标系一些 Latex 公式示例:2021-06-28-5 -4 -3 -2 -1 0 1 2 3 4 554321 0-1-2-3-4-5xy原来的 SVG 图片: https://www.desmos.com/calculator/i6b5ym5bu0?lang=zh-CN 被转化为 Excalidraw 元素05手画坐标系&手绘图像Obsidian 插件渲染支持:testcopycopy按下 option直接拉出来按下 Command + ddaliyshift 锁定正方形菱形，圆形同理正圆option 中心点对称Shift+Option从光标中心点画正方形Command + K 进行链接方向键移动设置好的样式使用 Command Shift C/V复制粘贴样式置于底层置于顶层多重图层: - cmd+[直接置于最底层,cmd+]反之- option + cmd + ] / [ 上移/下移一层取色：shift + s 取边框色shift + g 取背景色pin 测试似乎也就只能画框框和箭头📍手写📍坐标系 1📍坐标系 2📍坐标系 3📍latex 1📍latex 2../../20-领域/学习成长/算法与竞赛/算法知识/数论/逆元#1 定义
../../20-领域/学习成长/算法与竞赛/算法知识/数论/原根
../../50-归档/2026/09/tikz测试

选择对应的 Frame 进行嵌入

📍### 一、绘制与连线神技（效率翻倍） #### 1. 箭头“磁吸绑定”与线段文字 • 磁吸绑定：拉出箭头端点靠近图形边缘，当图形亮起蓝色边框时松开，箭头就与该图形永久绑定。之后移动图形，连线会自动拉伸跟随； • 线上文字：不需要单独放一个文本框去对齐连线，直接双击任何一根箭头或线条，就能在线条正中间打字，文字背景会自动挖空遮挡线条，移动箭头时文字始终居中跟随。 #### 2. 等距克隆（画流程图/架构图神器） • 选中某个图形，按住 Option 键鼠标拖动，快速复制出一个新图形； • 接着直接连续按 Cmd + D（Duplicate），它会自动按照你刚才移动的距离和方向等间距生成下一组图形，画多层神经网络、矩阵或流水线步骤只需 2 秒。 #### 3. 三大核心约束修饰键 • Shift（正交与规整）： • 画矩形/椭圆时按住：锁定为正方形 / 正圆； • 画线/箭头时按住：锁定为水平、垂直或 45° 角度； • Option（中心点对称）： • 旋转物体时按住：以 15° 步长吸附旋转。 • 画图形或缩放时按住：以图形中心点为基准向四周等比扩展，而不是从左上角拉伸。 • Shift + Option： • 从光标中心点画一个绝对居中的正圆/正方形。 ### 二、Obsidian 独占联动神技（降维打击网页版） #### 1. 自动把卡片变成“文字容器（Container）” • 在白板中画好一个矩形/圆角框，双击矩形内部打字（或直接把文字拖到矩形正上方）； • 文字会自动与矩形融为一体：调整矩形大小时，文字会自动居中并自动换行；移动矩形，文字自动跟随。 #### 2. 双向链接与拖拽笔记嵌入 • 拖入笔记卡片：从 Obsidian 左侧文件树中，直接按住拖动任意一篇 Markdown笔记进入 Excalidraw 画布，它会变成一个交互式笔记卡片； • 任意元素关联链接：选中画布上的任何一个图标或模块，按 Cmd + K，输入 笔记名称。右键点击该模块即可一秒在分屏打开对应笔记，实现架构图作为整个知识库的视觉导航仪表盘。 #### 3. 画板“局部反向嵌入”到普通 Markdown 笔记 • 如果你在画板里画了一个很宏大的大架构图，而某篇具体笔记只需要展示其中的一个模块： 1. 用我们之前讲的 画框（Frame / 快捷键 F） 将该模块框起来，起名为 模块A； 2. 回到普通 Markdown 笔记中，输入： 你的画板文件.excalidraw#frame=模块A 3. 这篇笔记里就会只精准渲染这一个画框的内容！原画板修改，笔记里的局部切片实时联动更新test panelWithout attentionWith attentiontoken1天气 真好词表大小 50257Block * n 好多层Linear 线性投影FFN 前馈神经网络Token embedding 词嵌入今天‘今天天气‘天气真‘真词向量维度 768 示例图片,现在需要开始模仿而现在我们可以看到的就是使用手写字体写出的东西如果一个线性同余方程 AX 恒等于 1 mod B，则 X 称为 A mod B 的逆元.记作 A 的 -1 次方现在正在输入示例的文本测试坐标系一些 Latex 公式示例:2021-06-28-5 -4 -3 -2 -1 0 1 2 3 4 554321 0-1-2-3-4-5xy原来的 SVG 图片: https://www.desmos.com/calculator/i6b5ym5bu0?lang=zh-CN 被转化为 Excalidraw 元素05手画坐标系&手绘图像Obsidian 插件渲染支持:testcopycopy按下 option直接拉出来按下 Command + ddaliyshift 锁定正方形菱形，圆形同理正圆option 中心点对称Shift+Option从光标中心点画正方形Command + K 进行链接方向键移动设置好的样式使用 Command Shift C/V复制粘贴样式置于底层置于顶层多重图层: - cmd+[直接置于最底层,cmd+]反之- option + cmd + ] / [ 上移/下移一层取色：shift + s 取边框色shift + g 取背景色pin 测试似乎也就只能画框框和箭头📍手写📍坐标系 1📍坐标系 2📍坐标系 3📍latex 1📍latex 2../../20-领域/学习成长/算法与竞赛/算法知识/数论/逆元#1 定义
../../20-领域/学习成长/算法与竞赛/算法知识/数论/原根
../../50-归档/2026/09/tikz测试
📍### 一、绘制与连线神技（效率翻倍） #### 1. 箭头“磁吸绑定”与线段文字 • 磁吸绑定：拉出箭头端点靠近图形边缘，当图形亮起蓝色边框时松开，箭头就与该图形永久绑定。之后移动图形，连线会自动拉伸跟随； • 线上文字：不需要单独放一个文本框去对齐连线，直接双击任何一根箭头或线条，就能在线条正中间打字，文字背景会自动挖空遮挡线条，移动箭头时文字始终居中跟随。 #### 2. 等距克隆（画流程图/架构图神器） • 选中某个图形，按住 Option 键鼠标拖动，快速复制出一个新图形； • 接着直接连续按 Cmd + D（Duplicate），它会自动按照你刚才移动的距离和方向等间距生成下一组图形，画多层神经网络、矩阵或流水线步骤只需 2 秒。 #### 3. 三大核心约束修饰键 • Shift（正交与规整）： • 画矩形/椭圆时按住：锁定为正方形 / 正圆； • 画线/箭头时按住：锁定为水平、垂直或 45° 角度； • Option（中心点对称）： • 旋转物体时按住：以 15° 步长吸附旋转。 • 画图形或缩放时按住：以图形中心点为基准向四周等比扩展，而不是从左上角拉伸。 • Shift + Option： • 从光标中心点画一个绝对居中的正圆/正方形。 ### 二、Obsidian 独占联动神技（降维打击网页版） #### 1. 自动把卡片变成“文字容器（Container）” • 在白板中画好一个矩形/圆角框，双击矩形内部打字（或直接把文字拖到矩形正上方）； • 文字会自动与矩形融为一体：调整矩形大小时，文字会自动居中并自动换行；移动矩形，文字自动跟随。 #### 2. 双向链接与拖拽笔记嵌入 • 拖入笔记卡片：从 Obsidian 左侧文件树中，直接按住拖动任意一篇 Markdown笔记进入 Excalidraw 画布，它会变成一个交互式笔记卡片； • 任意元素关联链接：选中画布上的任何一个图标或模块，按 Cmd + K，输入 笔记名称。右键点击该模块即可一秒在分屏打开对应笔记，实现架构图作为整个知识库的视觉导航仪表盘。 #### 3. 画板“局部反向嵌入”到普通 Markdown 笔记 • 如果你在画板里画了一个很宏大的大架构图，而某篇具体笔记只需要展示其中的一个模块： 1. 用我们之前讲的 画框（Frame / 快捷键 F） 将该模块框起来，起名为 模块A； 2. 回到普通 Markdown 笔记中，输入： 你的画板文件.excalidraw#frame=模块A 3. 这篇笔记里就会只精准渲染这一个画框的内容！原画板修改，笔记里的局部切片实时联动更新test panelWithout attentionWith attentiontoken1天气 真好词表大小 50257Block * n 好多层Linear 线性投影FFN 前馈神经网络Token embedding 词嵌入今天‘今天天气‘天气真‘真词向量维度 768 示例图片,现在需要开始模仿而现在我们可以看到的就是使用手写字体写出的东西如果一个线性同余方程 AX 恒等于 1 mod B，则 X 称为 A mod B 的逆元.记作 A 的 -1 次方现在正在输入示例的文本测试坐标系一些 Latex 公式示例:2021-06-28-5 -4 -3 -2 -1 0 1 2 3 4 554321 0-1-2-3-4-5xy原来的 SVG 图片: https://www.desmos.com/calculator/i6b5ym5bu0?lang=zh-CN 被转化为 Excalidraw 元素05手画坐标系&手绘图像Obsidian 插件渲染支持:testcopycopy按下 option直接拉出来按下 Command + ddaliyshift 锁定正方形菱形，圆形同理正圆option 中心点对称Shift+Option从光标中心点画正方形Command + K 进行链接方向键移动设置好的样式使用 Command Shift C/V复制粘贴样式置于底层置于顶层多重图层: - cmd+[直接置于最底层,cmd+]反之- option + cmd + ] / [ 上移/下移一层取色：shift + s 取边框色shift + g 取背景色pin 测试似乎也就只能画框框和箭头📍手写📍坐标系 1📍坐标系 2📍坐标系 3📍latex 1📍latex 2../../20-领域/学习成长/算法与竞赛/算法知识/数论/逆元#1 定义
../../20-领域/学习成长/算法与竞赛/算法知识/数论/原根
../../50-归档/2026/09/tikz测试
在上方输入关键词开始检索

选择一条搜索结果即可实时预览