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

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

我是小白，以前没怎么接触过服务器知识，对于服务器，代理，端口，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的页面了。

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

在腾讯云上部署静态网页
1.首先要有一个云服务器我用的腾讯云,不知咋的搞了个免费15天使用... 关于如何购买并使用云服务器,请参照此篇腾讯云官方文档快速配置 Linux 云服务器 2.把本地项目文件传输至腾讯云的Lin ...
怎么把静态网页放到服务器上,将静态网页部署在云服务器上
将静态网页部署在云服务器上内容精选换一换部署提供可视化.一键式部署服务,支持并行部署和流水线无缝集成,实现部署环境标准化和部署过程自动化.本节通过以下五步介绍如何使用部署服务将归档在软件发布库的 ...
linux服务器使用nginx部署静态网页（已自测）
一.安装和配置nginx 1.请先根据本人之前的三篇文章安装和配置nginx使用wget下载.安装.编译pcre(Nginx安装和部署1)_勇敢的_小小邱的博客-CSDN博客_pcre下载pcre作用 ...
如何在云服务器上部署web项目（CVM）
在QQ空间中发现了腾讯云的域名1元/年的活动,之前只试过在Windows下用XAMPP部署静态页面以及在Centos中用LNMP部署静态页面,好奇在云主机上部署静态页面.web项目会有什么不同,便点进 ...
阿里云/腾讯云服务器上部署Nginx，域名，SSL证书
你将会从这篇文章中学到: 在服务器上部署Nginx. 域名的购买. 添加域名,让域名解析到你的服务器上. 教你如何添加SSL证书. 在你的服务器上面配置Nginx,实现http和https的访问. 如 ...
服务器上怎么做网页啊,云服务器上怎么做网页
云服务器上怎么做网页内容精选换一换企业主机安全(Host Security Service,HSS)是提升服务器整体安全性的服务,通过主机管理.风险防御.入侵检测.安全运营.网页防篡改功能,可全 ...
在云服务器上部署web项目（CVM）
在QQ空间中发现了腾讯云的域名1元/年的活动,之前只试过在Windows下用XAMPP部署静态页面以及在Centos中用LNMP部署静态页面,好奇在云主机上部署静态页面.web项目会有什么不同,便点进 ...
nginx 部署静态网页
nginx 部署静态网页 2018年06月15日 17:55:23 幽默的荆轲君阅读数:477 nginx 部署静态网页第一步,就是安装nginx. 第二步配置nginx.conf 熟悉vim的 ...
web文件群晖_【原创】群晖NAS 上部署静态网站
概要 1.简介 NAS 除了用来管理文件,用作个人云盘之外,还有很多用途.因为群晖的操作系统 DSM 本身就是一个 Debian 的定制系统,所以完全可以把 NAS 当作一台个人的服务器,你可以在上面 ...

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

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

最新文章

热门文章