轻盈绘图的Excalidraw插件

2023-11-18

朋友们,你们的Obsidian彩虹屁狂魔重新上线。从这篇Obsidian实践开始,我想跟大家陆续分享一下,Obsidian中那些让人眼前一亮的宝藏插件。

原本我想从逻辑上最基础,使用上最简单的插件讲起,然鹅,请原谅我实在按捺不住自己迫切的心情,想把Excalidraw插件不由分说地推荐给你。为啥呢?

聪明如你大概已经注意到,【见睿思齐】的插图风格,已经从原先这种呆板的Vision风:

8a02f423d716661ef6285bdd9727ed08.png

变成了最近常用的这种清新优雅的手绘风:

7c9a9caac901a2b6084534c16a8d34cc.png

屏幕截图上也添加了这种随性又好看的标注:

0d0286fc32cdad58ca886dce2f0c3c91.png

你可能会以为,我必然会花费了很多时间和精力,专门对图片进行了优化,实际上,借助Excalidraw插件的帮助,不仅风格上得到了很大的提升,甚至连在Obsidian笔记中添加、编辑、管理,以及分享图片,都要比Visio时代更加方便——可谓“一气呵成”,简直不要太爽。

所以今天就来聊聊,Obsidian作图必用的宝藏插件——Excalidraw。

0576a5fee217d05a637784a86ccb3cd5.jpeg

什么是Excalidraw插件

Excalidraw是一款开源的在线白板工具,可以直接在浏览器打开,绘制具有手绘风格的图形。Excalidraw基于Markdown语法实现绘图功能,不仅简洁轻量,还可以和采用Markdown编辑器的工具集成,实现各种特色功能。就比如,Obsidian的Excalidraw插件可以完美支持反向链接。

81e86bbeb7a88a02f8b39d37ac3bd8f9.png

Excalidraw绘图(左)与Markdown文件(右)

安装Excalidraw插件

Excalidraw插件属于第三方插件。

如果你是第一次安装第三方插件,并且,如果你在国内使用Obsidian工具,那么,由于我国国情对于访问外国网站有所限制,安装插件可能会有一些麻烦。

如果你不是第一次安装第三方插件,或者,如果你在国外使用Obsidian工具,那么,直接到社区插件市场,浏览、安装、启用Excalidraw插件就可以了。

具体操作就不展开说明了,可以参考前文:如何安装Obsidian插件 | Obsidian实践

创建Excalidraw绘图

在Obsidian工具创建Excalidraw绘图可采用以下3种方式:

  • 工具栏:使用默认方式创建绘图。

  • 命令面板:调用Excalidraw命令,根据实际应用场景,选择适当的方式创建绘图。 

  • 快捷键:选择1种常用的创建方式,设置为快捷键。——这是我的选择。

使用工具栏

使用工具栏创建Excalidraw绘图的操作非常简单:单击【新建Excalidraw绘图】按钮,即可创建Excalidraw绘图。

aa8e0006201917bfafbf08fe7ea6b8cd.png

但缺点同样不容忽视:

  • 在默认路径创建绘图,可能需要进一步整理;

  • 在面板中创建绘图,视野狭小;

  • 绘图独立于笔记,需要手动嵌入笔记;

  • 绘图以数字序号命名,难以识别检索。

使用命令面板

使用命令面板,可以浏览并执行Excalidraw插件的全部命令:

  1. 单击【打开命令面板】按钮;

  2. 输入关键字【Excalidraw】,筛选Excalidraw插件相关命令;

  3. 根据实际应用场景,选择适当的命令创建Excalidraw绘图。

4ff96726ebbd912ff0616a9d4029f41c.png

大家可以尝试各种创建绘图的方式,并结合自己的使用习惯和使用场景,选择适当的创建方式。

我个人比较喜欢且常用的创建绘图的方式是:【Excalidraw:新建绘图-于新窗口-并将其嵌入(形如![[drawing]])到当前文档】。

在编辑Obsidian笔记过程中,需要创建绘图时,执行该命令即可:

  • 将新建绘图,并直接嵌入到笔记的当前位置,无需手动嵌入;

  • 绘图文件保存至既设的附件存储路径,符合个人管理习惯;

  • 绘图文件名称包含笔记名称为前缀,体现出绘图与笔记的关系,便于查询。

使用快捷键

为了更方便地使用Excalidraw插件,我将常用的Excalidraw命令【Excalidraw:新建绘图-于新窗口-并将其嵌入(形如![[drawing]])到当前文档】设置为快捷方式【Ctrl+Alt+E】:

  1. 单击【设置】按钮;

  2. 选择【快捷键】页签;

  3. 输入【Excalidraw:新建绘图】关键字,筛选Excalidraw插件新建绘图相关命令;

  4. 将【Excalidraw:新建绘图-于新窗口-并将其嵌入(形如![[drawing]])到当前文档】命令设置为快捷方式【Ctrl+Alt+E】命令设置快捷键【Ctrl+Alt+E】。

da792f543be3d269b51bff4047403cc8.png

