Obsidian 插件:【Readme】Image Layouts

Obsidian 插件:【Readme】Image Layouts

插件名片

  • 插件名称:Image Layouts
  • 插件作者:Luke Chadwick
  • 插件说明:在您的笔记中添加美丽的图像布局
  • 插件分类:[‘obsidian 插件 ’, ‘readme’]
  • 项目地址:点我访问
  • 国内下载地址:下载安装

概述

在您的笔记中添加美丽的图像布局

Obsidian 插件:【Readme】Image Layouts--概述

原文出处

下面自述文件的来源于 Readme


Readme(翻译)

下面是 obsidian-image-layouts 插件的自述翻译

Obsidian 图片布局

我希望能够以一种“美丽”的方式在 Obsidian 笔记中布置图片。这是我第一次尝试。它还有些不完善,因为它还很新,但我希望它在展示图片密集的笔记时有用。我希望能够通过视觉方式讲述故事,这是一个很好的第一步。

用法

为了获取图像布局,请使用``` 后跟您想要的布局,例如```image-layout-a

图像可以以 wikilink 格式 ![[imagename]],这样它将从本地 vault 加载,或者以 ![](url) 格式,这样它将从远程加载。

图像的数量因布局而异。如果您没有足够的图像,它将显示一个占位符。如果您有太多图像,它们将被隐藏。

路线图

当我有时间时,我希望添加以下功能:

  • 在图片上叠加文字
  • 图片标题
  • 通用图库,支持浏览照片
  • 拖放支持
  • 可视化选择空布局

可用布局

以下是可用的布局。如果您能想到其他可能包含的布局,请随时提出建议(或提出 PR)。

image-layout-a

```image-layout-a
![](https://cdn.pkmer.cn/covers/obsidian-image-layouts_1_0.jpeg!pkmer)
![](https://cdn.pkmer.cn/covers/obsidian-image-layouts_1_1.jpeg!pkmer)
```

Obsidian 图片布局--image-layout-a

image-layout-b

```image-layout-b
![](https://cdn.pkmer.cn/covers/obsidian-image-layouts_1_2.jpeg!pkmer)
![](https://cdn.pkmer.cn/covers/obsidian-image-layouts_1_3.jpeg!pkmer)
```

Obsidian 图片布局--image-layout-b

图片布局 -C

```image-layout-c
![](https://cdn.pkmer.cn/covers/obsidian-image-layouts_1_4.png!pkmer)
![](https://cdn.pkmer.cn/covers/obsidian-image-layouts_1_5.jpeg!pkmer)
```

Obsidian 图片布局--图片布局 -C

image-layout-d

