lib.im

宝塔面板快速部署搭建Hellohao图床
简介Hellohao图床是基于多家对象存储源的Spring Boot开源图床项目。 针对用户更方便的管理自己的图片...
扫描右侧二维码阅读全文
22
2019/09

宝塔面板快速部署搭建Hellohao图床

简介

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替换掉jscss

其中https://cdn.src.sr/开头的是暂时没找到的自己搞到腾讯cos的。

    #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

Last modification:October 9th, 2019 at 01:32 am
如果觉得我的文章对你有用,请随意赞赏

Leave a Comment