搭建一个目录列表程序-H5ai搭建

简介: 在阿里云平台搭建一个轻量级的目录系统-H5ai,史上最详细安装教程,轻量级目录列表系统

        h5ai是 HTTP Web 服务器的现代文件索引器,专注于您的文件。目录以吸引人的方式显示,浏览它们可以通过不同的视图、面包屑和树概述来增强。最初h5ai是HTML5 阿帕奇索引的缩写,但现在它也支持其他 Web 服务器。
        h5ai不仅外观优美,实用性也很棒,可以用来分享文件,在线播放视频以及查看图片,更主要的是它是轻量级的目录列表程序,你可以在你的vps上安装体验一把,也可以在你的虚拟机上体验一下,作为一个小型文件共享服务器用它绝对就够了,作为目录索引程序,它只能下载和查看,不能上传。

下面是h5ai的示例图片


image.png

准备工作:
系统:centos7
环境:apache php7.0+

1. 安装apache

#yum install httpd

image.png
2. 安装php

  • 因为在CentOS7的软件仓库是没有php7.0的版本,我们需要安装第三方源
#yum install epel-release -y
#rpm -Uvh rpm -Uvh https://mirror.webtatic.com/yum/el7/webtatic-release.rpm

image.png

  • 确保没有旧版本的php,以防发生冲突
#yum remove -y php*

image.png

  • 安装php72版本
#yum install -y php72w php72w-cli php72w-fpm php72w-common php72w-devel php72w-gd
  • 查看php版本
#php -v

image.png
3.下载h5ai的压缩包

  • 使用wget命令下载,具体版本在文章上方准备有h5ai的下载链接,可以进到链接中查看最新版本,也可以通过其他方法将zip压缩包上传到系统中。
  • 进入到网站根目录/var/www/html/,使用wget命令下载
#cd /var/www/html
#wget --no-check-certificate https://release.larsjung.de/h5ai/h5ai-0.30.0.zip

image.png

  • 解压zip文件,并将压缩包移动到其他目录(以防h5ai配置出现问题,可以解压后替换使用)
#unzip h5ai-0.30.0.zip
#mv h5ai-0.30.0.zip /home

image.png

  • 配置_h5ai

        1. 将_h5ai中的private和public目录权限设置为777

#chmod 777 private public

image.png

  • 将private和public目录中的cache目录设置777权限
#chmod 777 /var/www/html/_h5ai/private/cache /var/www/html/_h5ai/public/cache

image.png
4. 配置httpd.conf文件

#vim /etc/httpd/conf/httpd.conf
  • 在httpd.conf的添加以下内容:
index.php /_h5ai/public/index.php

image.png

  • 如果你使用的不是httpd而是nginx或者lighttpd可以在官网中查看方法,我将它拷贝到下方。

Apache httpd 2.2/2.4: in httpd.conf or in the root directory's .htaccess file set for example:

DirectoryIndex  index.html  index.php  /_h5ai/public/index.php

lighttpd 1.4: in lighttpd.conf set for example:

index-file.names += ("index.html", "index.php", "/_h5ai/public/index.php")

nginx 1.2: in nginx.conf set for example:

index  index.html  index.php  /_h5ai/public/index.php;

Cherokee 1.2: in cherokee.conf set for example:

vserver!1!directory_index = index.html,index.php,/_h5ai/public/index.php

5. 启动php-fpm和httpd服务,并设置开机自启

#systemctl start php-fpm httpd
#systemctl enable php-fpm httpd

image.png
6. 进入http://IP/_h5ai/public/index.php查看 h5ai 当前运行信息
image.png

  • 当前运行环境与功能模块的自检结果,密码为空,如果网页进不去你可到文章末尾看第8段

image.png
image.png
image.png

  • 你会看见两个no,一个是预览视频的插件,一个是pdf查看插件

        1. 安装FFmpeg rpm软件包,先添加第三方源

#rpm --import http://li.nux.ro/download/nux/RPM-GPG-KEY-nux.ro
#rpm -Uvh http://li.nux.ro/download/nux/dextop/el7/x86_64/nux-dextop-release-0-5.el7.nux.noarch.rpm
#yum install ffmpeg ffmpeg-devel -y

image.png

  • 安装成功以后执行ffmpeg查看是都存在命令,之后刷新网页查看是否变成YES

image.png

  • 安装PDF thumbs功能,本次使用ImageMagick功能用于查看PDF,安装完成后刷新网页
#yum install -y ImageMagick

image.png

  1. 使用目录列表程序

image.png

  • 我们在网站根目录创建一些目录,在网站上查看一下目录关系
#mkdir -p /var/www/html/网页编程/html

