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

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


**准备工作:**
系统:centos7
环境:apache  php7.0+
软件:h5ai 软件下载地址:(index - powered by h5ai v0.29.0 (https://larsjung.de/h5ai/))



**1. 安装apache**

#yum install httpd

搭建一个目录列表程序-H5ai搭建_第2张图片


**2. 安装php **
- 因为在CentOS7的软件仓库是没有php7.0的版本,我们需要安装第三方源

#yum install epel-release -y
#rpm -Uvh rpm -Uvh https://mirror.webtatic.com/yum/el7/webtatic-release.rpm

搭建一个目录列表程序-H5ai搭建_第3张图片

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

搭建一个目录列表程序-H5ai搭建_第4张图片

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

  • -查看php版本
#php -v

搭建一个目录列表程序-H5ai搭建_第5张图片
 


**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

搭建一个目录列表程序-H5ai搭建_第6张图片

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

搭建一个目录列表程序-H5ai搭建_第7张图片

  • 配置_h5ai

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

#chmod 777 private public

搭建一个目录列表程序-H5ai搭建_第8张图片

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

搭建一个目录列表程序-H5ai搭建_第9张图片
 


**4. 配置httpd.conf文件**

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

搭建一个目录列表程序-H5ai搭建_第10张图片

  • 如果你使用的不是httpd而是nginx或者lighttpd可以在官网中查看方法(https://larsjung.de/h5ai/),我将它拷贝到下方。

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



**6. 进入http://IP/_h5ai/public/index.php查看 h5ai 当前运行信息**
搭建一个目录列表程序-H5ai搭建_第11张图片

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

搭建一个目录列表程序-H5ai搭建_第12张图片
搭建一个目录列表程序-H5ai搭建_第13张图片

  • 你会看见两个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

搭建一个目录列表程序-H5ai搭建_第14张图片

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

搭建一个目录列表程序-H5ai搭建_第15张图片

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

搭建一个目录列表程序-H5ai搭建_第16张图片
 


**7. 使用目录列表程序**

  • 我们进入http://IP or http://域名,查看一下

搭建一个目录列表程序-H5ai搭建_第17张图片

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

搭建一个目录列表程序-H5ai搭建_第18张图片

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

搭建一个目录列表程序-H5ai搭建_第19张图片

搭建一个目录列表程序-H5ai搭建_第20张图片

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

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

  • 关闭防火墙和selinux,配置永久关闭selinux和添加防火墙端口和规则可以百度以下,太多这种教程,我就不写了,太麻烦了。
#setenforce 0(临时关闭)
#systemctl stop firewalld(临时关闭)
  • - 关闭以后再刷新网页看看是否正常运行网页

你可能感兴趣的:(网站搭建,linux,web)