Obsidian插件之Image Gallery教程

Obsidian Image Gallery

Image Gallery简介

image.png

Obsidian Image Gallery是一个零设置砖石Obsidian图像库。

目录

要求

  • Obsidian (ver >= 1.1.8)
  • 位于笔记库某处的本地映像文件夹

安装

Obsidian Image Gallery 可以从Obsidian内部安装, 或者 其他所有社区插件.

用法

若要创建动态库,请将以下代码块之一添加到注释中(请确保自定义路径)!

对于水平砌体:

```img-gallery
path: Attachments/Folder
type: horizontal
```

对于垂直砌体:

```img-gallery
path: Attachments/Folder
type: vertical
```

看看设置看看如何调整图库的一些属性;上面提供的示例是尽可能最小的配置。

[实时预览](https://help.obsidian.md/Live+preview+update 模式下,将光标移到代码块外后将生成库。使用常规的源模式,按“cmd+e”(或“ctrl + e”)以触发Obsidian的笔记预览。

obsidian-image-gallery-lightbox02.jpg

1.1.1 介绍一个可通过单击图库的任何图像部分访问的灯箱视图。然后,如果需要,单击右上方的按钮,在新选项卡中打开原始图像。

obsidian-image-gallery-lightbox02.jpg

设置

设置可以按“yaml”语法的任何顺序进行自定义。可选属性默认为下表中概述的值:

Option Default Alternatives Required Description
path - - Yes 相对于笔记库根的路径
type horizontal vertical No masonry的类型
gutter 8 (any number) No 图像之间的间距为px
radius 0 (any number) No 像素图像的边界半径
sortby ctime mtime, name No 通过……对图像进行排序
sort desc asc No 排列顺序

Options applicable only for type=horizontal:

Option Default Alternatives Required Description
height 260 (any number) No 所有行高度的px单位

Options applicable only for type=vertical:

Option Default Alternatives Required Description
columns 3 (any number) No PC端的列数
mobile 1 (any number) No mobile的列数

Notes:

image.png
image.png
  • 对于“路径”,无需指定保管库的名称。
  • 要求部分所述,仅接受本地图像。该插件的设计考虑了一个特定的用例:从图像文件夹创建图库,设置尽可能少。
  • 确保要嵌入的图像具有合理的大小:生成包含 60 张 4k 照片的砖石很可能会减慢应用程序的速度!


    image.png

    image.png

关于砌体的方向与其图像分布的附加说明:until a true masonry layout可用于本机“css”网格,垂直版本的排序是命中或未命中。这是因为其元素的流动是从上到下的(有关更多信息,请参阅 本文。如果排序至关重要,请依靠水平版本;它的图像有时会被裁剪,但它们的顺序更加直观。

实例

image.png

联系+关注

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容