# HomePage

**Repository Path**: HwlloChen/home-page

## Basic Information

- **Project Name**: HomePage
- **Description**: 个人服务器主页的最佳选择  你的下一代个人服务器主页！
ChenServer主页（前端部分）
- **Primary Language**: JavaScript
- **License**: GPL-3.0
- **Default Branch**: master
- **Homepage**: https://etaris.moe
- **GVP Project**: No

## Statistics

- **Stars**: 3
- **Forks**: 0
- **Created**: 2024-08-01
- **Last Updated**: 2026-05-01

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# HomePage

Hi there!👋

#### 介绍
 :tw-1f680: :tw-1f680: :tw-1f680: 个人服务器主页的最佳选择 :kissing_heart: 自建服务器用户的下一代个人服务器主页  
 为无公网IPv4却喜欢自建服务器的用户专门设计的个人主页！

目前已被用于ChenServer的新主页。

使用 [Vuejs](https://vuejs.org) 和 [mdui](https://mdui.org)

[Demo Page(https://etaris.moe)](https://etaris.moe)

以GPLv3协议开源。

#### 特性

- 可自定义的前端主题系统
- 使用Material Design 3(Material You)设计风格
- 支持连接Navidrome音乐服务器
- 对音乐进行分享
- 主题自动适配
- 支持连接Hitokoto一言
- 站长个人信息卡片
- 支持Artalk等社交系统
- 基础后台管理功能`/admin`
- ArkPets 纸片人（基于 [ArkPets-Web](https://github.com/HwlloChen/ArkPets-Web)）
- (计划中)支持使用不算子或51.la统计数据

#### 初始化

```bash
# 克隆仓库
git clone https://gitee.com/HwlloChen/home-page.git

# 下载依赖包
npm install

# 启动开发环境
npm run dev

# 打包生产环境
npm run build

```

#### 配置

- 编辑`utils/globalVars.js`以适应你的环境。
- 程序打包好后可以直接以静态页面部署到服务器上

##### ArkPets 纸片人配置

在 `globalVars.akpets` 中配置：

```javascript
akpets: {
    enable: true,  // 是否启用 ArkPets 功能
    resourcePath: "https://raw.githubusercontent.com/isHarryh/Ark-Models/refs/heads/main/models/",
    characters: [
        {
            id: "pepe",
            name: "佩佩",
            skeleton: "4058_pepe/build_char_4058_pepe.skel",
            atlas: "4058_pepe/build_char_4058_pepe.atlas",
            texture: "4058_pepe/build_char_4058_pepe.png",
        },
        // 更多角色...
    ],
}
```

用户可以在主题设置中开启/关闭纸片人显示（宽屏设备默认启用）。

##### Nginx 配置

注意设置`/music`, `/admin`相关配置，此处以Nginx为例：
  ```nginx
  server {
      # ......
      # 之前的配置

      location /music {
          try_files $uri $uri/ /index.html;
      }

      location /admin {
          try_files $uri $uri/ /index.html;
      }

      # 之后的配置
      # ......
  }
  ```