quickly-picture-bed

轻快图床：使用nestjs+vue3.x+ts+vite开发的在线图床系统，内置功能包括图片上传、图片管理、存储桶管理、相册管理、插件市场、知识库管理、数据统计等功能，插件分为上传插件、主题插件、工具箱插件，目前内置数十种插件，支持腾讯云COS、又拍云Upyun、阿里云OSS、github图床、gitee图床、七牛云 KODO等常用对象存储插件以及vscode暗黑主题、Monokai主题等。

MIT License

Stars
513
Committers
1
View Code on GitHub Visit Website
Ecosystems: Vite, Nest, Docker

PicGoelectron-vuePicGo****

****PicgoPicgoBS

picgopicgo

()

http://v2.picture.itchenliang.club/
[email protected]
000000
: 
- Gitee: https://gitee.com/itchenliang/quickly-picture-bed
- Github: https://github.com/ischenliang/quickly-picture-bed
: https://ejq9qy8emd.feishu.cn/docx/Eo1HdFD7noXoSlxfRfWcYyzJnpf

()

http://picture.itchenliang.club/
[email protected]
000000
: 
- Gitee: https://gitee.com/itchenliang/quickly-picture-bed/tree/koa-controller
- Github: https://github.com/ischenliang/quickly-picture-bed/tree/koa-controller
: https://gitee.com/itchenliang/quickly-picture-bed/tree/koa-controller/doc

:

  • : OSSCOSKodoUSSqingstor
  • uuidbase64
  • vscodemonokaiOneDarkPro

:

  • OSS
  • COS
  • Kodo
  • USS
  • OBS
  • qingstor
  • Minio
  • CSDN
  • Gitee
  • Github
  • Coding
  • Githlab
  • AzureRepo
  • Cloudflare
  • Nextcloud
  • Postimage
  • Alist
  • ....
  • VScode
  • VScode Monokai
  • VScode OnDarkPro
  • ...
  • uuid
  • base64

  • : URLBase64
    • : URLHTMLCSSMarkdownUBB
  • :
  • :
  • :

****

    • : OSSCOSKodoUSSqingstor
    • uuidbase64
    • vscodemonokaiOneDarkPro
  • : /
  • :
  • :
  • : /
  • rollup/vite + pnpm + monoreponpm
  • : |
  • :
  • logo
  • RABC

  • Node >= 18.16.0
  • Mysql >= 5.7
  • typescript >= 4.8.4

****: star

docker-compose

docker-compose

sqlserver/sql``init.sql``navicatsqlsql

: admin@163.com
: 000000

server/.env

  • docker-compose
docker compose up -d

: 202401301005263319.png http://youip:port

: server``public nginxserver

docker

docker-compose

client``server``pic-net``client``nginx.conf

  • server

    docker network create pic-net
  • server

    serverpicServerV2

    # server
cd server
# 
docker build -t pic-server .
# 
docker run -d --name picServerV2 -p 4000:4000 --network pic-net pic-server
    http://youip:4000server
    202401301014437945.png
  • client

    clientpicClientV2

    • 1client/public/global.config.js``window.uploader_ip = ''
    • 2client 
      cd client
npm install
npm run build
    • 3 
      # client
cd client
# 
docker build -t pic-client .
# 
docker run -d --name picClientV2 -p 80:80 --network pic-net pic-client
      http://youip:80client
      202401301018387037.png

docker

itchenliang/pic-server-v2``itchenliang/pic-client-v2DockerHub

  • server

    docker network create pic-net
  • server
    • 1.env 
      # mysqlroot
DB_USERNAME=xxx
# mysql
DB_PASSWORD=xxx
# iplocalhost127.0.0.1
DB_HOST=xxx.xxx.xxx.xxx
# 3306
DB_PORT=3306
# 
DB_DATABASE=xxx

# 
APP_PORT=4000

# npm/npm
# unpkg: https://unpkg.com/@itchenliang/[email protected]/dist/index.umd.js
# : https://registry.npmmirror.com/@itchenliang/picture-rollup-oss-plugin/1.0.12/files/dist/index.js
NPM_REGISTRY=https://registry.npmmirror.com
    • 2 
      docker run -d --name picServerV2 -p 4000:4000 --env-file .env --network pic-net itchenliang/pic-server-v2
      --env-file``.env``.env``./.env

      picServerV2client

  • client
docker run -d --name picClientV2 -p 80:80 --network pic-net itchenliang/pic-client-v2

  1. node

nodenode.exe``nrm node: 18.16.0

  1. git

Gitgit

git clone

  1. sql

sqlserver/sql``init.sql``navicatsqlsql

: admin@163.com
: 000000

server/.envip .env.dev

# mysqlroot
DB_USERNAME=xxx
# mysql
DB_PASSWORD=xxx
# iplocalhost127.0.0.1
DB_HOST=xxx.xxx.xxx.xxx
# 3306
DB_PORT=3306
# 
DB_DATABASE=xxx

# 
APP_PORT=4000

# npm/npm
# unpkg: https://unpkg.com/@itchenliang/[email protected]/dist/index.umd.js
# : https://registry.npmmirror.com/@itchenliang/picture-rollup-oss-plugin/1.0.12/files/dist/index.js
NPM_REGISTRY=https://registry.npmmirror.com

# 
cd client
npm install

# 
cd server
npm install

  • cd server
npm run dev

  • client/public/global.config.js``window.uploader_ip``http://locahost:3002``serverip()

    window.uploader_ip = 'http://localhost:3002'

    # 
cd client
npm run dev

  • nestjs + typescriptjs

    # 
cd server
npm run build
# server/dist
node main.js

  • vite + vue3 + typescriptdistweb

    # 
cd client
npm run build
    distweb

swaggerhttp://ip:/swagger: 202401181708537770.png

202211101727165.png

2022111017274810.png

202401181709402274.png

202401181709483901.png

202401181710055738.png

202401181710145189.png

202401181710519238.png

202401181711026454.png

202401181711209937.png

202401181711429709.png

202401181711498923.png

202401181712302276.png

202401181712372436.png

202401181712522717.png

202401181713003180.png

TODO

/

  • /

    • (zip)
    • (zip)
  • apiapi-

Email: [email protected]

/