有了服务器,域名,如何将静态网页放到服务器上,让所有人都能访看到?

Posted on 2021-02-18  1197 Views


写了一个静态的网页,准备把这个静态的网页放到服务器上去,这样的话,任何人输入网址,都可以看到我写的这个静态网页;于是这两天一直在研究这东西要怎么做才能实现,零零散散好几天,在大神的指导下终于搞定了,把经验分享出来,以供后来者参考。

我是小白,以前没怎么接触过服务器知识,对于服务器,代理,端口,Nginx,XShell是什么东东,是干什么的,可以说几乎没有认识,所以如果你是小白,也不要退却,且听:

一、什么是服务器?

      【1】 就是一台电脑,这台电脑的操作系统一般是Linux/Unix系统的,当然也有windows系统的,只不过windows系统的不太常见;

      【2】为了方便说明,我在本文中用“服务器电脑”来等效的表示“服务器”,所以本文中大家看到“服务器电脑”这几个字就要知道,我是在说“服务器”;这样做的目的是为了强化”服务器就是一台电脑而已“”这个概念,以方便初学者的理解。

      【3】 正如我们的个人电脑要安装一些软件一样,服务器电脑也要安装一些软件,我们的个人电脑上可以安装mySQL数据库,在服务器电脑上也可以安装mySQL数据库;区别是啥?区别是:用自己电脑安装的话,很直观很爽,就是鼠标点击界面,点点点,就行了,安装过程你是全程参与操控的,像一个皇帝一般发号施令,安装的过程你都在见证,有一种观三千大千世界,如观掌中庵摩罗果的感觉,很清楚很直观;可是用服务器安装的话,就有差别了,就要用命令行了,在一个黑框框里面去敲命令,这些命令往往很简洁,但是威力无穷,好像孤独寂寞又身怀绝技的超俗侠客,黑暗之中忽见刀光一闪,霎时间对方人头落地,可谓社会我Linux/Unix哥,人狠话不多。

二、服务器干啥的?

      【1】好比说你写好了一个很简单的静态页面test.html,存在你个人电脑的桌面上,好,那么你要想让所有的人都看到你的这个页面,该怎么办呢,肯定要把这个test.html这页面放到一个大家都能看到的地方,如果只在你的D盘里待着,那别人永远看不到这个网页。好,那把这个test.html放到哪里好呢?你在朝阳区,我在海淀区,隔得挺远,可是一抬头,豁,好家伙,都能看到一朵七彩祥云(雾霾天不算哈),因为七彩云在天上,所以我们都能看到好,好了,那我们就把test.html这个页面放到天上去。想象天上有一台服务器电脑。我们只需要把test.html传送到天上的服务器电脑里的某个位置就可以了,这样的话,因为服务器电脑在天上,所以大家都能看到,想要看test.html这个界面的人只需要从天上下载就可以了。大概就是这么个意思,服务器电脑是存储这个页面的场所。

三、怎么控制服务器?

     【1】好家伙,真牛逼,服务器都上了天了,那我可怎么控制啊?太远了够不着啊?没关系,有很多工具,比如说XShell吧,这是一款终端模拟软件,你只需要下载这个东东到自己的个人电脑上,然后输入服务器电脑的用户名和密码,就可以连接到天上那台服务器电脑并且完全地控制它,这样你就可以远程控制服务器电脑了,运筹帷幄之中决胜千里之外,十万军中取上将首级如探囊取物,皆因你用服务器电脑的用户名和密码取得了它的控制权,从此大权在握垂帘听政做幕后老板一发不可收拾;

