Giter VIP home page Giter VIP logo

ischenliang / quickly-picture-bed Goto Github PK

View Code? Open in Web Editor NEW
521.0 521.0 52.0 38.93 MB

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

Home Page: http://v2.picture.itchenliang.club/

License: MIT License

HTML 0.04% Vue 9.58% TypeScript 5.82% CSS 4.51% SCSS 0.04% JavaScript 80.00% Dockerfile 0.01%
docker nest rollupjs vitejs vuejs3

quickly-picture-bed's People

Contributors

it-chenliang avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar

quickly-picture-bed's Issues

最新版docker部署后,出现问题

最新版docker部署后,出现问题。页面空白请求什么的完全正常
没有跳转到login页还是跳转到了undefined页面
无论是自己build镜像还是直接拉取镜像都是一样的。测试本地也会如此
image
控制台这个错误:、
image

admin管理员登陆成功后,上传图片报这个错

image
TypeError: Cannot read properties of null (reading 'version')
at C:\Users\wangchangan\Desktop\quickly-picture-bed-koa-controller\server\src\controllers\BucketController.ts:68:29
at processTicksAndRejections (node:internal/process/task_queues:96:5)

数据库默认值是中文,创建失败

您好,mysql5.7,初始化数据库时创建表,默认值是中文,但是数据库貌似是严谨模式,不允许默认值是字符串,请问怎么修改?

有问题的,可以进群互相讨论,为你们解答

看到大家都遇到了一些问题,由于我平时很少看github和gitee,外加上上班太忙,没有及时看到大家的问题,也没办法及时帮大家解决问题。
故创建了一个交流群,大家可以进群,有什么可以第一时间在群里提问,QQ群里我可以第一时间看到消息,并能第一时间帮大家解决问题。
由于微信群有时效限制,故这里换成了QQ群里。
image

ChatGPT已经上线测试演示

咱们也紧跟时代潮流,将chatgpt融入到系统中做演示使用,有需要的朋友可以前去体验,大家还是悠着点儿玩耍,毕竟有流量限制,有什么问题及时提出来,看到后会尽快修复。

遇到的几个小问题

1、global.config.js 这个文件的内容这个控制着后端地址,而且是必须要填写后端服务器的ip才行,如果用127和localhost这种表示本地的,在其他机器访问时候会出现空白,打开网络看了下发现他在其他机器请求了127.0.0.1:3002端口
2、上传图片后看不到图,复制地址,图片地址是127.0.0.1,改成服务端地址后倒是能正常显示,不知道这是哪里导致的
3、还是第一个文件哪里,用docker打包的话,必须在打包前写好global.config.js文件里的后端地址,不然打包成镜像后,就算进入容器内部修改也不会生效
踩了很多坑,最终算是搞起来了,但是还有这些个问题,作者大佬能不能把这几个设置优化一下哇?尤其是第一个,这个昨天刚与到时候发现搭建用的机器访问就正常,其他机器访问全是空白

docker 部署后登录提示 初始 账号不存在

求助
数据库中也能看到账号
image
数据库也通过 /server/sql/picture-bed.sql 初始化过
server中也没有数据库错误提示
image
client 中也没有 错误提示
image
server和client都可以浏览器访问
image

有没有API

建议:
www.a.com代表图床
www.b.com代表博客网站

比如我要把这个www..a.com图床
引入到
B站的www.b.com的文章编辑框里,
有没有一键添加的代码可以导入。
就是说,我不用登录这个图床,就可以在WWW.B.COM里面的文章编辑框直接上传。
而且是支持匿名上传的,我在www.a,com图床里指定一个文件夹,所有的匿名上传的图片都存在这个文件夹里,而文件夹里以年份-月份来分开存图片

v2版本上线通知

长达几个月的时间,我终于把项目使用nestjs重构了,现在第二版本也已经上线了,有想使用的朋友可以去体验体验。

演示地址: http://v2.picture.itchenliang.club/#/
账号: guest@163.com
密码: 000000
文档地址: https://ejq9qy8emd.feishu.cn/docx/Eo1HdFD7noXoSlxfRfWcYyzJnpf

由于是演示账号,大家还是尽量不要去修改密码哈。

由于老的版本对象存储插件的实现方式会出现跨域等一系列问题,然后外加代码维护起来麻烦,所以对项目使用nestjs进行了重构,本次重构主要是对后端进行重构,然后整体功能上也改动了下,原来的存储桶插件实现方式很不理想,现在采用pnpm + monorepo + rollup + vite的方式开发插件,然后打包发布到npm上,再采用各种手段来加载插件,同时插件由原来的一种变味了现在的三种类型,目前插件主要分为:上传插件主题插件工具插件 三大类。
【上传插件】就是常见的第三方对象存储集成,例如:阿里云OSS、腾讯云COS、七牛云KODO、又拍云upyun等。
【工具箱插件】实则就是一些常用的工具封装,例如:uuid生成器、图片裁剪、代码转图片、图片base64编码等。
【主题插件】主题插件就是系统的配色风格封装,和vscode类似,例如:monokai主题、暗黑主题、OneDarkPro主题等。

