說明：目前用的比較多的目錄列表程序有H5ai、Directory Lister，其中H5ai是最強大的，各種格式圖片，電影都支持查看，這里再推薦個小z大佬寫的一個目錄列表程序Zdir，使用PHP開發，部署很簡單。

截圖

主要功能

• 目錄瀏覽
• MarkDown文件預覽
• CSS/JavaScript一鍵復制
• 查看文件HASH
• 圖片預覽
• 文件索引

功能詳細說明

1、MarkDown文件預覽
如果是MarkDown文件（.md）后面會出現一個小眼睛按鈕，點擊此按鈕可直接預覽。

如果文件是以readme.md命名，會出現“使用說明”按鈕，點擊也可以預覽，如下截圖。

2、鏈接復制
復制按鈕會根據文件類型判斷，最后返回不同的復制結果，在用于搭建前端庫的時候非常有幫助，比如：

<!--如果復制的是.js文件，返回結果為-->
<script src = 'https://libs.0513c.com/jquery/2.0.3/jquery-2.0.3.js'></script>
<!--如果復制的是.css文件，返回結果為-->
<link rel='stylesheet' href='https://libs.0513c.comp/layer/skin/layer.css'>
<!--如果是圖片等文件-->
<img src = 'https://libs.0513c.com/material/loading/loading0.gif' />

其它文件返回文件URL地址。

3、查看文件hash
點文件后面的“嘆號”按鈕，可以計算文件md5和sha1值，驗證文件hash值，可避免運營商劫持等風險。

4、圖片預覽
鼠標移動到圖片文件會顯示圖片預覽，如下截圖。

5、文件索引
如果文件太多，查找不太方便，Zdir暫時未實現文件搜索功能，不過通過“文件索引”功能加上“Ctrl + F”，找文件也是分分鐘的事情。

“文件索引”緩存時間為24小時，如果希望立即清除緩存請訪問cache.php?del=cache。

使用方法

1. 下載源碼放到站點根目錄，源碼下載：Github。
2. 修改config.php設置自己的網站標題/關鍵詞/描述。
3. 如果需要排除某個目錄，繼續修改config.php。

注意事項

不要使用中文命名目錄/文件，否則可能發生不可預料的錯誤！

總結

從博主使用過的目錄列表程序來看，h5ai功能最強大，Directory Lister簡潔適用，但是加載很慢，Zdri也很美觀和適用，不過都沒有上傳功能。