四、服务器电脑上要安装什么?

      【1】要给服务器电脑,安装Nginx,注意是安到服务器电脑上去哦,而不是自己个人的电脑哦。怎么办?用XShell就可以控制服务器电脑,所以我们坐在家里,通过XShell这个工具,来给天上的服务器电脑装软件;怎么使用XShell自己去查资料有很多,如果你的服务器是Ubuntu的,那么在XShell里面输入 apt-get install nginx就行了(当然还有其他的方法),如果你的服务器是CentOS的,那就用yum -xxx???具体命令忘了,自己查资料吧,注意一下,自己的系统是哪一种(虽然都属于Linux系统这个祖宗,但是Ubuntu和CentOS是两个个性有差别的后代),注意别写错了命令,比如在ubuntu里面敲yum ...准备去安装软件,那海枯石烂也不行,收手吧。

      【2】在服务器电脑上安装好Nginx以后,需要配置一下,也就是修改有关Nginx的一些代码,不难,请看第“五”条就可以;配置好以后可能需要启动Nginx这个软件,在XShell里面输入 /etc/init.d/nginx start就可以启动了,init.id文件夹下面的这个nginx应该是一个用于启动nginx软件的一个文件,注意 这个文件不一定都在“etc/init.d/nginx”这个地方,可能会有差异,你可以在XShell里面输入“whereis nginx”来找一找所有包含“nginx”这个文件名的文件有哪些,你会找到不止一个文件,具体我们需要的是哪个,就要找那个(我的在/etc/init.d这里,有一个nginx);

五、配置

【1】在服务器电脑上安装好Nginx以后,需要配置一下,也就是修改有关Nginx的一些代码,这个时候就有一个问题,怎么编辑服务器电脑上有关Nginx的一些代码呢?通过XShell好像也是可以编辑的(但像我linux功力很浅,因此没用xshell编辑),但是除此之外,还有一种方法编辑,就是在自己的个人电脑上下载一个WinSCP软件(windows用户,如果你是苹果,自己去查要用什么软件吧),诸如此类的软件也很多,功能都类似,你通过这个软件,输入服务器电脑的用户名和密码,就可以登陆到服务器电脑上去,取得服务器电脑的控制权,在这个软件上你看到的你的服务器电脑上的文件都是图形化的,而不像XShell那样看到的文件是一条一条在黑框框里列出来的。这样的话你会很方便。

       好了,现在,在WinSCP软件上,鼠标点击文件夹去找,你要找到/etc/nginx下面的一个叫做sites-available的文件夹,里面有一个Default文件,选中这个文件右键,以记事本方式打开去编辑,主要是在Server{...}这块区域的大括号里去改东西,注意你打开default这个文件的时候呢,会看到不少代码,但是每一句代码前面带#号的都是注释,不用管,找到没有被注释的那个Server区域,在那个Server的大括号里去改,你要修改三个地方;

    你要修改三个地方,第一,server_name这里,要改成你的服务器电脑的IP地址,比如说12.12.12.12;第二,root后面的东西要改为你test.html所在的文件夹,比如说,你可以通过WinSCP这个软件,在服务器电脑的根目录上右键新建一个try文件夹,把test.html放进去,那么root后面的东西就谢伟 "/try","/"代表根目录哦,try代表文件夹名字;第三,你要更改index后面的内容,改为test.html;很好,现在就编辑好了,保存,鼠标右键刷新一下,不右键刷新的话可以用xshell软件在命令 行输入"etc/init.d/nginx restart"就可以了,总之是让服务器电脑知道你已经修改了东西了。

    好了,现在在在浏览器输入12.12.12.12.就可以看到你的test.html的界面了,任何人在浏览器输入12.12.12.12也可以看到你写的test.html的页面

六、解析

    不能老输入一串数字才访问啊,需要解析域名,就是把这个12.12.12.12的地址和一个www.xxxxxxxxx.com或者www.yyyyy.xyz之类的网址对应起来,这个网址你自己在你购买域名的地方去解析,在DNS记录里,找到解析域名的地方,修改一下就可以了,注意,主机记录那里不要填www,也不要填任何东西,这个地方是个很隐蔽的坑,要注意。

记录值那里就填你的服务器电脑的IP,其他的地方默认就可以了,不用单独去选。这样的话,你在浏览器输入你买来的域名,就可以访问到test.html的页面了。


The reCAPTCHA verification period has expired. Please reload the page.

日落星辰花满路,嘉夜月影云无踪