H5ai，全稱是 HTML5 Apache Index，直譯就是基於 html5 的 apache 目錄索引列表，但不僅支持 apache 還支持 lighttpd、nginx 、 Cherokee 等 WEB 服務器。H5ai 是一款外觀優雅且非常實用的目錄列表程序，適合用來做個人網盤。最開始了解 h5ai 是看到別人通過 h5ai 分享文件，第一眼就被它簡單直接的功能和簡約大方的的界面吸引了。於是自己也在 vps 上安裝體驗了一把，總的來說，安裝使用過程很流暢，用戶體驗很好。
相關內容
h5ai 主要用來查看文件內容，經常搭配使用的工具是aria2，是用來做離線下載的。一般用服務器中的 aria2 下載完文件后，用 h5ai 查看瀏覽，正好兩個工具功能互補。
aria2 的使用介紹參考=>Aria2 搭建自己的離線下載工具—高效、全能、安裝快捷
h5ai 主要用來存儲/瀏覽/播放文件，對 vps 帶寬、磁盤容量、流量、網絡線路有一定要求。推薦使用 vultr，按小時付費隨用隨停，最新活動：VULTR 2020 年優惠，新用戶直接送 100 美元
H5ai 安裝過程
我這里用的是virmach的大盤雞，500G 硬盤/1 核 CPU/500M 內存/每月 5T 流量。超大的磁盤和充足的流量，完全就是為 h5ai 這種存儲型應用量身定制的。
1 准備系統環境
應該對操作系統沒什么要求，任何發行版的 linux 和 windows 都行，只要可以運行 apache 就可以。我用的是 ubuntu14.04.
2 搭建 apache+php 環境
sudo apt-get install apache2sudo 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.zipunzip h5ai-0.29.0.zipcp -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-gdservice 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 的核心功能在於目錄列表。其他特性包括排序、切換瀏覽模式、語言本地化、面包屑導航、目錄樹結構、自定義界面頭部與底部、過濾與搜索、文件夾大小、自動刷新、打包下載、生成二維碼、縮略圖、圖片文本音頻視頻播放瀏覽。
亮點在於界面，簡約而不簡單。目錄的查看與文件預覽播放體驗很好，但是並不支持上傳功能。
另外，放點小姐姐的視頻也是安逸的很~
注 ：另一款優秀個人網盤 kodexplorer的介紹=>VPS教程：搭建個人網盤教程—kodexplorer
參考：https://www.vpsjxw.com/vps_use/h5ai_intro/
相關教程
更多干貨？歡迎關注我的知乎專欄：VPS