filebrowser logo和样式自定义及免密访问

news2024/11/27 12:41:14

这两天接到项目一个需求,客户需要文件管理存储服务,看了下大概的功能,计划用源码开发的,但是看后期这块调整也不大,就采用开源的项目进行即可,开源项目对比后,发现filebrowser比较适合我,功能就不说了,很强大,性能很高;但是面临这定制,比较是跟业主使用的,不能暴露开源任何相关,同时加上公司的一些属性配置,官网已经有说明了,我也是参考官网文档进行调整的,在这里进行记录下

官网地址:https://filebrowser.org/

官网写的还是挺详细的

ps:重大发现,预览功能挺强大的,双击进行预览: 图片和pdf、视频 双击支持预览,特别是文本支持在线修改保存

安装我就不多说了,很简单,只是我比较推荐用配置文件进行安装启动这样,后期维护比较直观

{
    "port": 9300,
    "address": "0.0.0.0",
    "name": "公司名称",
    "brandingName": "公司名称1",
     
    "noAuth": true,
    "username": "admin",
    "password": "admin",
    "root": "F:/filebrowser/data",
    "alternativeReCaptcha": false,
    "reCaptchaKey": "",
    "reCaptchaSecret": "",
    "database": "F:/filebrowser/filebrowser.db",
    "log": "F:/filebrowser/log/filebrowser.log",
    "plugin": "",
    "locale": "zh-cn",
    "baseURL": "/filebrowser",
    "allowCommands": true,
    "allowEdit": true,
    "allowNew": true,
    "commands": [
        "ls",
        "df"
    ]
}
上面配置,在解压好filebrowser文件后,通过命令进行  filebrowser -c config进行启动即可,会根据上面json自动创建文件,但是只能初始化一次,如果后面进行设置,可以通过命令进行设置,请参考https://filebrowser.org/cli/filebrowser-config-set
解释:
1、如果name和brandingName设置不成功可以通过访问进行设置为公司名称
2、noAuth 不支持权限,如果是false,默认为json可以参考
 https://filebrowser.org/configuration/authentication-method
如果要调整filebrowser config set --auth.method=json
如果设置无权限可以通过命令:filebrowser config set --auth.method=noauth
如果是true就是不用账号密码直接访问,方便系统集成,为true时,username和password不生效
 
3、username和password是有权限时的账号密码
4、root 根目录,该目录必须提前创建好
,否则会报错,因为系统不会自动创建;上面是windows,linux系统的路径是/data/fileBorwser 根据自己的需求进行调整即可
 
5、database 系统自带的数据库文件,名称可以调整 ,linux:/data/fileBorwser
6、log 指定日志输出路径 ;linux:/data/fileBorwser
7、locale 指定内容语言,如果不生效,可以通过系统进行设置
8、baseURL 是跟路径,例如http://ip:port/baseURL 这里要说下,最好加上baseURL因为方便后期使用nginx代理
根据需要到官网进行查找文档进行设置
 
 
ps:如果你要复制进行安装部署,把json路径进行调整为你要部署的路径即可

以上就是我安装时总结的,但是可以参考官网或者其他播客都是可以的

  1. 关于定制化

https://filebrowser.org/configuration/custom-branding

logo定制化:

必须包含img文件夹,系统会自动寻找这个文件夹,img下的logo.svg和icons的文件名必须保持这样,

logo.svg就是主页面左上角的logo

icons是favicon,里面的名称必须是favicon-32x32.png 才会生效;

上面是logo的定制,样式如何定制呢,也是可以的。

根据官网的要求,进行创建custom.css

创建custom.css文件,该文件名称不能变

文件内容:

代码:

.credits {
    display: none
}

加下来如何让它生效呢,比较简单,把文件上传到/data/fileBorwser/branding

刷新进行看看效果:

通过这个样式调整,可以过渡到调整整个系统样式都可以,所以大家根据自身的情况调整即可

所有样式调整参考:https://github.com/filebrowser/filebrowser/blob/master/frontend/public/themes/dark.css

/*去除开源帮助*/
.credits {
    display: none
}
/*去除系统配置;可以通过http://ip:port/baseUrl/settings/global 进行设置 */
nav>div:nth-child(3) {
    display: none
}

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/331810.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

Spring如何解决循环依赖

今天面试了同程旅行,面试官问到了这个问题,所以今天来总结学习一下 Spring是如何解决循环依赖问题? 前言 Spring的依赖注入分为 setter注入和 构造器注入 这里说的解决循环依赖主要指的是:单例模式下的setter循环依赖 如果是&a…

ThreadLocal使用与原理

目录一、ThreadLocal1.ThreadLocal简介1.1 是什么2.能干嘛1.3 api介绍1.4 实战1.5 通过上面代码总结2.从阿里ThreadLocal规范开始3.ThreadLocal源码分析3.1 Thread,ThreadLocal,ThreadLocalMap 关系3.2 总结4.ThreadLocal内存泄露问题4.1 什么是内存泄漏…

PCIE 学习笔记(入门简介)

PCIE 学习笔记书到用时方恨少啊,一年前学PCIE的笔记,再拿出来瞅瞅。发到博客上,方便看。PCIE基础PCIE和PCI的不同PCIE采用差分信号传输,并且是dual-simplex传输——每条lane上有TX通道和RX通道,所以每条lane上的信号是…

DBeaver连接达梦数据库

