高大上的网站文件索引——h5ai

h5ai is a modern file indexer for HTTP web servers with focus on your files. Directories are displayed in a appealing way and browsing them is enhanced by different views, a breadcrumb and a tree overview. Initially h5ai was an acronym forHTML5 Apache Index but now it supports other web servers too.

See the demo directory with most features enabled. A reduced example and my actual use case is the release directory for the projects on this page.

Requires PHP 5.5+ and works fine with Apache httpd, lighttpd, nginx and Cherokee. Best user experience with the latest versions of Chrome, Firefox, Opera, Vivaldi, Safari and Edge, but a static fallback is provided for older browsers or if JavaScript is disabled.

h5ai是一款免费的开源产品，主要用于网站文件或资源的索引，昨天已经将大部分资源同步到了这个资源站里d.qcgzxw.cn

由于我服务器带宽不够，我还是将文件暂存在蓝奏云，利用html代码的方式列出了部分文件的索引，但是中文编码的问题还没解决，现在我来分享一下h5ai的安装与配置。

示意图：

使用文档（原文）

Installation

1. Copy folder _h5ai to the document root directory of the web server: DOC_ROOT/_h5ai.
   
   DOC_ROOT ├─ <strong>_h5ai</strong> ├─ your files └─ and folders

   1 2 3 4 5

   DOC_ROOT ├─ <strong>_h5ai</strong> ├─ your files └─ and folders

2. Visit http://YOUR-DOMAIN.TLD/_h5ai/public/index.php, to check if h5ai is reachable. This page shows some hints on the server's capabilities.
3. Add /_h5ai/public/index.php (note the leading slash!) to the end of the default index-file list. In this wayh5ai will manage all directories in and below DOC_ROOT that don't have a index file.Apache httpd 2.2/2.4: in httpd.conf or in the root directory's .htaccess file set for example:
   
   DirectoryIndex index.html index.php <strong>/_h5ai/public/index.php</strong>

   1	DirectoryIndex  index.html  index.php  <strong>/_h5ai/public/index.php</strong>

   
   lighttpd 1.4: in lighttpd.conf set for example:
   
   index-file.names += ("index.html", "index.php", "<strong>/_h5ai/public/index.php</strong>")

   1	index-file.names += ("index.html", "index.php", "<strong>/_h5ai/public/index.php</strong>")

   
   nginx 1.2: in nginx.conf set for example:
   
   index index.html index.php <strong>/_h5ai/public/index.php</strong>;

   1	index  index.html  index.php  <strong>/_h5ai/public/index.php</strong>;

   
   Cherokee 1.2: in cherokee.conf set for example:
   
   vserver!1!directory_index = index.html,index.php,<strong>/_h5ai/public/index.php</strong>

   1	vserver!1!directory_index = index.html,index.php,<strong>/_h5ai/public/index.php</strong>

安装教程:

云盘下载

 

细节与优化

默认的页面是很low的，也没啥功能，这就需要我们自行去编辑private/conf/options.json这个配置文件，不会设置的我分享我的配置文件给大家。

本地下载

 

使用说明:

直接上传文件或者文件夹至网站根目录，别人即可下载访问，服务器带宽不够的也可以向我一样，写个HTML文件跳转到蓝奏云下载页面。隐藏文件和隐藏文件夹需在options.json里自行设置，具体内容请百度