一、bender介绍
1.1 bender简介
- bender简介
bender是一个开源的、无需任何代码即可管理的链接仪表板。非常适合服务器上的服务列表。深受 Homer 仪表板的启发，旨在提供相同的功能 有一个重大变化，不需要 yaml！所有链接都可以通过 UI 进行管理，包括拖放链接以重新排序或更改组。 可以通过 UI 添加新页面和链接，也可以添加应用程序标题、图标和主题等全局设置。
1.2 bender特点
- 使用 NuxtJS 和 Vue2 构建
- 不需要数据库，所有配置都存储在一个配置文件中static/config.json
- FontAwesome 实体和品牌图标可用于内置搜索
- 支持通过任何内容进行图像查找static/images
- 浅色和深色模式
1.3 bender使用场景
Bender可作为个人书签及导航工具在家庭、个人和小型企业的使用场景中，都可以帮助用户组织和管理他们的书签，并提供快速访问和分组功能，提高效率和方便性。
家庭使用：Bender可以帮助家庭成员共享和管理他们的个人书签。家庭成员可以创建自己的书签文件夹，将感兴趣的网页添加到书签中，并根据自己的偏好进行分类和组织。这样，每个家庭成员都可以快速访问他们最喜欢的网页，而不必再次搜索或记住网址。
个人使用：对于个人用户来说，Bender可以帮助他们组织和管理他们的个人书签。他们可以创建不同的书签文件夹，根据不同的主题或兴趣将网页分类。此外，Bender还提供了强大的搜索功能，用户可以根据关键词快速找到他们需要的书签，节省时间和提高效率。
小型企业使用：Bender可以用作小型企业的团队书签导航工具。团队成员可以使用Bender共享和协作书签。他们可以创建共享书签文件夹，并邀请其他团队成员加入和访问这些书签。这样，团队成员可以轻松共享有用的网页资源，并保持信息的统一性和一致性。
二、本地环境介绍
2.1 本地环境规划
本次实践为个人测试环境，操作系统版本为centos7.6。
| hostname | IP地址 | 操作系统版本 | Docker版本 |
|---|---|---|---|
| jeven | 192.168.3.166 | centos 7.6 | 20.10.17 |
2.2 本次实践介绍
1.本次实践部署环境为个人测试环境，生产环境请谨慎；
2.在Docker环境下部署bender个人仪表板。三、本地环境检查
3.1 检查Docker服务状态
检查Docker服务是否正常运行，确保Docker正常运行。
[root@jeven ~]# systemctl status docker
● docker.service - Docker Application Container Engine
Loaded: loaded (/usr/lib/systemd/system/docker.service; enabled; vendor preset: disabled)
Active: active (running) since Tue 2024-01-16 21:50:10 CST; 1 day 15h ago
Docs: https://docs.docker.com
Main PID: 11677 (dockerd)
Tasks: 26
Memory: 2.0G
CGroup: /system.slice/docker.service
3.2 检查Docker版本
检查Docker版本
[root@jeven ~]# docker -v
Docker version 20.10.17, build 100c701
3.3 检查docker compose 版本
检查Docker compose版本，确保2.0以上版本。
[root@jeven ~]# docker compose version
Docker Compose version v2.6.0
四、下载bender镜像
从docker hub拉取bender镜像
[root@jeven ~]# docker pull jez500/bender:latest
latest: Pulling from jez500/bender
213ec9aee27d: Already exists
864b973d1bf1: Pull complete
80fe61ad56f5: Pull complete
e3887ab559e6: Pull complete
dc3b27895cd1: Pull complete
ccee28b9a313: Pull complete
47a6719c28a2: Pull complete
Digest: sha256:32983833590fb1662742065cbd2ff209e0d913cd373a46f075aa482aa7ee5fc9
Status: Downloaded newer image for jez500/bender:latest
docker.io/jez500/bender:latest
五、部署bender个人仪表板
5.1 创建部署目录
创建部署目录
[root@jeven ~]# mkdir -p /data/bender
[root@jeven ~]# cd /data/bender/
5.3 编辑docker-compose.yaml文件
docker-cli命令
docker run -d \
--name bender \
-p 8380:8080 \
-v /data/bender/assets/>:/app/static \
--restart=always \
jez500/bender:latest
本次实践部署使用docker compose方式，编辑docker-compose.yaml文件。
version: '3.9'
services:
bender:
image: 'jez500/bender:latest'
restart: always
volumes:
- '/data/bender/assets/:/app/static'
ports:
- '8380:8080'
container_name: bender
5.4 创建bender容器
使用docker-compose.yaml文件创建bender容器
[root@jeven bender]# docker compose up -d [+] Running 2/2 ⠿ Network bender_default Created 0.2s ⠿ Container bender Started 1.9s
5.5 检查bender容器状态
检查bender容器状态，确保bender容器正常启动。
[root@jeven bender]# docker ps
CONTAINER ID IMAGE COMMAND CREATED STATUS PORTS NAMES
b9fb5bfe495a jez500/bender:latest "/bin/sh /app/entryp…" 22 seconds ago Up 20 seconds (health: starting) 0.0.0.0:8380->8080/tcp, :::8380->8080/tcp bender
六、访问bender首页
访问地址：http://192.168.3.166:8380，将IP替换为自己服务器IP地址，进入到bender首页。如果无法访问，则检查服务器防火墙是否设置，云服务器的安全组端口是否放行等。
七、bender的基本使用
7.1 新增页面
点击“+”，选择新增页面选项。
自定义填写页面信息
7.2 新增链接
点击“Add your first link”选项
填写网址链接信息，自定义编辑即可。
7.3 更改图标
在挂载目录/data/bender/assets下，查看image目录文件。
[root@jeven assets]# ls images/
deluge.svg duplicati.png hdhr.png pfsense.png proxmox.png router.svg vscode.svg
docker.png filebrowser.svg kubeapps.png pihole.svg qnap.png sonaar.svg
download-blue.svg grafana.svg minio.svg plex.png radarr.png traefik.svg
download-red.svg guacamole.png netdata.svg prowlarr.png rancher.svg uptime-kuma.png
在新增链接编辑页面，图标选择位image目录下的图片文件名。
八、总结
Bender个人仪表板是一款优秀的个人书签与导航工具。它拥有美观简洁的界面，并且非常易于使用。借助Docker技术的支持，Bender可以在本地服务器上快速部署。它提供了书签分组功能，方便我们整理众多收藏的网址。此外，Bender还内置了大量图标，提升了界面的美观度。整体而言，Bender的使用体验良好，网页链接跳转快速，操作流畅，是一款出色的书签工具！