设置完成后,在编辑Obsidian笔记过程中,如需插入图片,按快捷键【Ctrl+Alt+E】,即可创建Excalidraw绘图,并打开新窗口进行编辑。编辑完成后显示结果如下:

  1. 绘图文件在既设路径下保存,且绘图名称包含所在笔记名称【Excalidraw插件】作为前缀。

  2. 绘图已插入到当前笔记。

5062793904c409b4ed703d61c8745df2.png

导入Library绘图元素

虽然Excalidraw插件仅提供了非常有限的绘图元素,但实际上,开源社群提供了丰富的Library绘图元素可供下载使用。具体操作说明如下:

1. 在Excalidraw插件编辑窗口,单击【Library】按钮;

2. 单击【Browse libraries】按钮,打开【Excalidraw Libraries】页面;

7ba9ae52ea90e6d7577fb5e943fb9ef7.png

3. 浏览并选择喜欢的图库,单击【Download】按钮,将图库文件(*.excalidrawlib)下载到本地;

7cb07987925b77ed7a9e1894ad24ba1b.png

4. 单击【Load】按钮;

5. 浏览并选中已下载的图库文件(*.excalidrawlib);

322f4d176fc03bd9296c4289696de903.png

6. 单击【确认】按钮,即可加载、使用图库中的绘图元素。

f68002eb25b7198fb137bb6f1a4833c1.png

导出PNG文件

Excalidraw绘图可导出为PNG和SVG格式的文件。以导出PNG文件为例:

  1. 单击【更多选项】按钮;

  2. 选择【导出PNG到当前目录】选项,即可生成与原Excalidraw绘图同名的PNG文件。

3c2ea41c21babf268ccfdf02688d9b52.png

生成数据图表

从Excel复制数据,粘贴到Excalidraw绘图,可自动生成数据图表。

88a06fd22345f488e9eb63e556fe822a.png

总结

今天的分享就是这些内容。

其实,Excalidraw插件的功能和设置还有很多,在这里仅选择了一些个人比较喜欢,和已经实现的部分,简单介绍。有兴趣的朋友可以多玩玩儿,根据个人喜好,调试出独属于你自己的Excalidraw。

相关文章:

Obsidian,知识管理与笔记写作法 | Obsidian实践

卡片笔记,一个不断增长的外部思想库 | 读书

介绍:Obsidian工具编辑/管理永久笔记 | Obsidian实践

写作:Obsidian深度实践经验分享 | Obsidian实践

写作:如何借助Obsidian工具记录读书笔记,并写作一篇书评 | Obsidian实践

使用:如何安装Obsidian插件 | Obsidian实践

使用:如何实现Obsidian笔记云同步? | Obsidian实践

使用:如何在手机端实现Obsidian笔记云同步 | Obsidian实践

使用:OCR工具辅助记录Obsidian笔记 | Obsidian实践

撒花:Obsidian V1.0.0里程碑版本发布了 | Obsidian实践

其他推荐:

实施:GitHub + MarkDown 文档系统的工作环境部署及工作流程说明 | 技术传播

d35255c6d1e4cea27db71d0821ad94c3.jpeg

技术传播是一片蓝海 | 技术传播

访谈:TC无处不在,只是我们没有发觉 | 技术传播

这次他们说好要“讲真的” | 传播

在座都别吵了,你们还有我 | 技术传播

一本培养强迫症患者的说明书 | 技术传播

就像用心做好日本料理 | 技术传播

顽固的老头子与无聊的说明书 | 技术传播

转战新媒体 | 技术传播

评测:王者荣耀的用户帮助系统 | 技术传播

让爸爸妈妈也能享受到科技发展带来的便利 | 技术传播

企业级信息管理系统初创方案构思 | 技术传播

 437bf4c4a675c8c6c44ce279dea9ae27.png

睿齐

技术传播从业者

品牌内容策划

自由摄影师

自由撰稿人

汪力迪

公众号:techcomm / htstory

微信号:bgrichi

邮箱:hash_0813@163.com

7df146fc064aa9ff4d7202d060e06872.jpeg

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

轻盈绘图的Excalidraw插件 的相关文章

