banners 图片处理

自动插入文档中的第 n 张图片至 Banner 属性

2024-04-17QuickAdd脚本-自动插入文档中的第n张图片至Banner属性 我编辑 Project 时经常忘记添加 Banner 属性值，尤其当图片修改后，我也不想去手动更新。通常文章的第一张图片就是这篇文章的 Banner。为了偷懒，我写了这个脚本并与 Linter 配合使用。 2024-04-17QuickAdd脚本-自动插入文档中的第n张图片至Banner属性IMG-1 通过 Ctrl + S 快捷键自动刷新文档的 Banner。 2024-04-17QuickAdd脚本-自动插入文档中的第n张图片至Banner属性

熊猫别熬夜

Pkmer

更多

图片 附件

可以一键在系统软件中打开笔记图片的quickadd脚本

一键在系统应用中打开图片编辑800 我笔记中的很多图片都是通过截图后直接粘贴插入的，因此难免有的图片上有些瑕疵，需要用图片编辑器进行细微的修正。 通常要完成这些操作，我们需要： 1. 在 Obsidian 的附近文件夹中找到该图片文件 - 直接在库中搜索文件名找到图片文件 - 在出链面板中根据文件名找到图片文件 - 在系统文件管理器中打开附件文件夹，找到图片文件 - … 2. 双击图片（或右键图片选择打开方式才）打开图片 这些操作不仅极为繁复，而且很不优雅，比较浪费时间。 使用下面的脚本，可以直接在系统软件中打开选中

ProudBenzene,熊猫别熬夜

Pkmer

更多

图片注释 quickadd脚本

插入并编辑 SVG 文件

Obsidian v1.5 版本之后，Diagrams 插件 (作者：Sam Greenhalgh，v1.5.0) 已经基本用不了了，该脚本是为了快速插入 SVG 并编辑进行而制作的，Draw.io 的详细介绍可参考：PKMerDoc：关于 Diagram 软件的功能介绍以及在 Obsidian 使用的方案，效果如下： 2024-03-06QuickAdd脚本-插入并编辑SVG文件IMG-1 设置选项，保持默认模式也行，设置选项是为了提供点灵活性，可以定义不同的 SVG 编辑器，比如 Vision 或者 亿图 之类的，可以设置多个软件，

熊猫别熬夜,一鸣惊人

Pkmer

更多

图片 题注

使用QuickAdd脚本为图片添加题注

由于目前我着手的库中有许多笔记经由同一个模板，且其中的图片都需要以固定格式进行题注命名，并通过图片的 metadata 控制图片大小保持一致，因此我撰写了这个脚本。 效果展示：  javascript // autoImageCaption.js by @ProudBenzene let editor; let activeLeaf = this.app.workspace.activeLeaf; if

ProudBenzene

Pkmer

更多

图片处理 OCR

该脚本实现了基于 Excalidraw 画板的全局搜索功能。可以选择不同选项，搜索💬文本元素、🖼图片元素（采用 PaddleocrOCR 或者 Obsidian 的 Text Extractor 插件进行 OCR）、📝嵌入的文档 (wiki 链接或者 embeddable 文档)、以及画板的🎨全文搜索 (包含所有元素选项)，并通过选择的搜索结果聚焦到该元素。

全局搜索对于笔记类应用程序是一个非常重要且实用的功能。用户经常需要在大量的文本、图片和嵌入文档中快速定位信息，以提高工作效率和信息管理。在 Excalidraw 这样的图形绘图工具中，实现画布全局搜索功能可以帮助用户更快速地查找和定位关键信息。 该脚本实现了基于 Excalidraw 画板的全局搜索功能。可以选择不同选项，搜索💬文本元素、🖼图片元素（采用 PaddleocrOCR 或者 Obsidian 的 Text Extractor 插件进行 OCR）、📝嵌入的文档 (wiki 链接或者 embeddable 文档)、以及画板的🎨全文

