# html-box

**Repository Path**: liveBetter/html-box

## Basic Information

- **Project Name**: html-box
- **Description**: html 文件整理箱, 添加html文件至single文件夹,   访问index.html 管理页面即可, 包含自动化整理内置exe程序

- **Primary Language**: JavaScript
- **License**: Apache-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 1
- **Forks**: 1
- **Created**: 2022-01-12
- **Last Updated**: 2024-10-30

## Categories & Tags

**Categories**: Uncategorized

**Tags**: HTML, box

## README

静态 html 整理工具
静态 html 添加放置 single 文件夹, 使用 HtmlBoxToolkit.exe 更新 data.js,刷新 index.html 即可完成归档操作。

### 主页效果:

![主页](/assets/index.png)

VS single 目录结构

![主页](/assets/single_dir.png)

### 结构说明

```
resources  主页面静态js/css依赖
index.html 主页面
index.css 主页面样式
index.js  主页面js
-------------------------------------
single  存放静态展示页面
-------------------------------------
data.js 维护资源的json结构

```

### HtmlBoxToolkit.exe 说明

- 工具为 java8 开发,需要配置 java 环境变量， 或者手动维护 data.js

---

#### 使用方式一:直接构建

exe 无法运行时,可使用 java 命令启动: java -jar HtmlBoxToolkit.jar

![主页](/assets/single.png)

#### 使用方式二:自定义修改

![主页](/assets/single2.png)

#### 手动维护 data.js

- Json Tree 结构
- url 属性维护每个静态页面的相对路径
- title 在菜单中显示的菜单项名称
- open 是否默认展开菜单
- id 当前节点 id
- pid 父节点 id
- children 子节点信息