image.png

  • 这下我们应该熟悉了网站的目录关系,h5ai可以识别根目录下的文件并显示,也可以创建一些目录及文件
网站根目录
 ├─ _h5ai
 ├─ your files
 └─ and folders
  • 上传图片以及视频,并在h5ai网站中查看

image.png
image.png
image.png

  • h5ai还可以设置的有哪些?
1. 批量下载
2. 页眉页脚
3. 索引功能
4. 二维码下载
5. 其他个性化设置
这里我将不再一一设置了,具体方法可以百度搜索**h5ai配置与美化**已经有博主分享了。

8. 特别注意,如果你的网页进不去可能是开启了selinux和防火墙

  • 关闭防火墙和selinux,配置永久关闭selinux和添加防火墙端口和规则可以百度以下,太多这种教程,我就不写了,太麻烦了。
#setenforce 0(临时关闭)
#systemctl stop firewalld(临时关闭)
  • 关闭以后再刷新网页看看是否正常运行网页
目录
相关文章
|
6月前
|
存储 移动开发 Linux
Linux系统之部署h5ai目录列表程序
【5月更文挑战第3天】Linux系统之部署h5ai目录列表程序
91 2
|
1月前
|
机器学习/深度学习 人工智能 PyTorch
【AI系统】AI 系统与程序代码关系
在人工智能领域,系统与程序代码间的关系错综复杂。AI系统的设计需高效代码支撑,而代码优化与执行又受制于系统设计。本文剖析二者间的互动及其对AI进步的关键作用,涵盖AI训练流程、经典模型LeNet5实现、底层算子与系统问题,并探讨如何通过高效代码与系统优化推动AI技术革新,提升模型性能。欢迎访问昇腾社区获取更多AI学习资源与实践机会。
41 0
|
3月前
|
人工智能 开发者 芯片
【51单片机】单片机开发者的福音: 让AI看电路图帮你编写程序(使用ChatGPT 中训练好的单片机工程师模型)
使用AI大语言模型编写 单片机程序. 使用的是 OpenAI公司发布的 ChatGPT .在ChatGPT上有别人训练好的 单片机工程师 with Keil uVision 5 - C Code Explainer模型, 可以上传电路图改模型可以通过这个用户所给的电路图进行编程.
264 0
【51单片机】单片机开发者的福音: 让AI看电路图帮你编写程序(使用ChatGPT 中训练好的单片机工程师模型)
|
3月前
|
人工智能 物联网 数据中心
新一代AI基础设施问题之将生成式AI整合到企业应用程序中如何解决
新一代AI基础设施问题之将生成式AI整合到企业应用程序中如何解决
35 0
|
6月前
|
机器学习/深度学习 人工智能 供应链
【专栏】阿里云RPA的Rap程序是自动化流程脚本,基于AI和机器学习,实现业务流程自动化
【4月更文挑战第29天】阿里云RPA的Rap程序是自动化流程脚本,基于AI和机器学习,实现业务流程自动化。具有灵活性、易用性、高效稳定和智能学习等特点。广泛应用于财务、人力资源、客服和供应链等领域,未来将与AI深度融合,跨平台应用,行业定制化,并构建完善生态,助力企业效率提升和创新。
465 2
|
6月前
|
存储 人工智能 开发框架
【AI Agent系列】【阿里AgentScope框架】0. 快速上手:AgentScope框架简介与你的第一个AgentScope程序
【AI Agent系列】【阿里AgentScope框架】0. 快速上手:AgentScope框架简介与你的第一个AgentScope程序
953 0
|
6月前
|
人工智能 监控 数据可视化
【AI大模型应用开发】【LangSmith: 生产级AI应用维护平台】0. 一文全览Tracing功能,让你的程序运行过程一目了然
【AI大模型应用开发】【LangSmith: 生产级AI应用维护平台】0. 一文全览Tracing功能,让你的程序运行过程一目了然
210 0
|
6月前
|
人工智能 API 网络架构
【AI大模型应用开发】【LangChain系列】7. LangServe:轻松将你的LangChain程序部署成服务
【AI大模型应用开发】【LangChain系列】7. LangServe:轻松将你的LangChain程序部署成服务
157 0
|
6月前
|
人工智能 监控 数据处理
【AI大模型应用开发】【LangChain系列】6. LangChain的Callbacks模块:监控调试程序的重要手段
【AI大模型应用开发】【LangChain系列】6. LangChain的Callbacks模块:监控调试程序的重要手段
92 0
|
6月前
|
人工智能 API 决策智能
【AI的未来 - AI Agent系列】【MetaGPT】0. 你的第一个MetaGPT程序
【AI的未来 - AI Agent系列】【MetaGPT】0. 你的第一个MetaGPT程序
170 0
下一篇
无影云桌面