homepage与sun-panel轻量级导航部署

镜像可选
1
2
ghcr.io/gethomepage/homepage:latest
registry.cn-hangzhou.aliyuncs.com/zznn/mycentos:homepage
其他各种导航
https://wn-apple-teawine.fun/2023/11/23/web-start轻量级导航栏部署
https://wn-apple-teawine.fun/2023/08/11/webstack部署

一. 部署

version: "3.8"
services:
  homepage:
    image: registry.cn-hangzhou.aliyuncs.com/zznn/mycentos:homepage
    container_name: homepage
    restart: unless-stopped
    ports:
      - 3123:3000
    environment:
      - PUID=1000
      - PGID=100
      - TZ=Asia/Shanghai
    volumes:
      - ./config:/app/config
      # - /var/run/docker.sock:/var/run/docker.sock (可选)
      - ./logs:/logs
      - ./icons:/app/public/icons
      - ./images:/app/public/images
      - /volume2:/volume2:ro   #本机磁盘
      #- /volume3:/volume3:ro
    network_mode: bridge

二. 配置（文件路径启动路径文件夹config）

service.yml本文配置

root@web:/opt/homepage/config# cat services.yaml 
---
# For configuration options and examples, please see:
# https://gethomepage.dev/latest/configs/services

- 运维与开发工具:
    - Gitlab:
        href: http://10.0.0.10:8929
        description: 代码托管平台
    - 密码管理平台:
        href: https://10.0.0.10
        description: 密码管理平台

- AI助手:
    - one-api:
        href: http://10.0.0.10:3000
        description: api-key分发平台
    - Fastgpt:
        href: http://10.0.0.10:30001
        description: Fastgpt

- 官网:
    - 官网1:
        href: http://10.0.0.10/wp-login.php
        description: 官网1
    - 官网2:
        href: http://10.0.0.10:4007/wp-login.php
        description: 官网2

settings.yaml

---
# For configuration options and examples, please see:
# https://gethomepage.dev/latest/configs/settings

providers:
  openweathermap: openweathermapapikey
  weatherapi: weatherapiapikey

# 语言en-AU、en-GB
language: zh-CN

# 背景图
background:
  image: https://images.unsplash.com/photo-1502790671504-542ad42d5189?auto=format&fit=crop&w=2560&q=80
  blur: sm #模糊程度，范围 sm, "", md, xl... 参考 https://tailwindcss.com/docs/backdrop-blur
  saturate: 50 #饱和度，范围 0, 50, 100... 参考 https://tailwindcss.com/docs/backdrop-saturate
  brightness: 50 #亮度，范围 0, 50, 75... 参考 https://tailwindcss.com/docs/backdrop-brightness
  opacity: 50 #不透明度，范围 0-100
  
# 标题
title: CKY-导航

# 隐藏发布版本
#hideVersion: true

# 导航横屏需要与service.yml文件同步
layout:
  运维与开发工具:
    icon: /images/1.png
    style: row
    columns: 6
  AI助手:
    icon: jellyfin.png
    style: row
    columns: 6
  官网:
    icon: jellyfin.png
    style: row
    columns: 6

背景图

可以使用图片链接自定义 Homepage 的背景：

1 2	background: image: https://images.unsplash.com/photo-1502790671504-542ad42d5189?auto=format&fit=crop&w=2560&q=80

或者使用本地图片，新建一个文件夹，比如 images ，在 compose 配置里映射到 /app/public/images

1 2	volumes: - ./homepage/images:/app/public/images

之后就可以这样引用本地的图片：

background:
  image: https://images.unsplash.com/photo-1502790671504-542ad42d5189?auto=format&fit=crop&w=2560&q=80
  blur: sm #模糊程度，范围 sm, "", md, xl... 参考 https://tailwindcss.com/docs/backdrop-blur
  saturate: 50 #饱和度，范围 0, 50, 100... 参考 https://tailwindcss.com/docs/backdrop-saturate
  brightness: 50 #亮度，范围 0, 50, 75... 参考 https://tailwindcss.com/docs/backdrop-brightness
  opacity: 50 #不透明度，范围 0-100

特别注意：不要偷懒直接映射 /app/public 目录，会报错。

widgets.yaml

homepage 中 widgets.yaml 主要是用来修改页面顶部的一些小部件，比如系统状况、搜索框、天气、时间、欢迎词等等。

自己只用到了系统状况、搜索框和时间，所以只说说这仨的用法。

系统状况中内存只有一个好办，但硬盘有很多个的话，就需要有几个盘就映射几个文件夹进去。例如群晖 NAS 中，有 volume1 、 volume2 、 volume3 三个硬盘，映射的时候就要都映射进去；怕容器写坏文件，就加上 :ro 只读。

1
2
3

volumes:
  - /volume2:/volume2:ro
  - /volume3:/volume3:ro

但配置文件是在 volume1 中，所以不用映射 volume1 。

时间、搜索完全是官方文档的教程，我就不复制粘贴过来了。最后的配置如下：

- resources:
    label: System
    cpu: true
    memory: true

- resources:
    label: Storage
    expanded: true
    disk:
      - /
      - /volume2
      - /volume3

- search:
    provider: [google, baidu]
    target: _blank

- datetime:
    text_size: xl
    format:
      timeStyle: short
      hour12: false

三. sun-panel导航部署(不建议使用存在bug 无法修改密码)

参考：https://mp.weixin.qq.com/s/WbwTVuCcoqHZkXJsBPIGFA
/app/conf：用来存放配置文件。
/app/uploads：存放上传的文件。
/app/database：存放数据库文件。
/app/runtime：存放运行日志（不建议挂载）。
默认密码
账户：admin@sun.cc
密码：12345678

镜像可选

1 2	hslr/sun-panel registry.cn-hangzhou.aliyuncs.com/zznn/mycentos:sun-panel

docker-compose方式部署

version: '3'
services:
  sun-panel:
    image: registry.cn-hangzhou.aliyuncs.com/zznn/mycentos:sun-panel
    container_name: sun-panel
    restart: always
    ports:
      - "3002:3002"
    volumes:
      - ./conf:/app/conf
      - ./uploads:/app/uploads
      - ./database:/app/database