Obsidian Image Converter 项目教程

Obsidian Image Converter 项目教程

obsidian-image-converter⚡️ Convert and compress images from one format to another by drag'n'dropping or pasting files into the note.项目地址:https://gitcode.com/gh_mirrors/ob/obsidian-image-converter

1. 项目的目录结构及介绍

Obsidian Image Converter 项目的目录结构如下：

obsidian-image-converter/
├── main.js
├── styles.css
├── manifest.json
└── README.md

目录结构介绍

• main.js: 项目的主要逻辑文件，包含了图像转换和压缩的功能。
• styles.css: 项目的样式文件，定义了插件的外观和布局。
• manifest.json: 项目的配置文件，包含了插件的元数据和依赖信息。
• README.md: 项目的说明文档，提供了项目的基本信息和使用指南。

2. 项目的启动文件介绍

项目的启动文件是 main.js，它负责初始化插件并处理图像转换和压缩的逻辑。以下是 main.js 的主要功能：

• 监听图像拖放和粘贴事件。
• 自动将图像转换为 WEBP、JPG 或 PNG 格式。
• 支持 HEIC 和 TIF 文件的转换。
• 根据指定的质量值（1-100）减少图像文件大小。
• 自动重命名转换后的图像。
• 提供多种图像大小调整模式。

3. 项目的配置文件介绍

项目的配置文件是 manifest.json，它包含了插件的元数据和依赖信息。以下是 manifest.json 的主要内容：

{
  "id": "obsidian-image-converter",
  "name": "Image Converter",
  "version": "1.0.0",
  "minAppVersion": "0.12.0",
  "description": "Convert and compress images from one format to another by drag'n'dropping or pasting files into the note.",
  "author": "xRyul",
  "authorUrl": "https://github.com/xRyul",
  "isDesktopOnly": false
}

配置文件介绍

• id: 插件的唯一标识符。
• name: 插件的名称。
• version: 插件的版本号。
• minAppVersion: 插件支持的最低 Obsidian 版本。
• description: 插件的描述信息。
• author: 插件的作者。
• authorUrl: 作者的 URL。
• isDesktopOnly: 是否仅支持桌面版 Obsidian。

以上是 Obsidian Image Converter 项目的目录结构、启动文件和配置文件的详细介绍。希望这份教程能帮助你更好地理解和使用该项目。

obsidian-image-converter⚡️ Convert and compress images from one format to another by drag'n'dropping or pasting files into the note.项目地址:https://gitcode.com/gh_mirrors/ob/obsidian-image-converter