h5ai 是一款文件目录列表程序,效果就是如下图所示:

文件目录列表程序 h5ai 的安装与配置

注意:本文采用的 Web 服务环境是 LNMP,LNMP 的安装可以参照 这里

添加 vhost

lnmp vhost add

按照提示填入相关信息:

  • 网站域名:dl.zhangrenzheng.com
  • 网站根目录:/home/wwwroot/dl.zhangrenzheng.com
  • SSL 证书路径
  • SSL 密钥路径

<img src="https://img.zhangrenzheng.com/2019/11/03/a8f74e4ecd910.png">

下载 h5ai 程序

切换目录至网站根目录, 并且下载 h5ai 程序压缩包

cd /home/wwwroot/dl.zhangrenzheng.com
wget https://release.larsjung.de/h5ai/h5ai-0.29.2.zip

解压

unzip h5ai-0.29.2.zip

修改 vhost 配置文件,找到 index 开头的一行,加上 /_h5ai/public/index.php

vi /usr/local/nginx/conf/vhost/dl.zhangrenzheng.com.conf 

文件目录列表程序 h5ai 的安装与配置

修改php配置,解除禁用scandir、exec和passthru

sed -i 's/,scandir//g' /usr/local/php/etc/php.ini
sed -i 's/passthru,exec,//g' /usr/local/php/etc/php.ini

重启 LNMP

lnmp restart

配置 h5ai

修改配置文件 _h5ai/private/conf/options.json

vi _h5ai/private/conf/options.json

修改默认语言

将 en 修改为 zh-cn

"l10n": {
   "enabled": true,
   "lang": "zh-cn",
   "useBrowserLang": true
},

开启文件搜索

"search": {
   "enabled": true,
   "advanced": true,
   "debounceTime": 300,
   "ignorecase": true
},

开启二维码

"info": {
   "enabled": true,
   "show": true,
   "qrcode": true,
   "qrFill": "#999",
   "qrBack": "#fff"
},

添加说明

在需要添加说明的文件夹下添加 _h5ai.footer.md 或者 _h5ai.header.md , 也可以是 html 文件。其中 _h5ai.footer.md
内容显示在文件列表底部,_h5ai.header.md 内容显示在文件列表顶部。

文件目录列表程序 h5ai 的安装与配置

显示效果如下:

文件目录列表程序 h5ai 的安装与配置

标签: h5ai

添加新评论