公布你的网页
当你用 Web 三件套做好了一个网页,你可能希望大家都来访问。这应该怎么做呢?
GitHub Pages 部署
一个比较简单的方法,是使用 GitHub Pages。
首先,你需要在本地创建一个新分支,然后在 GitHub 上创建一个 Repository,把你的网站 push 上去。
进入自己的 Repository,点击右上角的 Settings,来到 GitHub Pages 这一栏。
在 Source 里的第一个下拉框,选择刚才的分支。如果你的网站入口(通常是 index.html)在根目录下,那么第二个下拉框直接选用默认的 root。如果是在 ./docs 下,那么选择 ./docs。它暂时不支持部署入口在其它目录下的网站。
设置完毕,点击 save 之后,你就可以通过它给的链接访问你自己的网页了(不过有时候可能得等上一小会儿)。
GitHub Pages 只提供 Web 前端页面的部署,并且功能上有一些局限。想要自由地部署网站,还需要使用服务器才行。
如果愿意花一些钱购买服务器的话,请往下看。不然的话,可以先跳过,我们会在之后的项目中给大家玩儿服务器的机会。
服务器部署
我们列出部署服务器的每一个步骤。请活用搜索引擎,遇到问题请向有经验的人求助!
-
首先,购买服务器并设置初始用户名密码后,你可以使用
ssh <用户名>@<服务器 ip 地址>登录它。
-
在服务器上,你需要先安装
nginx。根据你系统的镜像不同,安装的命令可能稍有不同。
nginx可以理解为一个接待员。每当有人访问你的网页,这个接待员就会把他引导向指定地方,这是由你的配置文件决定的。
-
在你购买服务器的网站上,你需要找到
安全组,将80端口开放(不过大部分的80端口会默认为你打开)。如果工作正常,在启动nginx后,用浏览器访问服务器的ip地址,你就可以看到一个nginx的欢迎页面。
-
你需要配置
nginx的文件。它在/etc/nginx/里,通常是nginx.conf或sites-enabled/default。那个nginx的欢迎页面,其实是放在var/www/html下的index.html。你可以看到默认配置是怎么监听端口,并且把http请求引到这个index.html文件的。
注意,location如果是/something,那么这个对应<服务器 ip 地址>/something。具体用法请参阅文档。
-
你可以加入新的配置,然后在
var/www中创建新的文件夹,把自己的网页放进去。
-
最后,重启
nginx,这样你就可以通过服务器的ip地址以及路径访问到你的网页了!