如何发布个人网站(入门全套,小白专用,Linux服务器)

如何发布个人网站(包括发布到局域网和发布到全网)

写在前面:鉴于自己是个小白,下面的操作都是从实用性上讲的,可能有概念的错误,可能有冗余的步骤,请各位谅解,也请大佬多加指正。

基础软硬件配置:

  • 电脑(Windows10系统)
  • 云服务器(百度云的,Debian–>Linux内核)(不必要)
  • 域名 (阿里云的)(不必要)

一、局域网可见

链接:通过配置Windows的IIS实现发布网站到局域网(即连接相同WiFi的设备可见)

批注:第3步需要把Internet Service文件夹的所有子文件夹(的子文件(的子文件夹))的勾都画上,否则父文件夹的checkbox里面是个小方块。而且画好勾之后点确定,可能需要比较长的时间来让系统更改功能,而且可能需要下载东西,不过就跟着页面提示走就好了,它让干嘛就干嘛。
第8步中,可以直接把自己网页所在的文件夹设为物理路径。重要的是,不要把网页文档放在子文件夹中。否则配置成功后也打不开网页。

温馨提示:看到第10步即可。

截止到第10步,我们可以打开浏览器试一下:

  • 在地址栏输入127.0.0.1,网页很可能出现如图错误信息:

如何发布个人网站(入门全套,小白专用,Linux服务器)_第1张图片
原因就是我们刚设的默认物理路径文件中没有默认文档。
什么是默认文档?就是当你进入网站的时候默认打开的网页。浏览器一般默认物理路径文件夹中名为“index.html”或“default.html”等的文档。(还有几个名字,我忘记了)
怎么办:改文件名。打开“我的电脑”(就是win10的“计算机”),进入作为默认物理路径的文件夹,把网站首页的文档改名为index.html。
这时再在地址栏输入127.0.0.1,就能进入网站了。

  • 也可以在地址栏输入"localhost",效果相同。

  • 也可以在地址栏输入本机的IP,效果相同,
    本机IP怎么获得?Win+R 打开“运行”小窗,输入“cmd”进入命令行,输入“ipconfig”,图中圈出部分就是本机的IP。(前文Win表示键盘最下一行画着Windows标志的键)
    如何发布个人网站(入门全套,小白专用,Linux服务器)_第2张图片
    p.s. 对于一般用户(比如一脸懵逼的小白),这个IP都是私网IP,它的前三段(即这张图片上的192.168.1)来自所在局域网的路由器,后一位是路由器分配的。用这个IP发布的网站只有发布到所在局域网。(当时我是直接给中国移动打了电话,问它们这个IP是公网IP还是私网IP,如果办公网IP要花钱的呜呜呜)

  • 找到另一台连在相同局域网的设备,在地址栏输入本机的IP,也能访问到网站。

到目前为止,我们已经成功把网站发布到局域网啦!
如果更炫酷一点,可以弄一个域名,把域名解析到本机IP,就可以通过域名进入网站了(后面会详细讲怎么弄到一个域名)。然而可见范围没有改变。

二、全网可见