随机推荐

  • 零基础学习hadoop到上手工作线路指导(不断更新)

    本帖最后由 pig2 于 2014 2 23 10 22 编辑 零基础学习hadoop 没有想象的那么困难 也没有想象的那么容易 在刚接触云计算 曾经想过培训 但是培训机构的选择就让我很纠结 所以索性就自己学习了 整个过程整理一下 给大家参
  • python处理excel数据

    文章目录 前言 一 用到的模块是什么 二 execl表格的样式 三 模块的使用 1 引入模块 2 读取excel表数据 3 将写入excel表 四 代码分析 1 代码逻辑 2 选出有用的股票号并与回报率关联 3 将全部数据按照所需要的股票号
  • safari无法打开网页是什么原因?mac上的Safari浏览器打不开网页怎么办?

    只要是MacOS系统的都会附带一个Safari浏览器 完美兼容Mac PC 及 iPod touch iPhone iPad 功能和性能自然是不错的 但是也会出现如safari浏览器无法打开网页的情况 那么safari无法打开网页是什么原因
  • 快速构建一个免费的IP代理池

    文章使用的代理ip链接为 云代理 http www ip3366 net stype 1 page 1 验证IP网站为 http http httpbin org ip get方式请求进去 要设置好请求头 cookie self faker
  • 2019上半年勒索病毒专题报告

    2019上半年由勒索病毒攻击造成的国内外大小事件 可发现伴随着传统行业逐渐数字化 网络化 智能化 逐步拥抱产业互联网化的大浪潮中 暴露出一系列网络安全问题 勒索病毒也乘机发难 疯狂敛财 影响日渐扩大 全球范围内的交通 能源 医疗等社会基础服
  • thinkpad计算机快捷键,Thinkpad笔记本键盘F1-F12功能键详细介绍

    Thinkpad笔记本电脑F1 F12快捷键的功能是什么 笔记本电脑F1 F12总共12个功能键 每个键的作用不一样 同一个键 不同机型的作用也不一样 通过这些快捷键可以快速调整音量 亮度 开启无线功能等等 Thinkpad笔记本电脑机型特
  • 看小白如何解决ajax跨域问题

    由于此前很少写前端的代码 哈哈 不合格的程序员啊 最近项目中用到json作为系统间交互的手段 自然就伴随着众多ajax请求 随之而来的就是要解决ajax的跨域问题 本篇将讲述一个小白从遇到跨域不知道是跨域问题 到知道是跨域问题不知道如何解决
  • elementui把上传的图片转为base64

    使用组件 然后on change绑定一个方法来获取文件信息 auto upload设置为false即可
  • 具有文件操作和滤波功能的Open3D软件界面(附python pyqt 代码)

    安装依赖 pip install pyqtgraph i https pypi tuna tsinghua edu cn simple pip install pyopengl i https pypi tuna tsinghua edu
  • python 100以内的质数

    可以使用for循环 求100以内的质数 i 2 for j in range 1 101 如果100以内的数字除以2的余数等于0 if j i 0 如果是就跳过 继续下一个循环 continue print j 要找出从1到100之间的质数
  • 在 Python 中打印变量之间没有空格

    文章目录 使用 sep 参数打印变量之间没有空格 使用加法 运算符打印不带空格的变量 在 Python 中不使用换行符或空格打印 使用格式化的字符串文字来打印没有空格的变量 例如 print f hello variable 1 格式化字符
  • oracle 重设redo log 和倒入

    重设redo log alter system set allow resetlogs corruption true scope spfile recover database until cancel using bakcup cont
  • [RK3288][Android6.0] 调试笔记 --- 系统第一次开机进入Recovery模式原因

    Platform ROCKCHIP OS Android 6 0 Kernel 3 10 92 描述 当系统全部download开机后 会默认进入Recovery模式 这个其实是misc分区里的内容在作怪 misc分区 misc img是R
  • String、StringBuffer、StringBuilder的区别

    转载 极客时间 JAVA核心技术36讲 https www cnblogs com ygj0930 p 6581009 html 一 String创建机制 JAVA语言在创建一个字符串时 首先检查池中是否有值相同的字符串对象 如果有则不需要
  • 朴素贝叶斯--matlab自带工具箱的使用

    朴素贝叶斯分类使用条件 其数据点的维数 即特征之间相互独立 当属性之间相关性较小时 分类效率好 当属性之间相关性较大时 分类不如决策树 属性之间的相关性获得 用协方差矩阵 matlab自带函数cov获得 1 nb NaiveBays fit
  • git pull时报错Filename too long

    在git bash窗口执行以下命令 全局设置git支持长文件名 git config global core longpaths true
  • ClickHouse实时分析(一)- ClickHouse入门

    目录 1 什么是ClickHouse 1 1 OLAP场景的关键特征 1 2 列式数据库更适合OLAP场景的原因 1 2 1 输入 输出 1 2 2 CPU 2 ClickHouse的特点 2 1 列式存储 2 2 数据压缩 2 3 数据的
  • DALI协议了解

    DALI Digital Addressable Lighting Interface 是一种新的智能照明系统的控制协议 系统具有结构简单 安装方便 操作容易 功能良优等特点 协议定义了电子镇流器与控制器之间的通信方式 DALI协议系统由分
  • 哨兵节点:思想简单,效果很棒的的编程算法

    文章目录 普通的算法 哨兵算法 小结 别人的经验 我们的阶梯 今天和同事一起调代码 定位到一处很耗时的地方 在某个线程中 同步周期需要保证在2毫秒 如果耗时不到2毫秒 那么就让剩下的时间进行sleep 但是在调用一个模块的内部函数时 时不时
  • 轻盈绘图的Excalidraw插件

    朋友们 你们的Obsidian彩虹屁狂魔重新上线 从这篇Obsidian实践开始 我想跟大家陆续分享一下 Obsidian中那些让人眼前一亮的宝藏插件 原本我想从逻辑上最基础 使用上最简单的插件讲起 然鹅 请原谅我实在按捺不住自己迫切的心情