使用Mix Space的文件系統進行靜態資源存放

Mix Space 後台內有一個文件系統，示例如下：

實際上，這個文件管理系統直接依賴於 Mix Space 部署的某個文件夾內，它處於mx-space/static/這個位置，並且圖標、頭像、文件分別對應於avatar、 icon 、file 。所以如果直接對該三個文件夾進行文件操作，Mix Space 後台內也是可以被同步的。對於這個特性，本站目前使用FTP+PicList進行圖床的架設，下述開始分享操作流程。

PicList 二開於 PicGo，所以這份教程同樣適用於 PicGo。

本站使用 1Panel+Docker 架設 Mix Space，1Panel 的容器文件目錄格式一般是/opt/1panel/docker/compose/容器名/data/，具體情況請根據自己的伺服器進行判斷處理。那麼針對 FTP 只需要配置好文件目錄和鑒權操作即可。

繼續，在 PicList 內下載ftp-uploader插件並進行配置。下面是一份使用後端域名進行資源訪問的 json 配置樣例：

{
  "img": {
    "url": "getaway", //API 地址
    "path": "/api/v2/objects/*type*/{fullName}", //type:avatar,icon,file
    "uploadPath": "/{fullName}",
    "host": "serverIP",
    "port": 21,
    "username": "ftpuser",
    "password": "ftppass"
  }
}

若如我這般使用獨立域名進行訪問，依舊需要用到反代。下述是我的部署方案，請根據自身實際情況進行修改。

# Nginx反代配置

location ^~ /shiro/files/ { # 反代的文件夾（自定義）
    proxy_pass http://127.0.0.1:2333/api/v2/objects/file/; 
    proxy_set_header Host $host; 
    proxy_set_header X-Real-IP $remote_addr; 
    proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for; 
    proxy_set_header REMOTE-HOST $remote_addr; 
    proxy_set_header Upgrade $http_upgrade; 
    proxy_set_header Connection "upgrade"; 
    proxy_set_header X-Forwarded-Proto $scheme; 
    proxy_http_version 1.1; 
    add_header X-Cache $upstream_cache_status; 
    add_header Strict-Transport-Security "max-age=31536000"; 
    add_header Cache-Control no-cache; 
}

當反代前端請求路徑為/shiro/files/時，該網站下所有的https://domain/shiro/files/請求將會反代 Mix Space 的資源文件夾，起到了獨立域名訪問靜態資源的效果。反代配置可以針對avatar、 icon 、file 進行多項反代配置的添加。

// ftp-uploader插件配置

{
  "img": {
    "url": "https://domain", //你的獨立域名
    "path": "/shiro/files/{fullName}", //需要反代的文件夾
    "uploadPath": "/{fullName}",
    "host": "serverIP",
    "port": 21,
    "username": "ftpuser",
    "password": "ftppass"
  }
}

此文由 Mix Space 同步更新至 xLog
原始連結為 https://de3ay.com/posts/tech/mixspace-filesystem