我们当然不能满足如此小范围的发布,毕竟装13就要装大一点(小声
我在网上看到有不需要服务器的方法,用的是内网穿透。然鹅本人一点都没有看懂,而且听说用自己电脑作为服务器会有很多弊端。所以我买了一个云服务器。我自己买的是百度云的,所以之后就用百度云的页面作为例子咯。

1. 购买服务器

  • 直接百度搜索“云服务器”,就会出来无数广告。找一个大牌一点的进入。(经常能赶上他们做活动,会有比较便宜的低端云服务器,我觉得我们做个人网站又是初学,没必要买太强大的服务器,先找个便宜的试几个月吧)
    //下面以百度云服务器为例。不同品牌页面不同,咱也不知道咱也没试过。但大概意思差不多。

1) 如果直接进入有优惠的那个云服务器的购买页面
如何发布个人网站(入门全套,小白专用,Linux服务器)_第3张图片

  • 点“立即抢购”,然后照着做就行了,让咱注册就注册,让咱登录就登录。然后进入下面这个页面。
    如何发布个人网站(入门全套,小白专用,Linux服务器)_第4张图片
  • 重点来了:选!配!置!
    地域似乎影响不大,至少对于小白来说。
    但操作系统一定要选好!网上的大部分配置服务器教程是针对Windows系统或者Ubuntu系统的,关键是它们有图形界面!以后的事情大概就不会这么艰难了……
    (不过Windows素以喜欢崩著称……做大项目还是不要选Windows为好。
    但是……本人当时啥也不懂,就选了一个偏僻的Debian呜呜呜……
    如何发布个人网站(入门全套,小白专用,Linux服务器)_第5张图片
    选择了Windows系统服务器的小朋友就可以拜拜了,因为后面的内容是写给艰难的Linux宝宝的。
    更多内容请跳过“(2)如果普通进入”,直接看 “2. 配置服务器” 。

2) 如果普通进入

  • 注册 登录
  • 进入“管理控制台”
  • 选择“云服务器BCC”
    如何发布个人网站(入门全套,小白专用,Linux服务器)_第6张图片
  • 选择你想要的地区的服务器,点击“创建实例”

如何发布个人网站(入门全套,小白专用,Linux服务器)_第7张图片

  • 进入“创建实例”,选!配!置!
    至于怎么选配置,请往上翻~
    如何发布个人网站(入门全套,小白专用,Linux服务器)_第8张图片
    至于后面“存储”、“快照策略”等我也不太懂。因为我是用第一种方式买的优惠服务器。

2. 配置服务器

