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

购买一个域名

我的域名是在阿里云购买的，因为是.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，或者打开cmd，进入Nginx目录，执行命令start nginx。默认的端口号为80。

    直接访问浏览器localhost,正常情况下，就能看到Nginx的欢迎界面了。如果不对，90%的可能是因为80端口占用问题，打开配置Nginx配置文件，修改一下默认端口就行了。

  • 修改端口号。修改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  localhost;

    #charset koi8-r;

    #access_log  logs/host.access.log  main;

    location / {
        root   html/public;
        index  index.html;
    }

    error_page  404              /404.html;

  • 通过Hexo g命令生成的静态站点，默认就是Hexo站点目录中的public文件夹。将生成好的静态站点（也就是public/目录），拷贝至Nginx目录下的html文件夹中。然后修改Nginx配置文件。记得将public文件夹全部拷贝哦！

  • 重启nginx。在任务管理器关闭nginx.exe再重新开启或者在命令行中使用如下命令重启nginx。

1
nginx -s reload
  • 重新访问localhost，就可以看到Hexo静态站点了。这里要注意浏览器缓存的问题。

开心吗？

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