将网页部署到服务器上

阿里云福利:
阿里云代金券 | 阿里云优惠券 |阿里云优惠码|云服务器|阿里云|阿里云代金券 – 限时领取1000元阿里云代金券css

当咱们作了一写漂亮的页面时,能够将它部署到本身的服务器上,方便用域名来进行访问。html

大三了,快要准备出去面试工做,因而作了一个的简历,如今将其放在本身的服务器上。下面,我分步骤给你们分享一下部署过程,若有不正确或者更简易的方式,请指正或者提出好的建议。◕‿◕。,谢谢!
1复制代码

1.远程登录到本身的服务器,进入到存放网页的根目录。我用的是阿里云服务器Ubuntu14.04版本,根目录路径为 /var/www/html
在这里插入图片描述
2.查看本身须要部署的网页的文件组成,文件能够直接用rzgz上传;若是是文件夹,则须要先建立对应的文件夹,进入到文件夹内再上传文件。
在这里插入图片描述
该页面中index.html文件能够直接上传,css、img、js、mid就须要先创建对应文件夹。面试

3.首先上传文件,输入 rz 命令(没有安装rzgz的须要先安装),而后回车并选择须要上传的文件,便可选中上传。
在这里插入图片描述
4.接下来上传带文件夹的。例如css。首先mkdir css 建立css文件夹, cd css进入到文件夹,而后选中css上传。
在这里插入图片描述
ll 一下查看是否上传成功。
在这里插入图片描述
5.js文件、mid文件、img文件同上传css文件。可是注意:在一个文件夹中上传了文件后,须要退出该文件夹,再建立下一个文件夹,继续上传。
在这里插入图片描述
img文件夹中包含文件夹,依然是先建立对应文件夹,上传文件;退出文件夹;建立下一个文件夹,上传文件…浏览器

保证文件夹名称和网页文件中的同样,不然路径错误,图片不能正常显示
在这里插入图片描述
在这里插入图片描述
6.回到html目录下,ll一下,对照网页文件查看所需文件是否都上传完。
在这里插入图片描述
在这里插入图片描述
7.在浏览器中输入服务器域名,便可看到本身的页面啦,页面部署工做完结。
在这里插入图片描述
总结,须要的是:bash

上传时结构必定要和本身构建页面时相同,不然路径错误,页面会显示不正常。而且在有多个文件夹时,上传完成一个文件夹的文件后,必定要退出该文件夹,再建立其余类别文件夹,才继续上传。服务器

阿里云福利:
阿里云代金券 | 阿里云优惠券 |阿里云优惠码|云服务器|阿里云|阿里云代金券 – 限时领取1000元阿里云代金券阿里云

相关文章
相关标签/搜索