Homelab #8 Tài liệu gethomepage quý giá từ một người anh

Lúc đó đang rất là bế tắc, từ cái đợt CSS, đã 2-3 ngày chưa CSS xong. Nhìn trông khá là no hope. Vì không hiểu các thành phần mà của thằng Homepage nó như thế nào cả. Thế là hôm đó cũng giải bày với anh qvtek xem làm như thế nào. Tối hôm đó ảnh gửi cho cái file CSS, kèm services và toàn bộ setting của ảnh. Thật sự rất cảm ơn anh!
Nhờ file đó mà có thể đi tiếp và tiếp tục làm. Tuy nhiên anh có gửi kèm vài cái env (đã xoá key) làm mình cũng tưởng… dành cho ai muốn thì ở đây

Đặc biệt chú trọng vào các file Setting, Services, CSS

File Setting

Dựa trên file này thì mình có thể chỉnh sửa các layout lại trở nên hợp lý

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

Chủ yếu là ở đoạn columns. Lúc này mình có thể chủ động set số lượng services hiển thị trên 1 hàng như mình muốn.

File 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"] 

Ở file này thì hầu hết là services mẫu mà anh qvtek làm bên web của ảnh
Cái này thì đa phần mình đọc thêm document là hiểu hết

File CSS, JS

Phải nói là nhờ 2 file này sau này mình mới làm được web hoàn thiện và có thể custom như ý muốn hơn rất nhiều. Còn cái document thì chịu, nhìn trống trơn. Chắc tại trình không tới =))

Thành quả

Chúc các bạn thành công!