文章

Obsidian图片相关插件

发表于 更新于
作者 Hacket Zeng
5 分钟阅读
Obsidian图片相关插件

Image auto upload Plugin(PicGo)

image.png

Download all images

将本地图片全部下载到本地，并添加 attachments，替换图片引用 url

image.png

Upload all images

作用：比如将文章语雀的 cdn 图片上传到 github oss，并替换掉图片的链接

使用：命令行→输入 upload all images

问题 v4.x.x 的版本上传会失败

Ctrl+Shift+I 报错：TypeError: Cannot read properties of null (reading ‘startsWith’)

解决：降级插件版本到 v3.7.0

如何降级：github 下载 v3.7.0，将 main.js 和 manifest.json 复制覆盖 obsidian-vault\.obsidian\plugins\obsidian-image-auto-upload-plugin 目录即可

替换原有笔记的图片

替换原有笔记的语雀 cdn 图片

  • 如果笔记内图片笔记少，直接使用 upload all images 即可
  • 如果笔记内图片笔记多，可能会出现很多 timeout，具体可以看 PigGo app 的日志；image.png
    • 可以先 download all images, 下载所有图片到本地的 attachments 目录，并替换文章的链接为本地链接
    • 再 upload all images，将图片上传到图床，并替换文章的链接为上传到图床的链接

Image Toolkit 图片浏览增强

Image Toolkit 插件是由 sissilab 开发的一款插件，目前版本 0.3.5。

Github 地址： https://github.com/sissilab/obsidian-image-toolkit

该插件有中文介绍： https://github.com/sissilab/obsidian-image-toolkit/blob/master/README_cn.md

点击笔记中的图片，就能出现下方的界面，可以放大缩小图片，旋转照片等等。

![20210909203859.png300](https://gitee.com/cyddgi/picture-store/raw/master/img/20210909203859.png)

插件功能包括以下几点：

  • 通过鼠标滚轮来放大或缩小图片。
  • 通过鼠标拖拽或键盘方向按键（上、下、左、右）来移动图片。
  • 通过点击底部工具栏的全屏图标来全屏查看图片。
  • 通过点击底部工具栏的左旋或右旋图标来旋转图片。
  • 通过点击底部工具栏的反色图标来实现图片的颜色反转。
  • 通过点击底部工具栏的拷贝图标来复制图片（不过目前仅能复制原图片，缩放或旋转后的图片样式暂无法复制）。
  • 通过 Esc 按键或点击图片外部区域来关闭图片预览。
    From https://github.com/sissilab/obsidian-image-toolkit/blob/master/README_cn.md

[[emoji]]

Emoji Toolbar 通过 toolbar 快速选择 emoji

  1. /emoji
![image.png300](https://raw.githubusercontent.com/hacket/ObsidianOSS/master/obsidian/20240223205245.png)
  1. 打开 emoji 面板
![image.png300](https://raw.githubusercontent.com/hacket/ObsidianOSS/master/obsidian/20240223205413.png)

Emoji Shortcodes 短代码方式，快速筛选和输入 emoji

特性

使用短代码插入表情符号和自定义图标

  • 轻松导入和管理自定义图标（支持 .bmp、.png、.jpg、.jpeg、.gif、.svg 和 .webp 格式）
  • 在编辑器中渲染自定义图标（通过 Codemirror 选项 支持传统编辑器）
  • 内置 Unicode 13.1 表情符号，支持 Lucide
  • 可通过下载使用 Font Awesome 和 Remixicon
  • API 可供其他插件集成
  • 模糊搜索：输入 :book 以查找📖(:open_book:) 和📗(:green_book:

使用

  • 通过键入 emoji 对应的短代码，对应触发关键字为 :（英文冒号）紧跟 emoji 对应的短代码。如 :smile 对应的就是笑脸。
  • 输入对应短代码后，插件会自动进行提示，方便你快速寻找。
  • 支持模糊搜索：输入 ： 后，你可以通过简单的关键字，在弹出的下来菜单中简易收拢搜索范围。比如 :book to 查找📖（：open_book :) 和📗（：green_book :)

输入：:xxx

  • :apple 🍎
  • :computer 💻

图标集合

  • 插件内置 Unicode 13.1 字符集下的表情符号，支持 Lucide 图标即样式。
  • Font Awesome 和 Remixicon 图标集合需要下载后支持。进入插件设置，选择 Icon Packs 中 Browser，可以浏览并下载对应的图标集合。
  • Custom Icons 可以轻松插入和管理自定义图标（支持格式：.bmp，.png，.jpg，.jpeg，.gif，.svg 和.webp ）

image.png

自定义图标

Tools, Obsidian
obsidian
本文由作者按照 CC BY 4.0 进行授权