0%

如何快速把网页部署到服务器上

提示:1.本文章适用于使用Linux系统的服务器(centos7.5)

2.举例的服务器的提供商为腾讯云

3.本文使用的软件有 xshell6 和 xftp6(可以去官网下载)

好了,开始正文吧

首先进入你服务器的控制台界面,记下服务器的IP(注意是公网IP)

然后打开xshell

这里说一下,xshell 和 xftp 到官网去下载可以选择免费版的,留电子邮件地址就行,下载链接会发到你留的电子邮件里,只不过免费版的有些功能有限制而已


打开xshell后,点击红圈处
主机里面填服务器的公网IP

webp
点击左侧的用户身份验证,用户名填root应该都知道吧

webp

1
2
密码就是服务器的密码,一般开了服务器都会告诉你
别说什么不知道

填写完成后,就可以连接你的服务器了!
看到这个就是连接成功了

webp

然后就可以对服务器进行操作了

不过要用到另一个软件 —— XFTP

ctrl + N新建对话,主机填服务器ip,用户名填root,密码就是服务器密码

webp

1
2
当然其实管理服务器还有种方法,就是使用宝塔面板
这个可以百度搜索的到,界面蛮好的,数据都是图形化

出现这个就是连接成功了

左边是你电脑文件,右边则是你服务器的目录

webp

找到服务器目录的html文件夹 路径是 /var/www/html

如果没有的话就创建一个这样的路径(像我就是没有www文件夹,然后创建一个www文件夹再在里面创建html文件夹)

XFTP可以很方便的创建文件夹,就和在电脑上一样

然后把你电脑里的网页文件传输到服务器的html文件夹里


接下来就是传输文件到服务器了

webp

1
2
左边的文件全选
然后右键选择传输就行

传输完成后,就可以通过 https:// + 服务器ip 的方式来访问你的网页

不过这样好像还是不太好,因为不太好记 ,如果你有域名的话,可以通过绑定域名来使用域名访问


我的是腾讯云买的域名,就拿这个当例子

打开提供商的界面,选择域名,选择域名解析

点击添加记录
webp

1
2
3
4
5
上面两个记录

记录类型A,线路类型默认即可,记录值填写你购买的云主机的公网IP,TTL默认

然后保存

webp

然后等待个10分钟左右 启动明日方舟来把剿灭

下面检查看看能不能ping通

按WIN+R,输入cmd然后回车 别告诉我还有人不知道回车是哪个键

输入ping + 你的域名,然后回车

如果看到ping成功,而且 IP 和你的服务器 IP 一致(就是黄色涂抹处)

说明成功了

webp

然后你就可以使用域名来访问你的网页了

直接在浏览器里输入你的域名,然后就可以打开你放上去的网页了,是不是很好?


其实最开始我是用git把网页文件上传到GitHub,然后用GitHub来发布的。

不过GitHub那个访问速度真的是慢啊…….,于是就想放到自己服务器上

呐呐,其实我网页这些东西没学多久的,基本都是自学来的,算萌萌新了

如果不嫌弃的话可以看看我的网页 ——> 明日方舟主题网页 (点击即可)

拿电脑打开吧,我响应式布局那些还没开始emmmm,手机上那个效果唉。可能有些地方有点错误 好吧是一定会 ,这个是早期作品,前面的地方有些可能会有bug

但是看的效果还是不错的

不过那个live2d小人有时候不稳定,加载不出来,没看到就算了。

如果这篇文章的图片无法显示,点击这里查看

1
2
3
作者:木得睡醒的XM8
链接: https://www.bilibili.com/read/cv4301760
出处:bilibili
----------------本文结束感谢阅读----------------
如果觉得文章好的话,就打个赏吧!
隐藏