我的二次元相簿又回來了

從最早的相簿,到圖床,在到現在的相簿.我對圖片的執著已經可以說是跨越了好幾個世紀了.
相簿的圖片是存在七牛雲的,後來流量被刷就關閉了.
圖床,現在轉為為部落格提供圖片上傳服務了.
相簿,就是手機中相簿的概念,它既可以存圖片也可以放影片.
逐漸是越來越完善了

這兩天就把平常儲存的影片圖片什麼的上傳到了伺服器,寫了個介面和介面,順帶開源出來.(我要做一個堅定的開源愛好者)

我的二次元相簿前端介面

1. 這裡是阿珏醬的私人相簿,儲存著阿珏在平常收集的圖片,和各大平臺中點贊收藏的影片.
2. 包括但不限於B站,YouTube,抖音,X,facebook,pixiv等平臺的影片或圖片,相關的資料資訊版權歸原作者所有.
3. 資料將不定期手動更新,如果你想要某些圖片或者影片,請直接聯絡阿珏醬獲取.

預覽

https://photo.moejue.cn

特性

1. 支援圖片和影片的展示
2. 支援相簿的展示
3. 支援相簿的密碼保護
4. 支援18+保護
5. 支援搜尋

Todo

1. 最佳化特效展示
2. 最佳化介面流暢度

安裝說明

1. 克隆倉庫到本地：

    複製程式碼
   git clone https://github.com/iAJue/PhotoGallery.git

2. 進入專案目錄：

    複製程式碼
   cd PhotoGallery

3. 安裝依賴：

    複製程式碼
   npm install

4. 打包專案

    複製程式碼
   npm run build

後端介面

僅供參考
https://github.com/iAJue/wasteCode/tree/main/photo

返回資料格式

1. 照片介面

    複製程式碼
   [
   {
       "date": "\u6628\u5929",
       "items": [
           {
               "src": "https:\/\/moejuevideo.pages.dev\/file\/1730957555106_ocgRCdDEA07fAILEKEFOA8ADAyETABBMffIBE6~tplv-dy-aweme-images_q75.webp",
               "alt": "ocgRCdDEA07fAILEKEFOA8ADAyETABBMffIBE6~tplv-dy-aweme-images_q75.webp",
               "isVideo": false,
               "duration": null
           }
       ]
   }
   ]

2. 相簿介面

    複製程式碼
   [
   {
       "folder_id": "3",
       "folder_name": "images",
       "created_at": "2024-11-07 15:09:06",
       "photo_count": "61",
       "latest_image": "https:\/\/moejuevideo.pages.dev\/file\/1730963758087_GZIaBGlbAAALz_E.jpeg",
       "attribute": "2",
       "ispassword": true
   }
   ]

3. 隨機介面

    複製程式碼
   [
   {
       "id": 1,
       "folder_id": 1,
       "name": "\u300c\u4e0d\u706d\u300d #2024\u539f\u795e\u751f\u65e5\u4f1a #\u539f\u795e #\u949f\u79bb_7415149072572501275.mp4",
       "size": 50437932,
       "duration": "19.0",
       "type": 1,
       "data": "https:\/\/moejuevideo.pages.dev\/file\/1730944134269_\u300c\u4e0d\u706d\u300d %232024\u539f\u795e\u751f\u65e5\u4f1a %23\u539f\u795e %23\u949f\u79bb_7415149072572501275.mp4_part_1.mp4",
       "created_at": "2024-11-07 09:49:48"
   }
   ]

            </div><div>
              <nav>
                <div>
                      <p><span><i></i> Previous Post </span></p><h4>本文分類下已經是最後一篇文章了哦！                        </h4></div>
              </nav>                 
            </div></div>