如何在服务器上部署静态网页，让所有人都能访看到？

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

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

一、什么是服务器?

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

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

  【3】 正如我们的个人电脑要安装一些软件一样，服务器电脑也要安装一些软件，我们的个人电脑上(比如win7)可以安装mySQL数据库，在服务器电脑上也可以安装mySQL数据库；区别是啥？区别是：用win7安装的话，很直观很爽，就是鼠标点击界面，点点点，就行了，安装过程你是全程参与操控的，像一个皇帝一般发号施令，安装的过程你都在见证，有一种观三千大千世界，如观掌中庵摩罗果的感觉，很清楚很直观；可是用服务器安装的话，就有差别了，就要用命令行了，在一个黑框框里面去敲命令，这些命令往往很简洁，但是威力无穷，好像孤独寂寞又身怀绝技的超俗侠客，黑暗之中忽见刀光一闪，霎时间对方人头落地，可谓社会我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之类的网址对应起来，这个网址你自己在你购买域名的地方去解析，比如我在百度买的域名，我就去当时买百度域名那里，找到解析域名的地方，修改一下就可以了，注意，主机记录那里不要填www,也不要填任何东西,这个地方是个很隐蔽的坑，要注意，我放张图

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