Homepage 主页导航

现代(完全静态、快速)、安全(完全代理)、高度可定制的应用程序仪表板,集成了超过 25 种服务和超过 15 种语言的翻译。通过 YAML 文件轻松配置(或通过 docker 标签发现)。


Docker-Compose

根据官方 docker 的配置你只能修改主页面的设置,在不进行修改的前提下挂载本地图片,需要复制出 /app/public 文件夹 ,再进行挂载,不然只能应用它相关的 CDN 图片服务

1
2
3
4
5
6
7
8
9
10
version: "3.3"
services:
homepage:
image: ghcr.io/benphelps/homepage:latest
container_name: homepage
ports:
- 3000:3000
volumes:
- /path/to/config:/app/config
- /var/run/docker.sock:/var/run/docker.sock:ro

Docker-Compose 修改版

修改版只是在 /app/public 文件夹下创建了一个 images 文件夹,来进行本地图片挂载

格式为:/images/xx.png

创建 docker-compose.yml 文件

1
nano docker-compose.yml
1
2
3
4
5
6
7
8
9
10
11
12
13
version: "3.3"

services:
homepage:
image: rahn2029/homepage
container_name: homepage
ports:
- 3344:3000
volumes:
- ./config:/app/config
- ./images:/app/public/images
- /var/run/docker.sock:/var/run/docker.sock
restart: unless-stopped
1
docker-compose up -d

打开 3344 端口

1
ufw allow 3344/tcp

注意点

  1. icon: hexo.png 这样的写法格式,采用了 CDN 路径下存在的图片
  2. icon: https://image.png 这样的写法格式,采用了 url 地址
  3. icon: /images/hexo.png 这样的写法格式,采用了本地 images 文件夹下的 hexo.png
  4. 可以使用 wget 下载这个页面上的所有图片,目前有 1316
1
2
3
4
5
6
7
8
9
10
11
12
13
14
# 调用 CDN
- Hexo:
icon: hexo.png

# 采用 url
- Hexo:
icon: https://cdn.jsdelivr.net/gh/walkxcode/dashboard-icons/png/hexo.png

# 本地图片
- Hexo:
icon: /images/hexo.png

# wget 下载网站页面下的图片
wget -r -np -nH --cut-dirs=2 -R index.html* https://cdn.jsdelivr.net/gh/walkxcode/dashboard-icons@master/png/

总结

理解 docker commit docker cp 命令后,在 docker 中进行挂载会变得很清晰。

挂载的文件夹要么是空的文件夹,要么是将内部文件复制后,再进行的挂载操作,又或是 DockerFile 中的脚本。

可以使用 wsrv.nl 来进行图片代理。


CDN : https://cdn.jsdelivr.net/gh/walkxcode/dashboard-icons@master/png/

Wget : https://www.gnu.org/software/wget/

Github : https://github.com/benphelps/homepage

官方文档 : https://gethomepage.dev/en/installation/

Wget for Windows : https://gnuwin32.sourceforge.net/packages/wget.htm