背景：之前在找網(wǎng)絡(luò)分享盤的時候就很糾結(jié)h5ai還是filebrowser，兩款工具都很輕量，h5ai比較簡潔漂亮但是只有下載功能。filebrowser功能性強一點，但是界面不是很喜歡。最后，只好把兩個綜合起來用了。實在不想讓我的甲骨文白白躺著不用，充分利用起來，做好科技分享站！
特別感謝：玩家@mzzsfy在搭建過程中的手把手教學(xué)，讓我少走了好多彎路?。?！
官網(wǎng)地址：https://filebrowser.org/
項目地址：https://github.com/filebrowser/filebrowser
本站演示地址：科技玩家Share
特別開通了一個科技玩家賬號給大家體驗，“科技玩家圈”公眾號發(fā)送“share”即可獲得賬號密碼，祝君享用愉快。
個人覺得h5ai更適合做下載站，filebrowser就適合做網(wǎng)盤分享，可以上傳文件，生成分享鏈接（支持時效性），功能性上沒話說。最主要的是支持docker安裝，非常方便！（但是我的甲骨文arm安裝docker真的把我折磨死了，后面另外寫一篇記錄）。先看一下FileBrower效果。
下面開始認(rèn)真碼字。
解題思路
服務(wù)器??安裝寶塔+Docker??部署FileBrowser??基本配置
準(zhǔn)備工作：1、服務(wù)器；2、域名
服務(wù)器安裝好寶塔：略
我的運行環(huán)境：Oracle Linux 7.9（Arm）+寶塔+Docker
甲骨文因為當(dāng)時白嫖的，已經(jīng)裝了系統(tǒng)了，不打算重裝，新朋友還是推薦服務(wù)器安裝Centos7系統(tǒng)。
部署FileBrowser
官方支持多種方式，詳見??官方安裝。我這里主要說Docker安裝方式，比較方便快捷。
一、安裝FileBrowser
1、了解一下FileBrowser的目錄樹結(jié)構(gòu)：
- ├── 網(wǎng)站根目錄
- │ ├── 分享文件目錄
- │ └── 自定義logo目錄
- ├── 數(shù)據(jù)文件目錄
- │ ├── config
- │ └── database
啰嗦一下，數(shù)據(jù)文件目錄其實可以和網(wǎng)站根目錄一樣，但是放根目錄下就會顯示在分享站點，個人覺得這些數(shù)據(jù)文件沒必要前臺顯示，所以我另外建立了映射目錄?？傊?，舉一反三吧，理解邏輯意思就好。
下面是我的目錄樹：
2、新建文件夾和文件
這里需要手動建立數(shù)據(jù)庫filebrowser.db文件和配置文件settings.json。
如果不先建立好的話，docker命令安裝時，只會對應(yīng)生成文件夾，而不是生成一個文件。不信你就試試。
其中配置文件settings.json也可以選擇不映射，如果映射，則需要編輯默認(rèn)內(nèi)容，否則報錯。
- touch /www/wwwroot/filebrowser/database/filebrowser.db
- touch /www/wwwroot/filebrowser/config/settings.json
settings.json默認(rèn)配置內(nèi)容：
- {
- "port": 80,
- "baseURL": "",
- "address": "",
- "log": "stdout",
- "database": "/database/filebrowser.db",
- "root": "/srv"
- }
按鍵盤字母i進入編輯模式，在最末尾粘貼上面??的內(nèi)容，再按鍵盤esc退出編輯模式，輸入:wq保存并退出編輯。
我的目錄樹：
- ├── filebrowser
- │ ├── config
- │ │ └── settings.json
- │ └── database
- │ └── filebrowser.db
- ├── kejiwanjia
- │ ├── 分享文件
- │ ├── 分享文件夾
- │ └── 分享文件夾 ─ 分享文件
3、一鍵安裝FileBrowser
- sudo docker run -d \
- -v /www/wwwroot/kejiwanjia:/srv \
- -v /www/wwwroot/filebrowser/database/filebrowser.db:/database/filebrowser.db \
- -v /www/wwwroot/filebrowser/config/settings.json:/config/settings.json \
- -e PUID=$(id -u) \
- -e PGID=$(id -g) \
- -p 8080:80 \
- --name=share \
- --privileged=true \
- --restart always \
- filebrowser/filebrowser:v2-s6
容器內(nèi)文件夾/srv映射的/kejiwanjia目錄就是站點根目錄，需要分享的文件放在/kejiwanjia目錄下即可。
請注意，映射的8080端口不要和其他服務(wù)沖突，同時記得在寶塔和云平臺放行端口。
不出意外的話，你現(xiàn)在可以通過ip+端口來訪問你的filebrowser了，初始用戶名和密碼都是admin。
好啦，一個分享小站即將誕生，坐穩(wěn)扶好，馬上開始飆車咯！
二、配置FileBrowser
1、個人設(shè)置
點擊設(shè)置可以進行一些自定義設(shè)置。
第一步就是先去setting里面修改語言為“中文”，然后修改默認(rèn)密碼。刷新界面。
2、分享管理
如果你分享過文件的話，這里會有分享記錄，可以進行復(fù)制和刪除操作。
3、全局設(shè)置
可以開啟用戶注冊、設(shè)定用戶權(quán)限、自定義品牌信息。
自定義品牌信息等下在美化部分展開說。
4、用戶管理
可以建立多個用戶訪問，同時可以指定權(quán)限和目錄范圍。這里的[.]代表就是根目錄。
了解了基礎(chǔ)功能設(shè)置后，咱們再來好好美化一下自己的分享站點吧。
三、美化FileBrowser
細心的小伙伴可能已經(jīng)發(fā)現(xiàn)，懶羊羊的截圖logo都已經(jīng)換成“小燈泡”了。下面我就來教大家怎么美化這些小東東。
說到這里，就必須搬出來@mzzsfy大佬了，全靠他點撥我才順利完成了這些美化工作。再次感謝這位大佬的耐心指導(dǎo)！
官方說話叫“Custom Branding“（自定義品牌），詳見官方文檔。
1、顯示品牌名稱：即登錄時顯示的名稱。
在 設(shè)置-全局設(shè)置-品牌-實例名稱 進行修改
2、顯示品牌logo：即站點logo、favicon圖標(biāo)等。
在映射的根目錄下新建一個文件夾，來管理自定義品牌信息，主要就是logo.svg和img目錄。custom.css用來定義一些樣式，等下說。目錄樹如下：
- ├── kejiwanjia
- │ └── style
- │ ├── custom.css
- │ └── img
- │ ├── icons
- │ └── logo.svg
由于是Docker部署的，所以品牌路徑應(yīng)該要填容器內(nèi)的目錄路徑，而不是容器外的。
所以填/srv/style。同時，??勾選 禁止外部鏈接 選項。
logo.svg主要是控制站點的登錄logo，和管理面板左上角的logo。
如果還想修改瀏覽器標(biāo)簽頁的favicon圖標(biāo)等，則需要在/style/img/icons目錄下分別定義不同尺寸的icon圖標(biāo)來實現(xiàn)。
可以參考??官方文檔，這里我再推薦一個在線圖片轉(zhuǎn)換網(wǎng)站??SVG轉(zhuǎn)PNG，非常友好，我是用這個網(wǎng)站完成轉(zhuǎn)換的。
實現(xiàn)效果是這樣的：（我的強迫癥真的很嚴(yán)重。）
3、其他頁面美化
通過custom.css文件來實現(xiàn)，文件放在img的同級目錄下。
custom.css可以直接填寫代碼，也可以通過引用鏈接的方式來實現(xiàn)。這里繼續(xù)推薦一個css文件，黑夜模式效果極佳。
引用作者圖，我沒有那么多類型的文件。
1）如果是代碼模式，直接復(fù)制地址代碼到custom.css文件即可.
2）如果用引用的方式，則按下面的方式填寫。
- import@ url("https://raw.githubusercontent.com/jniggemann/filebrowser-css/main/custom.css");
設(shè)置了新的logo和樣式之后，請務(wù)必清除緩存，強制刷新網(wǎng)頁才能生效！如果配置了反代和cdn，緩存也都要清理！建議用ip+端口的方式先強制刷新，訪問看看是否已經(jīng)生效。
總的來說，filebrowser還是很實用的。支持在線編輯文件，上傳/下載，分享還可以設(shè)置密碼和時效。
如果有閑置服務(wù)器，推薦各位玩家體驗一下哦，在線編輯js文件也是可以的哦。
特別開通了一個科技玩家賬號給大家體驗，公眾號發(fā)送“share”即可獲得賬號密碼，祝君享用愉快。
網(wǎng)盤分享的事情終于可以告一段落啦，后面逐步更新導(dǎo)航的資源鏈接。