1、下载Dbeaver安装包 1、官网下载:Download | DBeaver Community 2、下载完成后双击运行.exe文件,进行安装 2、配置达梦数据库驱动 1、达梦数据库驱动下载:Mybatis 框架 | 达梦技术文档 2、为DBeaver添加驱动 3、自定义DM驱动管理器的相关配…

购买低代码平台,要考量哪些指标?

近些年来,低代码平台的热度在逐渐上升,可以看出企业数字化转型得速度也在逐渐加快。企业的数字开发需求越来越强,市场之间的竞争也愈演愈烈。特别是对于中小型企业,既要考虑到产品功能需求,又要考虑成本压力&#xff0…

安卓小游戏:飞机大战

安卓小游戏:飞机大战 前言 前面写了十二篇自定义view的博客,说实话写的还是有点无聊了,最近调整了一下,觉得还是要对开发有热情,就写了点小游戏,现在抽时间把博客也写一写,希望读者喜欢。 需…

渲染速度特别慢,使用云渲染会快多少?

设计师在使用软件制作效果图和动画师在制作动画时,其中有一个比较关键的环节就是渲染成像,渲染的效率主要跟使用的电脑显卡或CPU性能有关,如果性能太低,渲染的速度会很慢,拉长了项目整体的交付周期,云渲染速…

反转链表的两种方法

大家好,今天和大家分享的是反转链表的两种方法,第一种是用泛型编程里面的STL,第二种是利用多个指针进行操作,小孩子才做选择,建议两个都学。我们往下看:一.使用vector容器ps:该方法对内存的需求…

LeetCode刷题--- 430. 扁平化多级双向链表(双指针)

文章目录一、编程题:430. 扁平化多级双向链表(双指针)1.题目描述2.示例1:3.示例2:4.示例3:5.提示:二、解题思路1.思路2.复杂度分析:3.算法图解三、代码实现总结一、编程题&#xff1…

网页防篡改实验(6)

实验简介 实验所属系列:网络攻防工具 实验对象: 本科/专科信息安全专业 相关课程及专业:信息网络安全概论、计算机网络 实验时数(学分):2学时 实验类别:实践实验类 实验目的 1、了解网页防篡改…

7.数据库设计

学习过程参考(后续章节同) 【公开课】数据库系统概论(王珊老师)(完结) 《数据库系统概论》思维导图 第7章 数据库设计 | 数据库知识点整理 梳理 名词解释 数据库设计(database design):数据库…

从2023年31省级政府工作报告看数据安全赛道 | 附下载

数字经济是支撑我国经济增长的新动能。据中国信息通信研究院数据,2021年我国数字经济规模超45万亿元、在GDP已占比40%,到2025年我国数字经济规模预计超60万亿元。春节前夕,地方两会陆续召开,从各地发布的2022年经济社会发展成绩来…

NodeJS与npm版本不一致时降级npm的方法

首先查看 Node.js 与 npm 版本对应关系:Node.js与npm版本查看。 安装 cnpm: npm install -g cnpm 查看一下 npm 和 cnpm 的镜像: npm config get registry cnpm config get registry 2 如果不是 https://registry.npm.taobao.org/ 的话就修…

【C++】CC++内存管理

就是你被爱情困住了?Wake up bro! 文章目录一、C/C内存分布二、C语言中动态内存管理方式三、C中内存管理方式1.new和delete操作内置类型2.new和delete操作自定义类型(仅限vs的底层实现机制,new和delete一定要匹配使用,…

【Linux】TCP网络编程流程

TCP网络编程流程 上一节博文我们提到了网络编程的基本流程 现在我们来了解TCP网络编程的流程 在这之前我们先要了解TCP 首先TCP是一种传输控制协议 在因特网协议族(Internet protocol suite)中,TCP层是位于IP层之上,应用层之…

MIT 6.S965 韩松课程 02

Lecture 02: Basics of Neural Networks TitleBasics of Neural NetworksLecturerSong HanDate09/13/2022Note AuthorGuangxuan Xiao (xgx)DescriptionReview the basics of deep learning and introduce efficiency metrics for neural networks. 回顾深度学习的基础知识&…

SparkSQL 核心编程

文章目录SparkSQL 核心编程1、新的起点2、SQL 语法1) 读取 json 文件创建 DataFrame2) 对 DataFrame 创建一个临时表3) 通过SQL语句实现查询全表3、DSL 语法1) 创建一个DataFrame2) 查看DataFrame的Schema信息3) 只查看"username"列数据4) 查看"username"列…

Elasticsearch(九)搜索---搜索辅助功能(下)--搜索性能分析

一、前言 上篇文章我们学习了ES的搜索辅助功能的一部分–分别是指定搜索返回的字段,搜索结果计数,分页,那么本次我们来学习一下ES的性能分析相关功能。 二、ES性能分析 在使用ES的过程中,有的搜索请求的响应比较慢,…

ChatGPT的火爆出圈,你对它有几分了解?

文章目录1.ChatGPT是什么?2.ChatGPT能做什么?2-1.什么是自然语言模型?3.ChatGPT带来的评价4.了解完ChatGPT之后,你会有什么反思?4-1.为什么微软不自己研发ChatGPT?4-2.Elon Musk为什么退出OpenAI公司&#…

分享116个JS焦点图代码,总有一款适合您

分享116个JS焦点图代码,总有一款适合您 116个JS焦点图代码下载链接:https://pan.baidu.com/s/1BKblAjuE98y5HlLAXZIndQ?pwdphgw 提取码:phgw Python采集代码下载链接:https://wwgn.lanzoul.com/iKGwb0kye3wj import os impo…