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. 한 줄에 표시할 서비스 수를 원하는 만큼 설정할 수 있다.

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 형님의 웹사이트에서 가져온 서비스 예시다.
문서(document)를 읽으면 이해할 수 있다.

CSS, JS 파일

이 두 파일 덕분에 나중에 홈페이지를 완성하고 원하는대로 커스텀할 수 있었다. 문서는 너무 비어 있어서 이해하기 힘들었다. 내 실력이 아직 부족한 듯 ㅋㅋ
CSS, JS 파일 - - System Monitoring:
- Proxmox PVE:
icon: si-proxmox-#FFFFFF
href: https://pve