当然在此基础上也对原有的功能进行了完善,包括整体的拖拽功能、整体的搜索功能,以及完善了数据统计分析和偏好设置,此外还新增了知识库管理,考虑到大家一般都是结合着文档在使用图床系统,所以这里新增了知识库管理。

当然现在解决了跨域问题,那许多存储都能够使用了,故版本在原有基础上新增了许多插件。
【对象存储上传插件】:阿里云OSS、腾讯云COS、七牛云KODO、青云qingstor、又拍云upyun、华为云OBS、墨滴社区、CSDN社区、哔哩哔哩、思否社区、Gitlab、Gitee、Github、coding、Cloudflare、Nextcloud、Alist、Minio、Postimage、有图床、本地存储桶等,同时后续也会新增更多的上传插件。
image

【工具箱插件】本版本还在原有基础上新增了工具箱插件,包括UUID生成器、代码转图片、在线裁剪图片等。
image

【主题插件】本版本在原有基础上新增了主题插件,包括VScode暗黑主题、VScode Monokai主题、OneDarkPro主题等。
image

启动服务端时候被提示缺少参数

编译完后,运行服务端被提示如下报错,docker也是一样报错

[email protected] start
ts-node ./src/app.ts

/usr/local/lib/node_modules/ts-node/src/index.ts:859
return new TSError(diagnosticText, diagnosticCodes, diagnostics);
^
TSError: ⨯ Unable to compile TypeScript:
src/app.ts:101:9 - error TS2554: Expected 3 arguments, but got 2.

101 await KoaControllers(app, {
~~~~~~~~~~~~~~~~~~~~~
102 router: router, // 内部还是要使用router来实现路由绑定
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
...
113 }
~~~~~
114 })
~~~~

node_modules/koa-ts-controllers/dist/index.d.ts:12:71
12 export declare const bootstrapControllers: (koaApp: any, router: any, params: IKoaControllerOptions) => Promise;
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
An argument for 'params' was not provided.

at createTSError (/usr/local/lib/node_modules/ts-node/src/index.ts:859:12)
at reportTSError (/usr/local/lib/node_modules/ts-node/src/index.ts:863:19)
at getOutput (/usr/local/lib/node_modules/ts-node/src/index.ts:1077:36)
at Object.compile (/usr/local/lib/node_modules/ts-node/src/index.ts:1433:41)
at Module.m._compile (/usr/local/lib/node_modules/ts-node/src/index.ts:1617:30)
at Module._extensions..js (node:internal/modules/cjs/loader:1272:10)
at Object.require.extensions.<computed> [as .ts] (/usr/local/lib/node_modules/ts-node/src/index.ts:1621:12)
at Module.load (node:internal/modules/cjs/loader:1081:32)
at Function.Module._load (node:internal/modules/cjs/loader:922:12)
at Function.executeUserEntryPoint [as runMain] (node:internal/modules/run_main:81:12) {

diagnosticCodes: [ 2554 ]
}

有关图床的图片分类问题

在实际开发中,比如前端要展示商品图和轮播图这两种,后端怎么样去定义图片的路径呢?方便后端识别,把对应路径里面的图片,返回给对应的前端数据接口里?求解

服务端无法连接mysql

报错信息如下,试了下改mysql的端口,什么的都不行,用navicat连mysq到是正常,这是啥子情况哇

访问启动成功: http://localhost:3002
/app/node_modules/sequelize/src/dialects/mysql/connection-manager.js:116
throw new SequelizeErrors.ConnectionRefusedError(err);
^
ConnectionRefusedError [SequelizeConnectionRefusedError]: connect ECONNREFUSED 127.0.0.1:3333
at ConnectionManager.connect (/app/node_modules/sequelize/src/dialects/mysql/connection-manager.js:116:17)
at processTicksAndRejections (node:internal/process/task_queues:95:5)
at async ConnectionManager._connect (/app/node_modules/sequelize/src/dialects/abstract/connection-manager.js:332:24)
at async /app/node_modules/sequelize/src/dialects/abstract/connection-manager.js:250:32
at async ConnectionManager.getConnection (/app/node_modules/sequelize/src/dialects/abstract/connection-manager.js:280:7)
at async /app/node_modules/sequelize/src/sequelize.js:638:26
at async MySQLQueryInterface.tableExists (/app/node_modules/sequelize/src/dialects/abstract/query-interface.js:242:17)
at async Function.sync (/app/node_modules/sequelize/src/model.js:1349:21)
at async Sequelize.sync (/app/node_modules/sequelize/src/sequelize.js:825:9) {
parent: Error: connect ECONNREFUSED 127.0.0.1:3333
at TCPConnectWrap.afterConnect [as oncomplete] (node:net:1494:16) {
errno: -111,
code: 'ECONNREFUSED',
syscall: 'connect',
address: '127.0.0.1',
port: 3333,
fatal: true
},
original: Error: connect ECONNREFUSED 127.0.0.1:3333
at TCPConnectWrap.afterConnect [as oncomplete] (node:net:1494:16) {
errno: -111,
code: 'ECONNREFUSED',
syscall: 'connect',
address: '127.0.0.1',
port: 3333,
fatal: true
}
}

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.