mac上部署html静态网页到腾讯云服务器

腾讯云服务有15天的免费试用期,可以拿来玩玩。本文主要讲述本地html部署到腾讯云服务器,适用于iOS开发学习html开发的新手学习使用,哈哈。

1.首先呢我们需要去申请一台服务器,登陆腾讯云用微信注册登录一下子,然后选择腾讯云服务,上面提示有15天免费使用期。我们按照流程申请一下,大概几分钟之后申请通过就可以使用了。如下图

mac上部署html静态网页到腾讯云服务器_第1张图片
已领取的使用服务器图

领取完成后我们进入控制台:可以看到包含下图的内容,

mac上部署html静态网页到腾讯云服务器_第2张图片
云产品列表图

点击云服务器进入到服务器列表,如下图

mac上部署html静态网页到腾讯云服务器_第3张图片
服务器列表图

2.先选中服务器前面的框框,上面有一系列的操作,就不一一介绍了,第一次进来的时候我们需要重置一下密码,这个密码是登陆服务器的密码要记住的哦。

mac上部署html静态网页到腾讯云服务器_第4张图片
重置密码图


3.我们需要登陆一下服务器,原理呢就跟电脑一样,电脑设置密码后,我们开机之后还需要登陆一下账号密码才能进入访问进行一系列的操作。我们直接点击下图中的蓝色部分进入服务器详情信息,然后再点击登陆:

mac上部署html静态网页到腾讯云服务器_第5张图片
服务器列表图
mac上部署html静态网页到腾讯云服务器_第6张图片
服务器详情图
mac上部署html静态网页到腾讯云服务器_第7张图片
服务器登陆图


4.选择密码登陆,输入刚才重置的密码即可登陆进入到服务器中,登陆之后我们可以看到一个类似于命令行的界面这就是linux操作系统界面了,如果想要让外网访问我们的本地html,我们需要在linux上安装Nginx(读音:嗯跟克死,哈哈。Nginx是一个http服务可以独立提供http服务。可以做网页静态服务器),具体安装步奏参考https://blog.csdn.net/zjuwwj/article/details/72773704这位老哥的。安装完成后我们可以再地址栏中输入服务器详情页的公网ip,即可看到nginx是否安装成功,这个界面我们需要认真看一些内容就是 Website Administrator下面的两个路径一个是/usr/share/nginx/html 一个是/etc/nginx/nginx.conf,之后我们需要吧本地文件夹上传到前者路径文件夹即可访问成功。后者路径是ngins.conf的配置路径,当然本地文件不是固定传到这一个文件夹的,我现在只讲述最直接简单的方式可以让别人访问到我们写的html。

mac上部署html静态网页到腾讯云服务器_第8张图片
nginx安装成功图

以上工作全部做完。最后一步我们需要把本地文件传到腾讯云服务器上,怎么传呢,方式有千百种之多。我尝试了几种,终端,各种ftp界面话工具。

其他的方式都不说了,这里只介绍一种我认为最简单的,哈哈。我们下载一个叫filezilla的玩意,(FileZilla是一个免费开源的FTP软件,分为客户端版本和服务器版本,具备所有的FTP软件功能。可控性、有条理的界面和管理多站点的简化方式使得Filezilla客户端版成为一个方便高效的FTP客户端工具,而FileZilla Server则是一个小巧并且可靠的支持FTP&SFTP的FTP服务器软件),我们到她的英文网站官网去下载对应的系统版本,我是mac,所以下载mac版,只需要下载客服端就可以了,具体下载流程步骤我就不一一说了,这些还都是听见的东西。下载安装完成后会看到下图的界面

mac上部署html静态网页到腾讯云服务器_第9张图片
filezilla界面图

最上面需要填写主机,用户名啊密码啊,端口号,这些信息从哪里来呢,上面我们说到的登陆服务器的界面就下面这张图上的信息,录入进去就好了,然后点击快速链接,

mac上部署html静态网页到腾讯云服务器_第10张图片
多余配图,哈哈

看输入log信息,包含connected to 表示链接成功,然后我们往下看

mac上部署html静态网页到腾讯云服务器_第11张图片
链接成功图

我们选择远程站点部分的根目录,找到刚才安装nginx要注意的路径/usr/share/nginx/html ,一步步一步的点击去,知道点到html文件夹内,然后选中本地站点的要上传的文件拖进去或者右键点击上传,由于我本地写了一个名为testhtml的文件,所以我们能看到html文件夹里有这个文件表示上传成功那么我们在浏览器上输入,外网ip+文件名,即可访问本地静态html,外人也可以访问的哦。

mac上部署html静态网页到腾讯云服务器_第12张图片
服务器远程文件路径图

到下面这图,表示大工搞成,ok了。可以向别人展示随便玩转你的html,哈哈

mac上部署html静态网页到腾讯云服务器_第13张图片
成功图

ps:腾讯云服务有到期续费,到期停止续费的机制,想要了解的朋友可以认真看一下,把自己试用的服务器选择设置一下哦

你可能感兴趣的:(mac上部署html静态网页到腾讯云服务器)