熊猫别熬夜

Pkmer

更多

图片导出 Excalidraw脚本

将选中的元素保存为 PNG 或者 SVG 格式本地文件，相当于网页版 Excalidraw 的导出仅选中图片

将选中的元素保存为 PNG 或者 SVG 格式本地文件，相当于网页版 Excalidraw 的导出仅选中图片 (PS：网页版的快捷键是 Ctrl + Shift + E)。 2024-03-30自定义Excalidraw脚本-将选中元素为PNG或者SVG格式文件到本地IMG-1 2024-03-30自定义Excalidraw脚本-将选中元素为PNG或者SVG格式文件到本地IMG-2 js / @Author: 熊猫别熬夜 @Date: 2024-04-01 21:32:26 @Last Modified by: 熊猫别熬夜

熊猫别熬夜

Pkmer

更多

图片处理 图片识别

对 Excalidraw 的图片进行 OCR，并保留文本信息在图片中，可以编辑修改、重新 OCR 和进行批量识别。

可以用 Excalidraw Scripts 代码块安装： 自定义Excalidraw脚本-OCR自动提取图片文字 - OCR 借助的 [Text Extractor插件的API](https://github.com/scambier/obsidian-text-extractorusing-text-extractor-as-a-dependency

熊猫别熬夜

Pkmer

更多

Excalidraw脚本 图片处理

默认软件打开画板中选中的图片，适用于当您想用默认软件编辑笔记画板中的图片时，采用的一个快捷方式。

在 Excalidraw 插件设置里面可以设置参数，除了默认应用打开外，还可以自定义多个不同软件打开： 2023-11-24自定义Excalidraw脚本-默认应用打开图片IMG-2 2023-11-24自定义Excalidraw脚本-默认应用打开图片IMG-3 脚本安装可以根据源码来安装，也可以通过 Excalidraw 插件提供的脚本安装代码块来安装 - 优点：一键安装脚本和图标，操作方便，后续脚本更新可以检测 - 缺点：国内需要可访问 GitHub 的网络 - 优点：不需要特殊网络 - 缺点：需要手

熊猫别熬夜

Pkmer

更多

Excalidraw脚本 图片注释

给Excalidraw添加圆圈编号功能

参考了 一鸣惊人的脚本 和 大叔的 Scribble Helper 脚本，用于添加有序的圆圈编号。 自定义 Excalidraw 脚本 - 双击添加圆圈编号 js if (!ea.verifyMinimumPluginVersion !ea.verifyMinimumPluginVersion("1.8.25")) { new Notice("This script requires a newer version of Excalidraw. Please install the latest version.");

熊猫别熬夜,一鸣惊人

Pkmer

更多

Excalidraw脚本 图片处理

用于调整多个图片 (image)、矩形框 (rectangle)、Frame 边框的大小，以选中的元素的最大宽度 (高度) 或者最小宽度 (高度) 进行统一缩放，分别有 `等宽缩放`、`等高缩放`、`完全相等` 这 3 个选项。

 用于调整多个图片 (image)、矩形框 (rectangle)、Frame 边框的大小，以选中的元素的最大宽度 (高度) 或者最小宽度 (高度) 进行统一缩放，分别有 等宽缩放、等高缩放、完全相等 这 3 个选项。 该脚本是 @一鸣惊人 分享给我过的 AdjustImageSize 脚本，进行稍加修改。 Excalidraw 脚本如何配置脚本请参考：Excalidraw如何安装脚本脚本设置介绍 js // 获取选中

熊猫别熬夜,一鸣惊人

Pkmer

更多

图片 CSS自定义

Obsidian 样式 - 调整图片不同布局样式，将图片渲染为圆形或者控制图片在文本的左侧或者右侧，可组合。

在整理侧边栏索引界面时，@熊猫别熬夜 帮忙写了一个让图片变圆的 css，后面@熊猫别熬夜 拓展了用法，目前能支持的功能包括： 1. 将图片渲染为圆形。 2. 控制图片在文本的左侧或者右侧。 这两个效果在功能上不会冲突，允许同时使用 注：以下测试图片来自：英国 1927 剧团的话剧《roots》的剧照 Obsidian 样式 - 调整图片不同布局样式 Obsidian 样式 - 调整图片不同布局样式

余月鱼鸽

Pkmer

更多

排版 图片

Obsidian 样式：如何让插入笔记中的图片水平居中

这是不少同学在 PKMer 交流群问到的问题，这种排版方式也很符合很多同学在日常办公或者网页浏览时候常见的布局结构。所以把这段 CSS 固化下来，大家自己使用。

OS

Pkmer

更多

obsidian插件 Leaflet

Obsidian进阶插件Obsidian Leaflet用法之管理自己的旅行照片

通过照片的 GPS 定位信息标记在地图上，鼠标放在标记点上可预览图片，标记点可绑定文件和图片，可以在里面写随想和照片，让相册里的照片跃然地图之上。 202473609249698.png 554163809246253.png 自从使用 nas 备份自己的照片之后，成批的照片管理就成了问题，照片收集起来，一堆乱糟糟，不知从何看起，所以尝试了很多照片管理工具，有把一堆照片按时间分类整理的小软件，还有一些管理照片的软件例如 digikam 或 PhotoPrism，他们功能都很强大，可以快速的管理图片。 这些照片管理软件

StarAire

Pkmer

更多

dataview 图片

使用 Dataview 查询一个文件中的所有图片

在笔记中插入图片实际上是嵌入图片的链接 所以，图片也属于笔记的链接。我们在 14 - 隐式字段 中提到了文件的一个元数据 file.outlinks，他的属性值就是文件的所有外联，嵌入的图片当然也包含在内。 因此我们可以这样写得到一个文件中的所有外链。 dataview TABLE without id file.outlinks FROM "..." 下一步：筛选代表图片的外链 dataview TABLE without id 图片 FROM "要查询的文件的路径" FLATTEN filter(file.outlinks

Huajin

Pkmer

更多

image caption

在图片下方加个标题，也可以说为图片添加说明

我们平时阅读的书籍、文献&各种文档，其中都会包含诸多图片，而且在图片的旁边会有非常详细的说明文字（Caption），常用的编辑软件，如 Word、在线编辑工具中，也有类似的功能。 请注意：这个和我们介绍过的 obsidian-image-caption 不是同一个插件 插件可以在图片添加一个标题，效果直接看图 Obsidian Image Captions 给图片加个标题 图片下方多的一行 “NLTK 官方文档” 就是这个插件的效果。（图片来源） 普通图片：!image.png 加上标题：!imag

Huajin

Pkmer

更多

CSS 图片放大

Obsidian 样式：点击图片长按放大

可以在不使用插件的情况下，支持图片点击放大的效果 1. 这个功能用「鼠标点击」来进行使用场景的区分，并不绝对适配，但在常用设备上是没问题的 2. 功能是鼠标点击图片后，长按维持放大，松开即恢复原有格式，主要用于查看图片 3. 对白板以及 PDF 查看均做了设置，避免应用放大功能，但仍有待优化的地方 4. 设置里查看主题或者插件时点击左侧图片会应用放大，目前没有找到如何屏蔽 5. 希望有大佬能够对本功能进行进一步优化～ 6. 有需要的话还是挺好用的哈～ image.png image.png css @media (hover:

宝藏彬少

Pkmer

更多

图片 自动化

Local image plus 将网络图片自动变为本地

有时候我们的笔记当中需要援引网络中的图片，但是这些图片会因为网络加载速度，或者是网页失效，导致不可用。这时候就需要用插入本地图片的方式，保持图片可访问性的持久性。但手动完成有些费时，这时候就需要用到 Local image plus 插件。 该插件是 Local image 插件的进化版。在笔记中查找指向外部图像的所有链接，在本地下载并保存图像，最后调整笔记中的链接以指向本地图像文件。 该插件会在你的笔记中找到所有外部图片链接，下载并保存图片到本地，最后调整笔记中的链接指向本地图片文件。 例如，我们最初在笔记中有这样

OS

Pkmer

更多

插件 图片增强

Image Caption 如何给图片增加说明，增加图标标题

我们平时阅读的书籍、文献&各种文档，其中都会包含诸多图片，而且在图片的旁边会有非常详细的说明文字（Caption），常用的编辑软件，如 Word、在线编辑工具中，也有类似的功能。 正因为有了说明文字（Caption），我们才能更加清楚地了解此图的含义。 Pasted image 20230213152216 在你使用 Obsidian 写笔记时，如何为图片增加说明文字（Caption）呢？ 有关于图片注释，你看还可以看社区多方面的实践 在Obsidian中为图片添加注释 改插件目前没有任何配置选项，安装即可使

OS

Pkmer

更多

快速删除 图片处理

Clear unused images 快速删除无用的图片

通过删除标记笔记中不再引用的图像，帮助您保持仓库整洁和占用存储控件的节省。 请确保在“清除未使用的图像设置”设置下选择已删除图片放到何处。您有 3 个选项： Pasted image 20230128175756 您可以排除需要扫描期的文件夹，如果你不希望删除这些文件夹内的图片。 ![

OS

Pkmer

更多

格式调整 image

Image toolkit 提供笔记中查看图片的基本操作

提供预览模式下「点击查看大图」的功能，不过 Obsidian 会自动调整图片大小，只要是常规尺寸的图片，应该很少会有看不清图片的情况。 image.png 当你关闭”贴图浏览“模式（将所点击的图片全屏化到屏幕上），将处于普通模式。 若处于全屏模式，你需要先关闭全屏模式，然后才能离开图片预览界面

OS

Pkmer

更多

手写体 辅助工具

Umi-OCR 是一款功能强大且易于使用的工具，可以使用它来识别 Obsidian 中的图片文字、手写文字或者批量识别图片能够极大地提升你的工作效率。

Umi-OCR 是一款功能强大且易于使用的工具，可以使用它来识别 Obsidian 中的图片文字、手写文字或者批量识别图片能够极大地提升你的工作效率。 视频说明 <iframe src="https://player.bilibili.com/player.html?aid=743993235&bvid=BV1Rk4y1g72v&cid=1209613692&page=1" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="tr

熊猫别熬夜

Pkmer

更多

插件 图片注释

在 Obsidian 中为图片添加注释，多种方法让你为笔记中的图片增加注释信息

在obsidian中为图片添加注释示例图1.png577 在 obsidian 中我们可以用下面两种格式插入图片（! 代表让图片可见） 还可以通过 HTML 标签来调整图片的大小和位置。

Huajin

Pkmer

更多

图片 管理

深入分析及分享Obsidian的附件管理

目前来说，附件管理主要有以下几个方面： 不纳入考虑的方面有： 按照以上方面，对用户的心智压力进行划分，主流的管理形式有下列几种： 1. 低心智压力 1. 完全不关心存储形式和存储文件名：图床 2. 中心智压力 1. 笔记和图片都视为一级公民，共同存储：附件文件夹相对笔记上一级存储 2. 关心存储形式但不关心存储文件名：本地单文件夹一把梭 3. 高心智压力 1. 素材管理严格按照一定标准命名：如 时间-地点-人物-场景 这样的摄影文件 2. 附件云端存储，关心文件名 3. 附件本地分文件夹存储，关心文件名

windilycloud

Pkmer

更多

转换 图片导出

Export Image plugin 一键将笔记转换为图片分享

image.png550

OS

Pkmer

更多