# Nginx自动文件索引美化

**Repository Path**: stezer/autoindex

## Basic Information

- **Project Name**: Nginx自动文件索引美化
- **Description**: nginx自带的文件索引列表太过丑陋，这个项目用于美化文件索引，同时支持图片预览以及图片懒加载。
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 1
- **Created**: 2021-07-31
- **Last Updated**: 2023-10-03

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# Nginx自动文件索引美化
## 简介
nginx自带的文件索引列表太过丑陋，这个项目用于美化文件索引，同时支持图片预览以及图片懒加载。

## 使用方法
* 第一步： 开启nginx的文件索引支持
```
vim /etc/nginx/nginx.conf
# 在http节点下新增以下代码
http {
    .......
    charset utf-8; 
    autoindex on;
    autoindex_exact_size off;
    autoindex_localtime on;
    ......
}

# 使配置生效
nginx -s reload
```

* 第二步：安装项目文件
```
# 切换到网站根目录下，然后执行如下命令
git clone https://github.com/steezer/autoindex.git
```

* 第三步：访问文件   
打开浏览器输入站点网址（默认显示项目文件）:   
http://localhost/autoindex/app.html，   
你也可以切换到其它目录：
http://localhost/autoindex/app.html?dir=/images   
**地址参数说明：**  
  1、路径地址：dir后的参数“/images”即是相对于网站根目录下的路径名称，也可以使用相对路径，如：../images ；  
  2、缩略图大小：使用size参数支持缩略图大小改变，size参数可用值为small(默认)、middle和big，例如（使用大图浏览）：http://localhost/autoindex/app.html?size=big&dir=/images ；  
  3、自动刷新：默认情况下不开启自动刷新文件列表，如果需要开启，使用fresh参数，值为自动刷新的时间（单位：秒），例如（每3秒自动刷新）：
  http://localhost/autoindex/app.html?size=big&fresh=3&dir=/images ；