HomePageX

一个非常轻量的类似 Homer 的导航主页，使用 Go + Svelte 实现。

功能特性

• YAML 配置: 类似 Homer 的 YAML 格式定义页面链接
• 多页面支持: / 对应 home.yaml，/another 对应 another.yaml
• 视图切换: 支持卡片视图和列表视图切换
• 内置过滤: 支持按标题，描述，标签过滤服务项
• Basic 认证: 可配置的用户名/密码验证
• FontAwesome 图标: 支持 FontAwesome 图标
• 响应式设计: 适配桌面和移动设备

效果预览

快速开始

下载 Github release 最新版本:

wget https://github.com/inhere/go-homepagex/releases/latest/download/homepagex-linux-amd64

项目结构

go-homepagex/
├── internal/          # Go 后端服务
│   ├── config.go     # 配置加载
│   ├── page.go       # 页面配置解析
│   ├── auth.go       # Basic 认证
│   └── handlers.go   # HTTP 处理器
├── frontend/         # 前端应用
│   └── build/        # 构建输出
│       ├── index.html
│       └── app.js
├── pages/            # 页面 YAML 配置
│   ├── home.yaml     # 主页面配置
│   └── another.yaml
├── config.yaml   # 后端配置
├── main.go       # Go 入口文件
└── README.md

配置说明

后端配置 (config.yaml)

server:
  port: "8090"

# Basic 认证配置
auth:
  enabled: true
  username: "admin"
  password: "your-password"

# 页面配置文件存放目录
pages_dir: "./pages"

# 前端构建目录
frontend_dir: "./frontend/build"

页面配置 (pages/main.yaml)

title: "Home Dashboard"
subtitle: "Welcome to your dashboard"
logo: "logo.png"

theme: "default"
color: "blue"
style: "cards"  # cards 或 list
columns: "3"

connectivity:
  check_interval: 30000
  mode: "ping"

services:
  - name: "Media"
    icon: "fas fa-play-circle"
    items:
      - name: "Plex"
        logo: "https://example.com/plex.png"
        subtitle: "Media server"
        tags: ["app"]
        url: "https://plex.example.com"
        target: "_blank"

页面配置规则

• / 路由对应 pages/home.yaml
• /another 路由对应 pages/another.yaml
• 依此类推: {name} -> {name}.yaml

开发

1. 安装依赖

Go (1.21+):

# 下载并安装 Go
wget https://go.dev/dl/go1.21.6.linux-amd64.tar.gz
sudo tar -C /usr/local -xzf go1.21.6.linux-amd64.tar.gz
export PATH=$PATH:/usr/local/go/bin

2. 编译后端

go mod tidy
go build -o homepagex

3. 运行

# 使用默认配置
./homepagex

# 或使用自定义配置文件
./homepagex /path/to/config.yaml

4. 访问

打开浏览器访问: http://localhost:8080

前端开发

前端使用 Svelte 框架。

1. 安装依赖

cd frontend
pnpm install

2. 开发模式

pnpm run dev

3. 构建

pnpm run build

图标

支持 FontAwesome 图标:

• 使用 fas fa-icon-name 格式
• 完整图标列表: https://fontawesome.com/icons

许可证

MIT