搭建圖床-切換本站圖片至自建服務

CarlZeng發表於2024-03-12
圖床
搭建圖床-切換本站圖片至自建服務

家寬環境搭建蘭空圖床實踐過程記錄分享

有什麼用/怎麼用

自建圖床，自用的情況下暫時是夠用的

訪問：Carl Notes 圖床

登入後臺管理圖床中的圖片內容等操作

相關內容

實現方法

Docker搭建Lsky Pro圖床應用

docker pull dko0/lsky-pro

docker run  --name lsky-pro --restart always -p 8091:80 -d -v /volume2/KingchuxingSSD512G/MacBookPro_Skitch:/var/www/html dko0/lsky-pro

#轉化為docker-compose
version: '3.9'
services:
    lsky-pro:
        image: dko0/lsky-pro
        volumes:
            - '/volume2/KingchuxingSSD512G/MacBookPro_Skitch:/var/www/html'
        ports:
            - '8091:80'
        restart: always
        container_name: lsky-pro

配置PicGO

下載並安裝PicGo，Mac OS X：[PicGo-2.4.0-beta.6-x64.dmg](https://github.com/Molunerfinn/PicGo/releases
https://picgo-release.molunerfinn.com/2.4.0-beta.6/PicGo-2.4.0-beta.6-x64.dmg)

開啟主介面/視窗，外掛設定，搜尋並安裝外掛名：lankong （我下載的版本是：lankong 1.1.3）

圖床配置 》 lankong

Lsky Pro Version： V2
Server: https://img.carlzeng.top:3
Auth token: Bearer 1|ZRZcNz1E6hAuyV4LytmCqmGx5yST0g9OyhdptXXX

獲取 Lsky Pro 蘭空圖床的Auth Token的方式，推薦(Terminal 執行命令)：

curl --location --request POST 'https://imgserver.com:3/api/v1/tokens' \
	--form 'email="email@email.com"' \
	--form 'password="password"'

請修改一下URL地址為訪問自建蘭空圖床的URL地址，email和密碼為登入圖傳所使用的使用者名稱和密碼

本章節參見：https://github.com/hellodk34/picgo-plugin-lankong

測試：將檔案拖拽到此處，或 點選上傳，然後到蘭空圖床的URL後臺，確認圖片已上傳至系統中

配置Typora

設定 偏好設定

  1. 切換Typora到中文語言版（因為目前只有中文版有PicGo的選項）

  2. 偏好設定 》 影像 〉上傳服務設定。 選擇：PicGo.app

  3. 然後點選：驗證圖片上傳選項

    我的設定第一次顯示失敗了，按提示的資訊檢視日誌：

    ------Error Stack Begin------
Error: You must be logged in to use.
    at Object.We [as handle] (/Applications/PicGo.app/Contents/Resources/app.asar/node_modules/picgo/dist/index.cjs.js:1:21399)
    at processTicksAndRejections (node:internal/process/task_queues:96:5)
    at async je.doUpload (/Applications/PicGo.app/Contents/Resources/app.asar/node_modules/picgo/dist/index.cjs.js:1:19834)
    at async je.start (/Applications/PicGo.app/Contents/Resources/app.asar/node_modules/picgo/dist/index.cjs.js:1:18605)
    at async $t.upload (/Applications/PicGo.app/Contents/Resources/app.asar/node_modules/picgo/dist/index.cjs.js:1:74902)
    at async Object.upload (/Applications/PicGo.app/Contents/Resources/app.asar/index.js:2:686906)
    at async hr (/Applications/PicGo.app/Contents/Resources/app.asar/index.js:2:689655)
    at async /Applications/PicGo.app/Contents/Resources/app.asar/index.js:2:690736
-------Error Stack End------- 
2024-02-21 13:37:13 [PicGo INFO] [PicGo Server] upload result  
2024-02-21 13:37:13 [PicGo WARN] [PicGo Server] upload failed, see picgo.log for more detail ↑

  4. 複製一張圖片到剪貼簿，在某個文章的內容中，貼上圖片；滑鼠右鍵選中圖片，上傳圖片

  5. 這時PicGo會顯示待上傳的圖片，以及上傳進度，直到圖片被自動上傳到圖床中

  6. 全流程結束

本章節可以參見：Upload Images

關聯Alist的目錄

這是根據個人自身的使用情況做的擴充，分享出圖床中的所有圖片

修改docker-compose.yml, 新增對映：

  • /volume2/KingchuxingSSD512G/MacBookPro_Skitch:/home/share10

docker exec -it alist /bin/bash

mkdir share7 && mkdir share8 && mkdir share9 && mkdir share10 && mkdir shar
e11 && mkdir share12

重啟docker-compose

#這是不會成功的，需要使用docker-compose down 和 up
docker-compose restart

docker-compose down
docker-compose up -d

進入Alist的後臺管理，新增 “本機儲存”

對映/home/share10 至外觀目錄：/圖床MacBookPro_Skitch

效果如：https://file.carlzeng.top:3/圖床MacBookPro_Skitch/storage/app/uploads/2024/02/21

NPM反代後帶埠訪問

1、修改/config/app.php （大約在57-60行的地方，修改以下2行內容）

//原先：
  'url' => env('APP_URL', 'http://localhost'),

//新：
  'url' => env('APP_URL', 'https://xxxxx.com:4443'),

//原先：
  'asset_url' => env('ASSET_URL', null),

//新：
  'asset_url' => env('ASSET_URL', 'https://xxxxx.com:4443'),

請根據自身情況修改https://xxxxx.com:4443為自己的域名和埠。

2、修改 /app/Providers/ApServiceProvider.php 第 32 行下面追加一行：

\Illuminate\Support\Facades\URL::forceScheme('https');

靈感來源

寫了一個適配蘭空圖床 Lsky Pro 的 PicGo 圖片上傳外掛 picgo-plugin-lankong

靜態資源載入失敗 #317

https+域名+埠的訪問問題，NginxProxyManager反代 #607

樹莓派透過Docker部署蘭空圖床

相關文章