简介

Hellohao图床是基于多家对象存储源的Spring Boot开源图床项目。 针对用户更方便的管理自己的图片管理拓展功能, 目前已经支持对接本地、网易，阿里，又拍，七牛、腾讯，FTP对象存储.

项目地址：https://github.com/Hello-hao/Tbed
编译包地址：https://github.com/Hello-hao/Tbed/releases
在线文档：http://doc.wwery.com

主要功能支持：
支持 图片拖拽、截图软件直接(Ctrl+V)和图片URL地址上传。
对接本地、网易、阿里、又拍、七牛、腾讯、FTP等各大对象存储平台。
支持链接生成二维码。
支持开启/关闭API接口。
设置用户可用容量
扩容码生成（用户可使用扩容码进行容量扩充）
分发群组（配置用户群组，不同群组分发图片到不同对象存储）
首页背景动态/静态，以及简约模式设置
URL列表、缩略图。查看原图等功能。
图片鉴黄配置（开启后，每天固定时间进行非法图片监测）
游客、用户的上传管理 邮箱注册激活。
站点样式设置和上传规则配置等。

开始部署：

前提环境:Linux宝塔面板 + Mysql

一.新建站点:

建立站点时数据库选择Mysql，然后设置一下用户名密码；
不需要PHP，所以选择纯静态就可以了。记下站点目录。

二.下载编译包：

到编译包地址下载，解压.
得到4个文件：Tbed.jar application.properties picturebed.sql Hellohao图床部署说明.md
为了方便管理，我选择把Tbed.jar application.properties 上传至站点目录下,
然后修改application.properties中1.2.3.项：

1.数据库用户名 2.数据库密码 3.数据库名 4.运行端口（可酌情修改）

三.导入数据：

在宝塔面板数据库管理找到刚建立的数据库,导入picturebed.sql

四.安装软件

到宝塔软件商店，选择运行环境 - Tomcat- 安装tomcat8；选择系统工具 - Supervisor管理器 - 安装

五.运行

找到Supervisor管理器，点击设置 - 添加守护进程，

名称可以随便，选择运行目录和启动文件，启动参数：java -jar Tbed.jar
添加完等待一会儿，就自动运行了。这是就可以通过IP:端口访问了

六.域名反代

回到站点管理进行域名反代设置，需要https的提前设置好SSL证书

反代设置里面替换内容可以替换掉favicon logo等需要修改的内容。

其他

文件夹软连接

本地存储

后台设置本地存储的时候会在根目录生成HellohaoData文件夹，
想要这个文件夹也在站点文件夹内，就先在站点文件夹内新建一个HellohaoData，然后软连接到根目录。

ln -s  /www/wwwroot/src.sr/HellohaoData ../

公共cdn

反代那里可以通过编辑配置文件增加反代条目，使用公共cdn替换掉js和css：

    #jscdn-header
    sub_filter 'src="/static/js/jquery-3.4.1.min.js"' 'src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"';
    sub_filter 'src="/static/js/toastr.min.js"' 'src="https://cdn.bootcss.com/toastr.js/2.1.3/toastr.min.js"';
    sub_filter 'src="/static/js/clipboard.min.js"' 'src="https://cdn.bootcss.com/clipboard.js/2.0.4/clipboard.min.js"';
    sub_filter 'src="/static/js/bootbox.min.js"' 'src="https://cdn.bootcss.com/bootbox.js/5.3.2/bootbox.min.js"';
    sub_filter 'src="/static/js/sweetalert2.min.js"' 'src="https://cdn.bootcss.com/sweetalert/2.1.2/sweetalert.min.js"';
    #jscdn-footer
    sub_filter ' src="js/jquery.js"' 'src="https://cdn.bootcss.com/jquery/1.11.2/jquery.min.js"';
    sub_filter 'src="js/html5shiv.js"' 'src="https://cdn.bootcss.com/html5shiv/3.7.3/html5shiv.js"';
    sub_filter 'src="js/respond.min.js"' 'src="https://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"';
    sub_filter 'src="js/bootstrap.min.js"' 'src="https://cdn.bootcss.com/twitter-bootstrap/3.0.0/js/bootstrap.min.js"';
    sub_filter 'src="js/plugins.min.js"' 'src="https://cdn.src.sr/src/plugins.min.js"';
    sub_filter 'src="js/main_constellation.js"' 'src="https://cdn.src.sr/src/main_constellation.js"';
    sub_filter 'src="/webuploade/js/classie.js"' 'src="https://cdn.bootcss.com/classie/1.0.1/classie.min.js"';
    sub_filter 'src="/js/verify.js"' 'src="https://cdn.src.sr/src/verify.js"';
    #csscdn
    sub_filter 'href="/static/css/bootstrap.min.css"' 'href="https://cdn.bootcss.com/twitter-bootstrap/3.0.0/css/bootstrap.min.css"';
    sub_filter 'href="/static/css/toastr.min.css"' 'href="https://cdn.bootcss.com/toastr.js/latest/css/toastr.min.css"';
    sub_filter 'href="/static/css/sweetalert.min.css"' 'href="https://cdn.bootcss.com/sweetalert/1.1.3/sweetalert.min.css"';

增加个人样式css和js

    #个人样式
    sub_filter '</head>' '<link rel="stylesheet" href="https://cdn.src.sr/src/add.css"></head>';
    sub_filter '</body>' '<script src="https://cdn.src.sr/src/add.js"></script></body>';

视频背景

B站的游戏视频，可以当做背景哦~不过手机端严重变形。

https://static.biligame.com/girl/gw/pc/res/video/bg.mp4