1. File Browser 简介
filebrowser 提供了指定目录下的文件管理界面,部署运行后相当于个人网盘。可以用来上传、删除、预览、重命名、编辑和分享文件。它允许创建多个用户,每个用户可以有自己的目录。它可以作为独立的应用程序使用,也可以作为中间件使用。
站点 | 链接地址 |
---|---|
Github 地址 | https://github.com/filebrowser/filebrowser 已存档,原开发者停止维护 |
官网文档 | https://filebrowser.xyz/ |
2. 个性化配置
登录后找到 设置
/ 全局设置
/ 品牌
:
- 选中
禁止外部链接
可以禁用左侧File Browser 2.0.16
的超链接; - 填写
Instance name
实例名可以自定义登录页面显示的标题; - 设置
品牌信息文件夹路径
可以自定义页面样式和 Logo:- 品牌信息文件夹路径相对于 filebrowser,图示路径为 filebrowser 根目录下的
style
文件夹; - 文件夹内容示例: https://github.com/filebrowser/frontend/tree/master/public
- 品牌信息文件夹路径相对于 filebrowser,图示路径为 filebrowser 根目录下的
3. 自定义样式
将以下 CSS 代码保存到 custom.css
文件中并放在 品牌信息文件夹路径
的所在目录。
/** 页面字体 */
* {
font-family: Consolas, 'Microsoft Yahei UI', 'Microsoft Yahei', 'Helvetica Neue', 'Hiragino Sans GB', Helvetica, Tahoma, FangSong, STFangsong, sans-serif;
}
/** 加载动画 */
.spinner > div {
background-color: #F2F2F2;
background-color: orangered\0; /* IE 样式 */
}
/** 普通文字、字体图标颜色 */
.action, #listing h2, #search .boxes h3, .card h3, .collapsible > label *, .dashboard p label, .message {
color: #F2F2F2;
}
/** 链接文字颜色 */
a {
color: powderblue;
}
/** 输入框、表格标题文字颜色 */
#search.active i, #search.active input, table th {
color: #FFFFFF;
}
/** 主体、弹窗颜色 */
#loading, #login, #search.active #input, body, header, .card, #search .boxes, .ace-chrome .ace_gutter-active-line {
background-color: #3B3B3B;
color: #F2F2F2;
}
/** 搜索页面、列表标题样式 */
#search #input, #search #result, .input, #listing.list .item.header, .ace-chrome .ace_gutter, .share__box__download {
background-color: #303030;
color: #EEEEEE;
}
/** 列表项目、文本编辑、命令行、文件分享样式 */
#listing .item, .ace-chrome, .shell, .share__box {
background-color: #333333;
color: #F0F0F0;
}
/** 加载页面、登录页面信息提示 */
#loading::after, #login::after {
position: absolute;
bottom: 5px;
width: 100%;
display: block;
font-size: 12px;
text-align: center;
content: '请使用 Chromium 内核浏览器或 Firefox 进行访问!';
color: deepskyblue;
/* IE 样式 */
bottom: 30px\0;
font-size: 36px\0;
color: tomato\0;
}
/** IE 浏览器警告背景颜色 */
#loading, #login {
background:pink\0;
}
4. 暗黑模式主题效果
4.1. 加载页面
4.1.1. IE 警告
由于代码中使用了 JavaScript 字符串模板,IE 无法解析,页面会停留在加载页面,故不支持 IE 浏览器。
欢迎来到这里!
我们正在构建一个小众社区,大家在这里相互信任,以平等 • 自由 • 奔放的价值观进行分享交流。最终,希望大家能够找到与自己志同道合的伙伴,共同成长。
注册 关于