570
文章
·
29440
阅读
570
文章
·
29440
阅读

有97人阅读过 使用h5ai在网页上列表显示群晖的文件目录,及预览常见格式的文件
发布于2022/01/13 更新于2023/12/06
[ 教程仅保证更新时有效,请自行测试。]

注:此方法不适用于DSM7.2.1,如使用此版本群晖系统,请移步 这里。 # 2023.12-6


h5ai-文件夹列表工具.rar

styles.css #完善样式

  1. 准备好需要列表的文件夹,建议使用英文名称

  2. 把h5ai的主程序解压,并放在需要列表文件的根目录

  3. 在群晖webstation新建虚拟机

    image.png

  4. 开机群晖ssh,配置解释后,记得及时关闭此端口,防止被攻击

    image.png

  5. 使用putty等命令行工具登录ssh

    image.png

  6. 登录并输入命令sudo -i切换至root

    image.png

  7. 输入以下命令,查询网站虚拟机参数

    温馨提示:往下翻有一键操作!!!


    DSM 6.X:

    cat /etc/nginx/app.d/server.webstation-vhost.conf

    DSM 7.X

    cat /etc/nginx/sites-enabled/server.webstation-vhost.conf


    image.png

    !选中信息右击鼠标即可复制

  8. 修改这一段命令中红色内容为磁盘信息

    echo -e "index index.html index.htm index.cgi index.php index.php5 /_h5ai/public/index.php;" > /usr/local/etc/nginx/conf.d/62621fd7-3a8d-42cb-9453-c58301f6f65e/user.conf.h5ai

    !内容在剪切板里,直接ctrl+V粘贴就好了,修改好后再复制上面这段命令,右击粘贴到putty,回车

    image.png

  9. 修改这一段命令中红色内容为目录信息

    chmod -R 777 /volume1/web/file_h5ai/_h5ai/private/cache

    chmod -R 777 /volume1/web/file_h5ai/_h5ai/public/cache

    chmod -R 777 /volume1/web/file_h5ai/_h5ai/private/

    chmod -R 777 /volume1/web/file_h5ai/_h5ai/public/

    修改好后再复制上面这段命令,右击粘贴到putty,回车

  10. 使用以下命令重启nginx

  11. sudo nginx -s reload

  12. 配置结束,使用ip:端口号进行访问测试



  13. 一键傻瓜操作:


# 修改端口号
port="668"

# 获取系统版本
DSM=$(cat /etc.defaults/VERSION | grep "majorversion" | awk -F '"' '{print $2}')

# 判断配置文件的路径
if [ $DSM == 6 ]; then
config_file="/etc/nginx/app.d/server.webstation-vhost.conf"
else
config_file="/etc/nginx/sites-enabled/server.webstation-vhost.conf"
fi

# 获取路径
local=$(awk -v port="$port" '/^server {/,/^}/ {block = block $0 RS} /^}/ {if (block ~ port) {print block; exit} block=""}' "$config_file" | awk -F'"' '/root/ {print $2; exit}')

# 获取虚拟盘符
disk=$(awk -v port="$port" '/^server {/,/^}/ {block = block $0 RS} /^}/ {if (block ~ port && block ~ /include/) {print block; exit} block=""}' "$config_file" | awk '/include/' | awk -F '/' 'NR==2 {print $7}')

# 生成用户配置文件
echo -e "index index.html index.htm index.cgi index.php index.php5 /_h5ai/public/index.php;" > /usr/local/etc/nginx/conf.d/$disk/user.conf.h5ai1

# 设置权限
chmod -R 777 $local/_h5ai/private/cache
chmod -R 777 $local/_h5ai/public/cache
chmod -R 777 $local/_h5ai/private/
chmod -R 777 $local/_h5ai/public/

# 重启nginx
sudo nginx -s reload


如果需要隐藏部分内容或者文件格式,可在h5ai中配置:

修改 \_h5ai\private\conf\options.json 第69行中括号中的内容,需要隐藏的内容或格式用“”并用,分开。

*需要隐藏指定文件直接写文件名

*需要隐藏文件夹写^文件夹名

*需要隐藏指定格式写*.txt(例)

image.png


修改主题 _h5ai\public\css\styles.css 

自用ui及图标 ui.zip

更换图标直接同名svg文件替换即可,svg下载地址   iconfont-阿里巴巴矢量图标库

修改右上角品牌标识 _h5ai\public\js\scripts.js

###

修改顶栏默认显示域名

修改方法是打开 _h5ai/public/js/scripts.js 文件,

搜索getDomain,有两个结果,修改第二个,可能是f.getDomain或者h.getDomain,都可以。

}("/" === t ? h.getDomain() : n.name),

修改为

}("/" === t ? '你要显示的内容' : n.name),




文章对你有帮助吗?
  • 一般[0]
  • 很赞[0]
  • 没用[0]
  • 垃圾[0]
  • 无语[0]
扫一扫,手机浏览手机访问本站