打造图床利器：零代码开发，玩转 Gitee 和 Electron

2023-12-20 00:51:51

面向开发者的福音：一款基于 Gitee 和 Electron 的便捷图床工具

随着数字时代的飞速发展，图片在我们的生活中扮演着越来越重要的角色。作为软件开发人员，我们常常需要处理和存储大量图片，而云存储服务正是满足这一需求的利器。然而，现有的云存储工具往往操作繁琐，对于习惯了本地化存储的程序员来说并不友好。

洞察痛点，匠心打造

为了解决这一痛点，我们打造了一款基于 Gitee 和 Electron 的便捷图床工具，致力于为广大程序员提供高效、便捷的云存储服务。

技术详解：强强联合

Gitee： 作为国内领先的代码托管平台，Gitee 提供了强大的文件存储能力和完善的 API 接口，可轻松实现文件的上传、管理和分享。

Electron： Electron 是一个基于 Chromium 的跨平台桌面应用开发框架，它允许我们使用 JavaScript、HTML 和 CSS 构建原生桌面应用程序。凭借 Electron 的强大功能，我们可以打造一款界面友好、操作简便的图床工具。

功能一览：全能图床

一键上传： 轻松拖拽或点击选择图片，即可上传至 Gitee 仓库，自动生成图片链接。
批量管理： 支持对图片进行批量上传、删除和复制，告别繁琐的操作。
快速生成 Markdown 链接： 一键生成 Markdown 格式的图片链接，方便在文档或博客中插入图片。
自定义主题： 提供多种主题供选择，满足不同的审美需求。

开发指南：轻松上手

为了让更多开发者受益于这款图床工具，我们提供了详细的开发指南，助你轻松上手。

步骤 1：安装依赖

安装 Electron 和 Gitee API 库，按照官方文档进行操作。

步骤 2：创建项目

使用 Electron 创建一个新的项目，并添加必要的依赖项。

步骤 3：集成 Gitee API

在项目中集成 Gitee API，以便与 Gitee 仓库进行交互。

步骤 4：构建界面

使用 HTML、CSS 和 JavaScript 构建图床工具的界面，包括上传、管理和分享等功能。

步骤 5：编写逻辑

编写业务逻辑，实现上传、删除、复制和生成 Markdown 链接等功能。

步骤 6：打包发布

将项目打包为可执行文件，并根据需要进行发布。

代码示例：

const { dialog, ipcMain } = require('electron')
const fs = require('fs')
const path = require('path')
const gitee = require('gitee-api')

const app = new gitee({
  clientID: 'YOUR_CLIENT_ID',
  clientSecret: 'YOUR_CLIENT_SECRET'
})

ipcMain.handle('upload-image', async (event, filePaths) => {
  const { data: repos } = await app.get(`/user/repos`)
  const repo = repos.find(repo => repo.name === 'YOUR_REPO_NAME')
  const content = fs.readFileSync(filePaths[0])
  const { data: file } = await app.createRepoFile(repo.id, content, path.basename(filePaths[0]))
  return file.content.download_url
})