人总是不会满足于现状,接下来我们就可以让我们的朋友们通过独立域名访问我们的网站了,但是这肯定是要花点钱的,所以这篇文章难免会出现一些推销信息,希望这会对你有用,话不多说动手吧!

购买一个域名

我的域名是在阿里云购买的,因为是.top域名,所以比较便宜,第一年才3块钱,如果是土豪,就买其他的吧,但是如果你现在是在校大学生的话,腾讯云的学生优惠活动可以一元钱购买域名和空间,不是为最佳的选择。
如果你选择了腾讯云的学生优惠活动,那么请你先注册好账号,并且通过实名认证以及学生认证,这样才可以开始学生优惠活动的抢购活动,活动开抢时间为每天的中午12点,调好闹钟摆好姿势啦,不过我觉得挺好抢的。祝好运😉
如果你已经买好了域名,并且不打算买空间,只想用Github上的存储空间,那就来吧!

域名解析

来到你域名的管理系统,点击域名解析,添加两条解析,如图所示:

域名解析
域名解析

两条记录类型都是CNAME,主机记录分别为www以及@,线路最好选择海外,毕竟Github对吧😙,记录值则是写你的yourname.github.io。
同样等待几分钟之后就可以进行访问了,你会发现如果你在访问https://yourname.github.io ,它会自动转到你的域名,当然你也可以直接使用你的域名进行访问。


购买空间

域名我是在阿里云很早就买了,但是空间是在腾讯云买的,我买的虚拟主机是Windows Server2012 版本,当然主机的类型对网站的搭建并没有多大影响,基本的操作大同小异。

域名解析

如果你还买了空间,那就同样来到你域名的管理系统,点击域名解析,应当按照如下所示的进行设置:

域名解析
域名解析


在虚拟主机中搭建你的网站

这一步其实就是将你在本地的工作重复进行一遍,请见第二节/),按照这一节可以在虚拟主机中访问localhost:4000进入你的网站。

使用nginx反向代理

其实经过上一步,你的朋友们可以通过yourwebsitename:4000访问你的网站了,但是这样也太不帅了吧,所以我们可以使用nginx监听80端口,将所有的请求返回80端口,这样你的朋友只要访问你的域名就可以直接进入网站主页了,而不用加上4000端口。

  • 下载Nginx并解压至c:\nginx。
  • 启动Nginx。进入c:\nginx,双击nginx.exe。默认的端口号为80。
  • 修改端口号。修改c:\nginx\conf\nginx.conf,将其中的server节点修改如下:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
server {
listen 80;
server_name http://127.0.0.1:4000;
#charset koi8-r;
#access_log logs/host.access.log main;
location / {
proxy_pass http://127.0.0.1:4000/;
proxy_redirect off;
proxy_set_header X-Real-IP $remote_addr;
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
}
  • 重启nginx。在任务管理器关闭nginx.exe再重新开启或者在命令行中使用如下命令重启nginx。
1
nginx -s reload

开心吗?

如果幸运的话,到此为止,你就可以使用yourwebsitename访问你的网站了,如果有任何问题,可以在站内留言或者自行google。