到了最艰难的时候了!
1)点击“实例”,可以看到自己买的服务器。记住它的公网IP(这很有用!)
如何发布个人网站(入门全套,小白专用,Linux服务器)_第9张图片
2)下面就要配置服务器了
可以点击“VNC远程”进入命令行进行配置,但下面要介绍另一种更舒适的方法。

  • 下载SecureCRT和SecureFX
    官网https://www.vandyke.com/download/securecrt/4.0/index.html
    SecureCRT是命令行界面,功能和上面VNC远程差不多,但它在传输文件方面会方便的多。
    SecureFX是图形界面,传输文件的时候可以直接把本地的文件(比如存放着自己网站的文件夹)拖到服务器目录界面中,就完成的上传。(但是后续操作很多还是依靠命令行。而且……在找到教程之前我就把它玩坏了,所以……

  • 然后点DOWNLOAD。
    如何发布个人网站(入门全套,小白专用,Linux服务器)_第10张图片

  • 然后选择SecureCRT,点download。
    如何发布个人网站(入门全套,小白专用,Linux服务器)_第11张图片

  • 然后根据自己的计算机位数选择相应框,无论哪个框,都选第二个,因为SecureFX带图形界面。(不过也无所谓,因为后面的教程主要针对只有一个SecureCRT的情况)
    如何发布个人网站(入门全套,小白专用,Linux服务器)_第12张图片

  • 下载完成后在桌面上可以看到两个图标
    如何发布个人网站(入门全套,小白专用,Linux服务器)_第13张图片

  • 点“I agree”
    如何发布个人网站(入门全套,小白专用,Linux服务器)_第14张图片

  • Hostname输入你的服务器的公网IP,Username输入root,点connect
    如何发布个人网站(入门全套,小白专用,Linux服务器)_第15张图片

  • 在password那里输入你的云服务器的密码。
    如何发布个人网站(入门全套,小白专用,Linux服务器)_第16张图片

  • 如果不知道服务器密码(比如我),就回到云服务器实例那个网页,重设密码。如何发布个人网站(入门全套,小白专用,Linux服务器)_第17张图片

  • 输入新密码即可。
    如何发布个人网站(入门全套,小白专用,Linux服务器)_第18张图片

  • 设完了就回到SecureCRT输入密码,进入命令行,就好啦。
    如何发布个人网站(入门全套,小白专用,Linux服务器)_第19张图片

  • 然后要做的事情主要是:配置jdk,下载tomcat,把自己的网站传到服务器。
    具体操作看https://www.cnblogs.com/lwthad/p/10253320.html,非常非常清楚。
    (从图中位置开始看即可)
    注释:

  • 如果输入yum命令报错,就用"sudo apt-get install lrzsz",也可以用“sudo apt-get install”+需要用yum下载的东西

  • 需要通过输入全名来打开某个文件或解压某个文件的时候最好先在它的父目录中ls一下,确认它的后缀。Linux系统中有的后缀和在Windows中不一样

  • 这里说的“jdk的压缩包”是指压缩包的文件名提示

  • 这里的数值要根据自己下载的jdk版本看。看的方法就是在自己的电脑中解压文件,点开解压后的文件夹,露出来的那个文件夹的名字后面的数字,要与之一致。
    另外,不要管黑色图片中红框框起来的内容。
    再另外,如果不熟悉vi编辑器,看本文附录。
    如何发布个人网站(入门全套,小白专用,Linux服务器)_第20张图片

  • 如果没有zip和unzip命令,就分别yum install zip 和yum install unzip(或者sudo apt-get install zip和sudo apt-get install unzip)。使用unzip命令:unzip 文件名

  • 截止到这一步,我们就可以用任意网络中设备打开浏览器,在地址栏中输入服务器的公网IP,进入自己的网站啦。

2)绑定域名
为了使事情更加炫酷一点,我们可以去搞一个域名。
我用的是阿里云的域名,也是出于大牌+便宜考虑的。我的域名才9块钱。

  • 找到“域名”
    如何发布个人网站(入门全套,小白专用,Linux服务器)_第21张图片

  • 选择合适的后缀,买了。(但需要按要求注册、实名认证等)
    如何发布个人网站(入门全套,小白专用,Linux服务器)_第22张图片

  • 重点来了!解析域名:
    所谓解析域名,就是把域名和IP地址绑定。刚才我们已经成功通过在地址栏输入IP地址来访问自己的网站了,解析完域名之后,就可以通过在地址栏输入自己的域名来访问自己的网站了,就像输入www.baidu.com就可以进入百度网页一样。
    操作:进入控制台
    点进去“域名”
    如何发布个人网站(入门全套,小白专用,Linux服务器)_第23张图片
    点“解析”
    如何发布个人网站(入门全套,小白专用,Linux服务器)_第24张图片
    点“新手引导”
    如何发布个人网站(入门全套,小白专用,Linux服务器)_第25张图片
    输入你的服务器的公网IP,然后点确定即可。
    如何发布个人网站(入门全套,小白专用,Linux服务器)_第26张图片

  • 最后,就是要备案啦!(但最好不要注册域名当天就备案,因为可能你注册的域名还没同步到工信部系统,容易被驳回。)
    点进去,按照要求该填啥就填啥好啦。
    如何发布个人网站(入门全套,小白专用,Linux服务器)_第27张图片

  • p.s. 不备案的话就是这效果……(我今天上午刚备案的,备案需要两天左右。现在还没审核完)
    如何发布个人网站(入门全套,小白专用,Linux服务器)_第28张图片

  • 等到审核完,就 大! 功! 告!成! 啦!

附录

关于vi:
vi是Linux系统的文本编辑器,类似于Windows的笔记本(但操作起来可比笔记本繁琐多了……)

vi文本编辑器有三种模式:命令模式,输入模式,底行模式。
命令模式中,你的键盘操作都会被当成是命令。
输入模式中,你键入的字符会被当成是文本写入(甚至四个箭头键、backspace键等都有对应文本)。
底行模式一般负责保存、退出等命令。

模式转换:
进入vi文本编辑器,默认是命令模式。命令模式下按“a”表示在当前光标位置的下一个字符位置变成输入模式;按“i”表示在当前光标位置变成输入模式。
在输入模式中,按esc键进入命令模式。
在命令模式中,输入“:”进入底行模式。

实用命令:
命令模式中,d+右箭头 --> 删除一个字符; dd --> 删除整行; 通过上下左右箭头键移动光标位置,用enter键翻页。
底行模式中,wq表示保存并退出vi。

你可能感兴趣的:(搭建个人网站,linux,前端,http)