(阿里云)Linux部署静态html页面

一、环境

(阿里云)centos7.6+httpd+apache

二、详细过程

2.1、安装httpd

 #检查是否安装和httpd
 rpm -qa | grep httpd
 #如果没安装
 yum -y install httpd

2.2、启动httpd并验证

service httpd start
service httpd status

接着在浏览器里访问linux主机的IP可以看到下面的页面说明启动成功

2.3、修改httpd.conf 

yum安装的路径一般在/etc/httpd/conf/httpd.conf，自定义安装的可以用find / -name httpd.conf找找。编辑配置文件或使用默认路径都是可以的：

使用默认路径：不用修改ServerRoot和Directory，直接把文件夹内容拷贝到默认的路径/var/www/html；

cp /etc/httpd/conf/httpd.conf /var/www/html

注: 如果/var目录下没有/www/html这两个文件夹，可以自己创建

2.4、静态项目的放置

默认发布目录：/var/www/html

所以我们只需要把需要的文件放置到/var/www/html目录下

如何将windows上的文件传输到Linux呢, 可以使用shell+xftp, 使用步骤可以参考我的这篇文章:

Linux和Window系统之间的数据传输详解_向上的狼的博客-CSDN博客_linux windows 传输

 现在html文件夹下有２个文件：httpd.conf , animation.

2.5、重启httpd

 service httpd restart

2.6、访问

http://119.23.248.141/animation/index.html

这个访问地址具体看你放静态文件的位置: 119.23.248.141是我阿里云服务器的地址, 静态文件是放到/var/www/html目录下的一个animation目录下, 要直接访问的是index.html静态文件.

最终项目效果就是:

如果这里想设置域名的话, 可以去域名网站上买一个域名, 有些也是很便宜的, 然后直接在服务器将ip地址与域名对应起来. 这样就可以直接通过域名访问了.