将(html/h5)静态网页部署到服务器/云服务器上(易懂,秒会)

        不知道大伙看到像百度、淘宝等等之类的网站只要有网就能使用,会不会有点想学习?

今天咱就跟大家分享一下,如何将自己的作品(网页类)发布到服务器上,让更多人能看到你的作品!

前提条件:

                1、你需要有一台云主机(云服务器)

                                可以选择:腾讯云、阿里云、华为等

                2、需要具备Ubuntu、XShell软件

                            Xshell软件下载链接:百度网盘 请输入提取码 
                                                 提取码:n5b6

2、开始着手:

     (1)、远程登陆到自己的服务器,进入到存放网页的根目录,根目录路径为 /var/www/html

注意:若var目录下没有www目录的请看:

https://blog.csdn.net/weixin_51563198/article/details/121529122

      (2)、查看自己需要部署的网页的文件组成,文件可以直接用rzgz上传;如果是文件夹,则需要先创建对应的文件夹,进入到文件夹内再上传文件。

 

该页面中h5.html文件可以直接上传,css、images、js就需要先建立对应文件夹。

注意:文件夹创建指令: mkdir 文件夹名称

                        例如:创建一个css文件夹  =>  mkdir css

然后 cd css(跳转到css文件夹路径),然后将css文件夹里面的文件上传到该目录!

3、接下来进行演示:

        首先上传文件,输入sudo rz 命令(没有安装rzgz的需要先安装),然后回车并选择需要上传的文件,即可选中上传。(sudo:sudo是指以root的身分执行命令,如果你当前的用户不是root,那么没加sudo则会上传失败)

安装rz的指令教程:Ubuntu安装sz/rz命令以及用法_阿泉的博客-CSDN博客

        接下来上传带文件夹的,例如css:

                cd css进入到css文件夹目录底下

        接下来输入指令: sudo rz

上传后 ll或者ls 一下查看是否上传成功。(若出现咱们上传的文件,则表示上传成功)

        接着将js文件、images文件依次上传,方法与css一样。但是注意:在一个文件夹中上传了文件后,需要退出该文件夹,再创建下一个文件夹,继续上传。

退出文件夹返回到上一目录的指令:cd ..

        例如在: /var/www/html/css 目录底下,你输入:cd ..

                        那么他将返回到 /var/www/html 目录底下

 返回后依次 新建js、images等文件夹,并上传该文件夹的文件!

        切记:

                保证文件夹名称网页文件中的一样,否则路径错误,图片不能正常显示!

最后回到/var/www/html 目录底下 ll或者ls一下,对照一下与电脑上文件夹的名称是否相同

 

然后在浏览器中输入服务器域名(云服务器ip+你网页的名称),即可看到自己的页面啦,页面部署工作完结。

例如我服务器ip为: http://101.35.147.62/    网页名称为:h5.html

那么我的服务器域名就是:舌尖上的美食http://101.35.147.62/1.html

(本作品是用360浏览器制作,若要达到最佳效果,360浏览器:显示率100%,谷歌浏览器:显示率80%)

 

作品下载地址《舌尖上的美食网》web期末大作业,网页制作.rar_怎么把html页面部署在云服务器上-网页制作文档类资源-CSDN下载

总结:

上传时结构一定要细心,注意对照上传时所设的文件名等要与自己构建页面时相同,否则路径出错,页面会显示不正常。多个文件夹需要上传时,上传完成一个文件夹的文件后,一定要退出该文件夹,再创建其他类别文件夹,才继续上传。

希望各位动动小手点个赞点点关注,咱们一起努力,一起追逐梦想,加油!加油!加油!

有问题可以在下方评论区留言,我看到会回复!

猜你喜欢

转载自blog.csdn.net/weixin_51563198/article/details/119673234