Obsidian Image Gallery 安装和配置指南

Obsidian Image Gallery 安装和配置指南

obsidian-image-gallery A zero setup masonry image gallery for Obsidian 项目地址: https://gitcode.com/gh_mirrors/ob/obsidian-image-gallery

1. 项目基础介绍和主要编程语言

Obsidian Image Gallery 是一个为 Obsidian 笔记应用设计的零设置瀑布流图片库插件。该插件允许用户在 Obsidian 中轻松创建和管理图片库，支持水平和垂直两种布局方式。项目的主要编程语言包括 TypeScript、JavaScript 和 CSS。

2. 项目使用的关键技术和框架

• Obsidian API：该项目依赖于 Obsidian 的插件 API，用于与 Obsidian 应用进行交互。
• TypeScript：主要用于编写插件的核心逻辑和功能。
• CSS：用于样式设计和布局控制。
• JavaScript：用于处理一些动态交互和功能实现。

3. 项目安装和配置的准备工作和详细安装步骤

准备工作

1. 安装 Obsidian：确保你已经安装了 Obsidian 笔记应用，并且版本不低于 1.1.8。
2. 创建或选择一个文件夹：在你的 Obsidian 库中创建一个文件夹，用于存放你想要展示的图片。

详细安装步骤

1. 打开 Obsidian 插件市场：

   • 在 Obsidian 中，点击左侧边栏的“设置”图标（齿轮图标）。
   • 在设置菜单中，选择“社区插件”。

2. 搜索并安装 Obsidian Image Gallery 插件：

   • 在社区插件页面，点击“浏览”按钮。
   • 在搜索框中输入“Obsidian Image Gallery”，然后点击搜索。
   • 找到“Obsidian Image Gallery”插件后，点击“安装”按钮。

3. 启用插件：

   • 安装完成后，返回社区插件页面，找到“Obsidian Image Gallery”插件，点击“启用”按钮。

4. 配置插件：

   • 在 Obsidian 中创建一个新的笔记或打开一个已有的笔记。

   • 在笔记中添加以下代码块来创建图片库：

     ```img-gallery
     path: 你的图片文件夹路径
     type: horizontal  # 或者 vertical
     

   • 将 你的图片文件夹路径 替换为你存放图片的文件夹路径。

   • 保存笔记后，Obsidian 会自动生成图片库。

配置选项

• path：指定图片文件夹的路径，必填。
• type：指定图片库的布局类型，可选值为 horizontal 或 vertical，默认值为 horizontal。
• gutter：设置图片之间的间距，单位为像素，可选。
• radius：设置图片的圆角半径，单位为像素，可选。
• sortby：指定图片的排序方式，可选值为 ctime、mtime 或 name，默认值为 ctime。
• sort：指定排序顺序，可选值为 desc 或 asc，默认值为 desc。

示例

```img-gallery
path: Attachments/Images
type: vertical
gutter: 10
radius: 5
sortby: name
sort: asc

通过以上步骤，你就可以在 Obsidian 中成功安装和配置 Obsidian Image Gallery 插件，并创建一个美观的图片库。

obsidian-image-gallery A zero setup masonry image gallery for Obsidian 项目地址: https://gitcode.com/gh_mirrors/ob/obsidian-image-gallery