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 笔记中创建动态图片库，支持水平和垂直两种布局方式。该插件非常适合需要展示大量图片的用户，如摄影师、设计师等。

2、项目下载位置

Obsidian Image Gallery 项目托管在 GitHub 上。用户可以通过以下步骤下载项目：

1. 打开终端或命令行工具。
2. 使用 git clone 命令下载项目：

git clone https://github.com/lucaorio/obsidian-image-gallery.git

3、项目安装环境配置

3.1 环境要求

• Obsidian：版本 >= 1.1.8
• Node.js：建议使用最新版本
• npm：Node.js 的包管理工具

3.2 环境配置步骤

1. 安装 Node.js 和 npm：

   • 访问 Node.js 官网 下载并安装最新版本的 Node.js。npm 会随 Node.js 一起安装。

2. 验证安装：

   • 打开终端或命令行工具，输入以下命令验证 Node.js 和 npm 是否安装成功：

node -v
npm -v

如果安装成功，会显示相应的版本号。

3.3 环境配置示例

以下是环境配置的示例截图：

4、项目安装方式

4.1 安装步骤

1. 进入项目目录：
   • 在终端或命令行工具中，进入下载的项目目录：

cd obsidian-image-gallery

2. 安装依赖：
   • 使用 npm 安装项目所需的依赖：

npm install

3. 构建项目：
   • 运行以下命令构建项目：

npm run build

4.2 安装示例

以下是安装过程的示例截图：

5、项目处理脚本

Obsidian Image Gallery 项目包含多个处理脚本，用于构建和打包插件。以下是一些常用的脚本：

• npm run build：构建项目，生成可用的插件文件。
• npm run lint：运行代码检查工具，确保代码质量。
• npm run test：运行测试脚本，验证插件的功能。

5.1 处理脚本示例

以下是运行 npm run build 脚本的示例截图：

通过以上步骤，您可以成功下载、安装并配置 Obsidian Image Gallery 插件，开始在 Obsidian 中创建动态图片库。

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