Homelab #8 先輩からもらった貴重なGethomepage資料

その時は本当に詰まってた。CSSに入ってから2〜3日、まだ終わらない。見た目も絶望的。Homepageの各パーツがどうなってるか全然分からなかった。だからその日、qvtekさんに相談した。夜にCSSファイル、services、設定一式を送ってくれた。本当に感謝！
そのファイルのおかげで先に進めた。envもいくつか入ってた（鍵は消してある）ので、欲しい人はここ

特にSetting、Services、CSSのファイルが重要

Settingファイル

このファイルを基にレイアウトをいい感じに調整できる

  System Monitoring:
    tab: Application
    style: row
    columns: 4
    header: false

ポイントはcolumns。ここで1行に表示するサービス数を自分で設定できる。

Servicesファイル

- System Monitoring:
    - Proxmox PVE:
        icon: si-proxmox-#FFFFFF
        href: https://pve.{{HOMEPAGE_VAR_DOMAIN}}
        description: Virtual Environment Hypervisor
        #ping: https://{{HOMEPAGE_VAR_LOCAL_IP_PVE}}:8006
        #showStats: true
        widget:
          type: proxmox
          url: https://{{HOMEPAGE_VAR_LOCAL_IP_PVE}}:8006
          username: {{HOMEPAGE_VAR_PROXMOX1_USER}}
          password: {{HOMEPAGE_VAR_PROXMOX1_API_KEY}}
          fields: ["vms", "lxc"]

このファイルは、ほとんどがqvtekさんのサイトにあるサンプルサービス。
多くはドキュメントを読めば理解できる

CSS, JSファイル

正直、この2つのおかげで後から完成形のサイトを作れて、かなり自由にカスタムできるようになった。ドキュメントは正直よく分からない、空っぽに見える。たぶん自分のスキル不足=))
CSS, JSファイル - - System Monitoring:
- Proxmox PVE:
icon: si-proxmox-#FFFFFF
href: https://pve