利用 lychee 做你的个人图床

https://appstore.lazycat.cloud/#/shop/detail/xyz.youguanxinqing.app.lychee


# 利用 lychee 做你的个人图床

lychee 是一款颜值很高且易使用的图片管理平台。不管是 web 端还是移动端，界面、交互都表现极佳。当然，说得再多都不如先上图。

web 端：
![image-20250807150343823.png](https://dl.playground.lazycat.cloud/guidelines/188/7e41c9f3-5b0b-4f4e-b6b5-34654cc18bad.png "image-20250807150343823.png")

移动端：

![image-20250807150738570.png](https://dl.playground.lazycat.cloud/guidelines/188/f91620c5-61a5-4ed5-9639-d357a35173c4.png "image-20250807150738570.png")

## 安装说明

安装 lychee 在初始化阶段要耐心等待一会，大约会做2-3分钟的表迁移。

## 上传图片

进入 lychee 首页后可以看到左上角的“设置按钮”和右上角的“添加按钮”。
![image-20250807152701554.png](https://dl.playground.lazycat.cloud/guidelines/188/cca1966f-f280-45bc-97b3-a98795c4619e.png "image-20250807152701554.png")

上传图片前我一般会创建对应的图片集合（album），操作步骤为：点击“添加按钮”，选择“New Album”，再输入你心仪的集合名。
![image-20250807152908822.png](https://dl.playground.lazycat.cloud/guidelines/188/2699293f-a215-4c8e-922e-13ff622f9b18.png "image-20250807152908822.png")


![image-20250807153003931.png](https://dl.playground.lazycat.cloud/guidelines/188/db0f316e-835b-470e-a021-b37f65bda1bb.png "image-20250807153003931.png")

如果你想往指定集合上传图片，首先点进集合，再点击右上角的“添加按钮”，选择“Upload Photo”。上传支持拖拽和打开文件管理器选择文件，要是你想上传多张图片，可以一直按住 Ctrl 键，再用鼠标左键选中多图。

![image-20250807153218211.png](https://dl.playground.lazycat.cloud/guidelines/188/399a0560-366f-41da-add8-2284d617b54d.png "image-20250807153218211.png")


![image-20250807153606325.png](https://dl.playground.lazycat.cloud/guidelines/188/f1551a2f-34e5-43f7-83eb-d2936f9a664d.png "image-20250807153606325.png")

## 搜索图片

右上角的放大镜可以根据图片名称搜索图片，但是 lychee 的搜索框要求至少输入 4 个字符 —— 有的图片全名也没有 4 个。修改方式：点击“设置”，找到“Search”，调整“Number of charaters ...”为1，点击顶部的“Save”按钮保存配置。**刷新页面使配置生效**。
![image-20250807154351674.png](https://dl.playground.lazycat.cloud/guidelines/188/cf79253f-d3a5-4549-89be-e74a7b3531e4.png "image-20250807154351674.png")

现在你就能随心所欲的检索啦！
![image-20250807154542586.png](https://dl.playground.lazycat.cloud/guidelines/188/fdd2e797-3588-4560-837c-9d748950b170.png "image-20250807154542586.png")

## 不支持的图片格式

lychee 会检查上传的图片是否为支持格式，如果不支持，会被严辞拒绝。当然可以改！点击“设置”，选择“Image Processing”，修改“Allowed extra formats……”。多种后缀用“|”连接，例如：.A|.B，表示既支持“.A”文件也支持“.B”文件。
![image-20250807155703876.png](https://dl.playground.lazycat.cloud/guidelines/188/138e4585-d4a0-4d46-a99a-b12ea2a0de8a.png "image-20250807155703876.png")

即使图片可以上传，但是 lychee 可能无法展示，比如 .ico 结尾的文件。

![image-20250807160102868.png](https://dl.playground.lazycat.cloud/guidelines/188/8344ebe0-0cd7-40b8-b065-9886fa0cfdaa.png "image-20250807160102868.png")

如果需要查看，我会选择点进图片，再点击右上角的“用浏览器打开”。
![image-20250807160137553.png](https://dl.playground.lazycat.cloud/guidelines/188/4d3ec05b-1699-4737-a9ab-6e51b9117437.png "image-20250807160137553.png")

## 使用场景

**将图片上传到 lychee 后，凡是能访问懒猫微服的环境就能访问该图**。

例如我在使用 HomePage 过程中（如果你对 HomePage 感兴趣，可以看看我的另一篇攻略：[利用 homepage 打造好看的浏览器看板](https://lazycat.cloud/playground/guideline/971)），发现其 manifest.yml 没有把 /app/public/images 目录挂载出来，无法使用本地图片。为了自定义背景图和浏览器的 tab 图标，我把图片上传到 lychee，再把图片的 url 链接配置到 HomePage 中：

```yaml
title: Mine
description: 懒猫微服HomePage
background: 
  image: https://lychee.${微服名}.heiyu.space/uploads/medium/72/2d/a86ac19408c57b41c49478bfe8a1.jpg
  opacity: 50
  blur: sm
  
  
favicon: https://lychee.${微服名}.heiyu.space/uploads/original/5f/58/bae30b8f3727a1e6ce3f8315a8f2.ico
```

## 致谢

lychee 是一款我用了很多年的图床，长久陪伴在我的博客身旁。当时移植该应用，我在 lzc-manifest.yml 文件中把 depends_on 错写成 deploy_on，一度麻烦懒猫的工程师们帮忙排查为什么应用初始化失败。**由衷感谢他们的付出，使得 lychee 出现在懒猫商店**。