我的二次元相簿又回來了

阿珏酱發表於2024-11-08

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

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

我的二次元相簿前端介面

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

預覽

https://photo.moejue.cn

image
image
image

特性

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

Todo

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

安裝說明

  1. 克隆倉庫到本地:

    複製程式碼

    1. git clone https://github.com/iAJue/PhotoGallery.git
  2. 進入專案目錄:

    複製程式碼

    1. cd PhotoGallery
  3. 安裝依賴:

    複製程式碼

    1. npm install
  4. 打包專案

    複製程式碼

    1. npm run build

後端介面

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

返回資料格式

  1. 照片介面

    複製程式碼

    1. [
    2. {
    3. "date": "\u6628\u5929",
    4. "items": [
    5. {
    6. "src": "https:\/\/moejuevideo.pages.dev\/file\/1730957555106_ocgRCdDEA07fAILEKEFOA8ADAyETABBMffIBE6~tplv-dy-aweme-images_q75.webp",
    7. "alt": "ocgRCdDEA07fAILEKEFOA8ADAyETABBMffIBE6~tplv-dy-aweme-images_q75.webp",
    8. "isVideo": false,
    9. "duration": null
    10. }
    11. ]
    12. }
    13. ]
  2. 相簿介面

    複製程式碼

    1. [
    2. {
    3. "folder_id": "3",
    4. "folder_name": "images",
    5. "created_at": "2024-11-07 15:09:06",
    6. "photo_count": "61",
    7. "latest_image": "https:\/\/moejuevideo.pages.dev\/file\/1730963758087_GZIaBGlbAAALz_E.jpeg",
    8. "attribute": "2",
    9. "ispassword": true
    10. }
    11. ]
  3. 隨機介面

    複製程式碼

    1. [
    2. {
    3. "id": 1,
    4. "folder_id": 1,
    5. "name": "\u300c\u4e0d\u706d\u300d #2024\u539f\u795e\u751f\u65e5\u4f1a #\u539f\u795e #\u949f\u79bb_7415149072572501275.mp4",
    6. "size": 50437932,
    7. "duration": "19.0",
    8. "type": 1,
    9. "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",
    10. "created_at": "2024-11-07 09:49:48"
    11. }
    12. ]
            </div><div>
              <nav>
                <div>
                      <p><span><i></i> Previous Post </span></p><h4>本文分類下已經是最後一篇文章了哦!                        </h4></div>
              </nav>                 
            </div></div>

相關文章