JSimages 圖床搭建指南

大家好，我是 Dylan。今天要跟大家分享一個小白也能輕鬆上手的 JSimages 圖床搭建教程。這個教程非常適合剛入門的朋友，如果你已經是大神，可以直接略過啦！

一、前置條件

在開始之前，我們需要準備以下幾樣東西：

  1. 科學上網環境
  2. 一個 Cloudflare（CF）帳號
  3. 一個域名，建議使用付費域名，這樣可以省去很多麻煩

二、部署步驟

在開始部署之前，請注意：雖然項目的代碼已經使用了 Worker 的緩存 API，但還是建議配置好 邊緣 TTL 並開啟 訪客驗證，以防止被惡意刷流量導致額外費用！

1. 創建 R2 存儲桶

  1. 登錄 Cloudflare Dashboard
  2. 進入 R2 對象儲存 → 創建存儲桶
  3. 設置存儲桶名稱和區域
  4. 保存存儲桶的名稱以便後續使用

2. 創建 D1 數據庫

  1. 登錄 Cloudflare Dashboard
  2. 進入 Workers & Pages → D1 SQL 數據庫
  3. 點擊 創建 創建數據庫
    • 數據庫名稱可自定義，例如 images
    • 建議選擇數據庫位置為 亞太地區，以獲得更好的訪問速度
  4. 創建數據表：
    • 點擊數據庫名稱進入詳情頁
    • 選擇 控制台 標籤
    • 執行以下 SQL 語句：
CREATE TABLE media (url TEXT PRIMARY KEY);

3. 創建 Worker

  1. 進入 Workers & Pages
  2. 點擊 創建
  3. 選擇 創建 Worker
  4. 為 Worker 設置一個名稱
  5. 點擊 部署 創建 Worker
  6. 點擊繼續處理項目

4. 配置變量和機密

  1. 在 Worker 的 設置 → 變量和機密 中
  2. 點擊 添加 添加以下變量（不要選文本，選機密）
    • DOMAIN
    • USERNAME
    • PASSWORD
    • ADMIN_PATH
    • ENABLE_AUTH（可選）
    • MAX_SIZE_MB（可選）
  3. 點擊 部署

5. 變量說明

在部署過程中，你需要在 Cloudflare Workers 中配置以下變量：

變量名 說明 必填 示例
DOMAIN 自定義域名 是 example.workers.dev
USERNAME 管理員用戶名 是 admin
PASSWORD 管理員密碼 是 password123
ADMIN_PATH 管理後台路徑 是 admin
ENABLE_AUTH 訪客驗證（設置為 true 開啟，否則關閉） 否 false
MAX_SIZE_MB 單文件最大支持大小（單位：MB，默認 10） 否 10

6. 綁定 D1 數據庫和 R2 存儲

  1. 在 Worker 設置頁面找到 設置 → 綁定
  2. 點擊 添加 添加以下變量
    • DATABASE
    • R2_BUCKET
  3. 點擊 部署

7. 綁定域名

  1. 在 Worker 的 設置 → 域和路由
  2. 點擊 添加 → 自定義域
  3. 輸入你在 Cloudflare 綁定的域名
  4. 點擊 添加域
  5. 等待域名生效

8. 部署代碼

  1. 進入 Worker 的編輯頁面
  2. 將 _worker.js 的完整代碼複製粘貼到編輯器中
  3. 點擊 部署

9. 配置緩存（可選）

  1. 進入 Cloudflare Dashboard
  2. 進入 網站 → 選擇你的自定義域名 → 緩存 → Cache Rules → 創建緩存規則
  3. 選擇 緩存所有內容模板
  4. 設置 邊緣 TTL → 忽略緩存控制標頭，使用此 TTL → 30 天（根據需要設置）
  5. 點擊 部署

三、測試與使用

  1. 打開你配置的域名，例如：img.123123.xyz，系統會提示輸入用戶名和密碼。
  2. 登錄後，你可以通過這個界面上傳圖片。
  3. 上傳成功後，你會得到一個引用地址，並且會收到上傳成功的提示。
  4. 登錄管理界面，你可以查看之前上傳的圖片，並進行刪除或引用。

六、總結

至此，一個基於 CF 的個人圖床就搭建完成了！這個圖床不僅簡單易用，而且完全由你自己掌控，非常適合日常使用。如果你在搭建過程中遇到任何問題，歡迎在評論區留言，我會盡力幫助你解決。

希望這個教程對你有幫助，如果你覺得不錯，別忘了點個贊哦！

歡迎大家在評論區分享你的搭建經驗，或者提出任何問題！

正文完
2025-01-24
 0