![](https://cdn.pkmer.cn/covers/obsidian-image-layouts_1_6.jpeg!pkmer)
![](https://cdn.pkmer.cn/covers/obsidian-image-layouts_1_7.jpeg!pkmer)
![](https://cdn.pkmer.cn/covers/obsidian-image-layouts_1_8.jpeg!pkmer)

Obsidian 图片布局--image-layout-d

image-layout-e

```image-layout-e
![](https://cdn.pkmer.cn/covers/obsidian-image-layouts_1_9.jpeg!pkmer)
![](https://cdn.pkmer.cn/covers/obsidian-image-layouts_1_10.jpeg!pkmer)
![](https://cdn.pkmer.cn/covers/obsidian-image-layouts_1_11.jpeg!pkmer)
```

Obsidian 图片布局--image-layout-e

image-layout-f

```image-layout-f
![](https://cdn.pkmer.cn/covers/obsidian-image-layouts_1_12.jpeg!pkmer)
![](https://cdn.pkmer.cn/covers/obsidian-image-layouts_1_13.jpeg!pkmer)
![](https://cdn.pkmer.cn/covers/obsidian-image-layouts_1_14.jpeg!pkmer)
![](https://cdn.pkmer.cn/covers/obsidian-image-layouts_1_15.jpeg!pkmer)
```

Obsidian 图片布局--image-layout-f

image-layout-g

```image-layout-g
![](https://cdn.pkmer.cn/covers/obsidian-image-layouts_1_16.jpeg!pkmer)
![](https://cdn.pkmer.cn/covers/obsidian-image-layouts_1_17.jpeg!pkmer)
![](https://cdn.pkmer.cn/covers/obsidian-image-layouts_1_18.jpeg!pkmer)
![](https://cdn.pkmer.cn/covers/obsidian-image-layouts_1_19.jpeg!pkmer)
```

Obsidian 图片布局--image-layout-g

image-layout-h

```image-layout-h
![](https://cdn.pkmer.cn/covers/obsidian-image-layouts_1_20.jpeg!pkmer)
![](https://cdn.pkmer.cn/covers/obsidian-image-layouts_1_21.jpeg!pkmer)
![](https://cdn.pkmer.cn/covers/obsidian-image-layouts_1_22.jpeg!pkmer)
```

Obsidian 图片布局--image-layout-h

图片布局 -i

```image-layout-i
![](https://cdn.pkmer.cn/covers/obsidian-image-layouts_1_23.jpeg!pkmer)
![](https://cdn.pkmer.cn/covers/obsidian-image-layouts_1_24.jpeg!pkmer)
![](https://cdn.pkmer.cn/covers/obsidian-image-layouts_1_25.jpeg!pkmer)
![](https://cdn.pkmer.cn/covers/obsidian-image-layouts_1_26.jpeg!pkmer)
```

Obsidian 图片布局--图片布局 -i

砖砌布局的初步支持

砌体 2

```image-layout-masonry-2
![](https://cdn.pkmer.cn/covers/obsidian-image-layouts_1_23.jpeg!pkmer)
![](https://cdn.pkmer.cn/covers/obsidian-image-layouts_1_24.jpeg!pkmer)
![](https://cdn.pkmer.cn/covers/obsidian-image-layouts_1_25.jpeg!pkmer)
![](https://cdn.pkmer.cn/covers/obsidian-image-layouts_1_26.jpeg!pkmer)
![](https://cdn.pkmer.cn/covers/obsidian-image-layouts_1_20.jpeg!pkmer)
![](https://cdn.pkmer.cn/covers/obsidian-image-layouts_1_21.jpeg!pkmer)
![](https://cdn.pkmer.cn/covers/obsidian-image-layouts_1_22.jpeg!pkmer)
![](https://cdn.pkmer.cn/covers/obsidian-image-layouts_1_0.jpeg!pkmer)
![](https://cdn.pkmer.cn/covers/obsidian-image-layouts_1_1.jpeg!pkmer)
```

Obsidian 图片布局--砌体 2

砌体 3

```image-layout-masonry-3
![](https://cdn.pkmer.cn/covers/obsidian-image-layouts_1_23.jpeg!pkmer)
![](https://cdn.pkmer.cn/covers/obsidian-image-layouts_1_24.jpeg!pkmer)
![](https://cdn.pkmer.cn/covers/obsidian-image-layouts_1_25.jpeg!pkmer)
![](https://cdn.pkmer.cn/covers/obsidian-image-layouts_1_26.jpeg!pkmer)
![](https://cdn.pkmer.cn/covers/obsidian-image-layouts_1_20.jpeg!pkmer)
![](https://cdn.pkmer.cn/covers/obsidian-image-layouts_1_21.jpeg!pkmer)
![](https://cdn.pkmer.cn/covers/obsidian-image-layouts_1_22.jpeg!pkmer)
![](https://cdn.pkmer.cn/covers/obsidian-image-layouts_1_0.jpeg!pkmer)
![](https://cdn.pkmer.cn/covers/obsidian-image-layouts_1_1.jpeg!pkmer)
```

Obsidian 图片布局--砌体 3

Masonry 4

```image-layout-masonry-4
![](https://cdn.pkmer.cn/covers/obsidian-image-layouts_1_23.jpeg!pkmer)
![](https://cdn.pkmer.cn/covers/obsidian-image-layouts_1_24.jpeg!pkmer)
![](https://cdn.pkmer.cn/covers/obsidian-image-layouts_1_25.jpeg!pkmer)
![](https://cdn.pkmer.cn/covers/obsidian-image-layouts_1_26.jpeg!pkmer)
![](https://cdn.pkmer.cn/covers/obsidian-image-layouts_1_20.jpeg!pkmer)
![](https://cdn.pkmer.cn/covers/obsidian-image-layouts_1_21.jpeg!pkmer)
![](https://cdn.pkmer.cn/covers/obsidian-image-layouts_1_22.jpeg!pkmer)
![](https://cdn.pkmer.cn/covers/obsidian-image-layouts_1_0.jpeg!pkmer)
![](https://cdn.pkmer.cn/covers/obsidian-image-layouts_1_1.jpeg!pkmer)
```

Obsidian 图片布局--Masonry 4

Masonry 5

```image-layout-masonry-5
![](https://cdn.pkmer.cn/covers/obsidian-image-layouts_1_23.jpeg!pkmer)
![](https://cdn.pkmer.cn/covers/obsidian-image-layouts_1_24.jpeg!pkmer)
![](https://cdn.pkmer.cn/covers/obsidian-image-layouts_1_25.jpeg!pkmer)
![](https://cdn.pkmer.cn/covers/obsidian-image-layouts_1_26.jpeg!pkmer)
![](https://cdn.pkmer.cn/covers/obsidian-image-layouts_1_20.jpeg!pkmer)
![](https://cdn.pkmer.cn/covers/obsidian-image-layouts_1_21.jpeg!pkmer)
![](https://cdn.pkmer.cn/covers/obsidian-image-layouts_1_22.jpeg!pkmer)
![](https://cdn.pkmer.cn/covers/obsidian-image-layouts_1_0.jpeg!pkmer)
![](https://cdn.pkmer.cn/covers/obsidian-image-layouts_1_1.jpeg!pkmer)
```

Obsidian 图片布局--Masonry 5

砌体 6

```image-layout-masonry-6
![](https://cdn.pkmer.cn/covers/obsidian-image-layouts_1_23.jpeg!pkmer)
![](https://cdn.pkmer.cn/covers/obsidian-image-layouts_1_24.jpeg!pkmer)
![](https://cdn.pkmer.cn/covers/obsidian-image-layouts_1_25.jpeg!pkmer)
![](https://cdn.pkmer.cn/covers/obsidian-image-layouts_1_26.jpeg!pkmer)
![](https://cdn.pkmer.cn/covers/obsidian-image-layouts_1_20.jpeg!pkmer)
![](https://cdn.pkmer.cn/covers/obsidian-image-layouts_1_16.jpeg!pkmer)
![](https://cdn.pkmer.cn/covers/obsidian-image-layouts_1_17.jpeg!pkmer)
![](https://cdn.pkmer.cn/covers/obsidian-image-layouts_1_18.jpeg!pkmer)
![](https://cdn.pkmer.cn/covers/obsidian-image-layouts_1_19.jpeg!pkmer)
![](https://cdn.pkmer.cn/covers/obsidian-image-layouts_1_12.jpeg!pkmer)
![](https://cdn.pkmer.cn/covers/obsidian-image-layouts_1_13.jpeg!pkmer)
![](https://cdn.pkmer.cn/covers/obsidian-image-layouts_1_14.jpeg!pkmer)
![](https://cdn.pkmer.cn/covers/obsidian-image-layouts_1_15.jpeg!pkmer)
![](https://cdn.pkmer.cn/covers/obsidian-image-layouts_1_21.jpeg!pkmer)
![](https://cdn.pkmer.cn/covers/obsidian-image-layouts_1_22.jpeg!pkmer)
![](https://cdn.pkmer.cn/covers/obsidian-image-layouts_1_0.jpeg!pkmer)
![](https://cdn.pkmer.cn/covers/obsidian-image-layouts_1_1.jpeg!pkmer)
```

Obsidian 图片布局--砌体 6



反馈交流

其他渠道

版权声明