利用github +万网域名实现网站搭建(github解析域名)

利用github +万网域名实现网站搭建(github解析域名)

    • 1.利用Github Page
      • (1)Github创建一个项目:
      • (2) 在该项目中添加文件:
      • (3)阿里云解析:
    • 2.利用ip地址
      • 前两步和上面那种方法是完全一样的,只不过第三部阿里云解析中用A-解析:

1.利用Github Page

(1)Github创建一个项目:

首先我们需要有在github中,新建一个新项目,这个项目要起一个固定的名字:
利用github +万网域名实现网站搭建(github解析域名)_第1张图片
其中GppHpp是我github的名字,因此项目的固定名字为(GitHub名字).github.io,因为我之前已经创建过这个项目了,所以它会提示该项目已被创建。

(2) 在该项目中添加文件:

利用github +万网域名实现网站搭建(github解析域名)_第2张图片
利用github +万网域名实现网站搭建(github解析域名)_第3张图片
这里我用的PHP编译器,VCS->Checkout from Version Control->将github那个地址复制到url处即可,下面那一栏为你要保存到本地的位置。
在该项目中添加两个文件:CNAME,index.html;
利用github +万网域名实现网站搭建(github解析域名)_第4张图片利用github +万网域名实现网站搭建(github解析域名)_第5张图片
CNAME一定要大写,里面写你要解析的域名即可,在这里我用的是中文域名,因此需要转码一下。index.html里放你要写的页面内容,刚开始可以只写一个hello world!
利用github +万网域名实现网站搭建(github解析域名)_第6张图片
接下来将文件传到github上,commit+push。
进入该项目,settings,找到Github Page这一栏,像这样能够出现你的域名就可以了。
利用github +万网域名实现网站搭建(github解析域名)_第7张图片

(3)阿里云解析:

登陆后,找到右上角的控制台,在控制台左边栏里找到域名,点击解析:
利用github +万网域名实现网站搭建(github解析域名)_第8张图片
添加两条记录:
利用github +万网域名实现网站搭建(github解析域名)_第9张图片
利用github +万网域名实现网站搭建(github解析域名)_第10张图片
记录类型为CNAME,主机记录分别为www和@,@是为了只输入域名就可以进行访问,在我这里是 grx.我爱你。
保存一下,所有步骤就完成啦。访问一下页面试试吧(解析可能需要时间,当时我解析后十来分钟才能访问页面),如果长时间仍不能访问,有一种可能是你的域名状态为SeverHold,引起这种情况的原因是,有些域名需要实名认证并通过后才能进行解析。

2.利用ip地址

前两步和上面那种方法是完全一样的,只不过第三部阿里云解析中用A-解析:

这里需要在记录值出填该github项目的 IPV4地址:
利用github +万网域名实现网站搭建(github解析域名)_第11张图片
利用github +万网域名实现网站搭建(github解析域名)_第12张图片
项目的IP地址可以通过GitBash查询,输入ping 加你项目的名字,即可得到该地址。

两种方法都是可以成功解析域名的:
访问我的域名 www.grx.我爱你:
利用github +万网域名实现网站搭建(github解析域名)_第13张图片
完美实现。

你可能感兴趣的:(前端)