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

截圖

主要功能

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

功能詳細(xì)說明

1、MarkDown文件預(yù)覽
如果是MarkDown文件（.md）后面會出現(xiàn)一個小眼睛按鈕，點(diǎn)擊此按鈕可直接預(yù)覽。

如果文件是以readme.md命名，會出現(xiàn)“使用說明”按鈕，點(diǎn)擊也可以預(yù)覽，如下截圖。

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

<!--如果復(fù)制的是.js文件，返回結(jié)果為-->
<script src = 'https://libs.0513c.com/jquery/2.0.3/jquery-2.0.3.js'></script>
<!--如果復(fù)制的是.css文件，返回結(jié)果為-->
<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
點(diǎn)文件后面的“嘆號”按鈕，可以計(jì)算文件md5和sha1值，驗(yàn)證文件hash值，可避免運(yùn)營商劫持等風(fēng)險(xiǎn)。

4、圖片預(yù)覽
鼠標(biāo)移動到圖片文件會顯示圖片預(yù)覽，如下截圖。

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

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

使用方法

1. 下載源碼放到站點(diǎn)根目錄，源碼下載：Github。
2. 修改config.php設(shè)置自己的網(wǎng)站標(biāo)題/關(guān)鍵詞/描述。
3. 如果需要排除某個目錄，繼續(xù)修改config.php。

注意事項(xiàng)

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

總結(jié)

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