H5ai — 简约优雅的目录列表程序，支持在线播放

H5ai，全称是 HTML5 Apache Index，直译就是基于 html5 的 apache 目录索引列表，但不仅支持 apache 还支持 lighttpd、nginx 、 Cherokee 等 WEB 服务器。H5ai 是一款外观优雅且非常实用的目录列表程序，适合用来做个人网盘。最开始了解 h5ai 是看到别人通过 h5ai 分享文件，第一眼就被它简单直接的功能和简约大方的的界面吸引了。于是自己也在 vps 上安装体验了一把，总的来说，安装使用过程很流畅，用户体验很好。

相关内容

h5ai 主要用来查看文件内容，经常搭配使用的工具是aria2，是用来做离线下载的。一般用服务器中的 aria2 下载完文件后，用 h5ai 查看浏览，正好两个工具功能互补。

aria2 的使用介绍参考=>Aria2 搭建自己的离线下载工具—高效、全能、安装快捷

h5ai 主要用来存储/浏览/播放文件，对 vps 带宽、磁盘容量、流量、网络线路有一定要求。推荐使用 vultr，按小时付费随用随停（购买链接）

H5ai 安装过程

我这里用的是virmach的大盘鸡，500G 硬盘/1 核 CPU/500M 内存/每月 5T 流量。超大的磁盘和充足的流量，完全就是为 h5ai 这种存储型应用量身定制的。

1 准备系统环境

应该对操作系统没什么要求，任何发行版的 linux 和 windows 都行，只要可以运行 apache 就可以。我用的是 ubuntu14.04.

2 搭建 apache+php 环境

sudo apt-get install apache2
sudo apt-get install php5 libapache2-mod-php5 php5-curl

3 安装 h5ai

执行以下命令。下载 h5ai 压缩包，将 _h5ai 文件放到 apache 根目录下,我的 apache 根目录为/var/www/html/。也可以通过 ftp 等工具上传。

wget https://release.larsjung.de/h5ai/h5ai-0.29.0.zip
unzip h5ai-0.29.0.zip
cp -r _h5ai  /var/www/html/

4 检查是否安装正确

访问 http://YOUR-DOMAIN.TLD/_h5ai/public/index.php，检查系统环境是否完全正确。

首先会看到登录界面，如下图所示。初始密码为空，可以在 _h5ai/private/conf/options.json 中修改密码

进去之后可以看到，还差 php 的 gd 库、系统的 avconv、convert、zip 工具没安装。需要我们手动安装。

修复系统环境过程

4.1 安装 php GD 扩展库

apt-get install php5-gd
service apache2 restart

4.2 安装 avconv 工具

apt-get install libav-tools

4.3 安装 convert 工具

apt-get install imagemagick

4.4 安装 zip 工具

apt-get install zip

5 配置 h5ai

将/_h5ai/public/index.php 设为目录默认打开文件。不同的操作系统、不同的 web 服务器可能设置都不一样，我用的是 ubuntu 和 apache。

在/etc/apache2/mods-available/dir.conf 中加入/_h5ai/public/index.php

<IfModule mod_dir.c>
      DirectoryIndex index.html index.cgi index.pl index.php index.xhtml index.htm /_h5ai/public/index.php
</IfModule>

再重启 apache，sudo service apache2 restart

6 安装结束

配置到这里就完成了，总的来说还是很简单的。访问 http://YOUR-DOMAIN.TLD/_h5ai，安装正常的话，主界面如下

H5ai 支持的特性及使用体验

根据官网的介绍，h5ai 的核心功能在于目录列表。其他特性包括排序、切换浏览模式、语言本地化、面包屑导航、目录树结构、自定义界面头部与底部、过滤与搜索、文件夹大小、自动刷新、打包下载、生成二维码、缩略图、图片文本音频视频播放浏览。

亮点在于界面，简约而不简单。目录的查看与文件预览播放体验很好，但是并不支持上传功能。

另外，放点小姐姐的视频也是安逸的很~