利用 GitHub 的 Pages 搭建自己的网站

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/qq_40178464/article/details/88941947

直接走流程吧。

1.登录你的github,建立一个Repository,库名必须为你的【登录名.github.io】,如果不知道怎么建库,建议先行学习github的使用,毕竟这个在后面要一直用到的。


2.在库下面建立一个index.html的静态页面,输入你想展示的页面,这个时候如果直接访问【登录名.github.io】,就可以看到你页面的内容了。可以说这个时候一个网站已经搭好了,当然,很low,毕竟你很少见人用 【登录名.github.io】这样的域名吧。


3.如果你想有自己的域名,那就到了要花钱的时候了,前提是你还得有个阿里云(个人常用阿里云,其他的比如腾讯云,华为云等其实操作都一样)的账号,访问万网,搜索你想注册的域名,如果域名没有被别人注册,那就拿下了(.com和.cn的真的很贵,有些很便宜,土豪随意)
在这里插入图片描述


4.接下来就是将你的域名与站点绑定,也就是我们说的域名解析,进入我的【控制台】,在【域名】页面就能看到你的刚购买的域名了
在这里插入图片描述
点击【解析】,到解析页面,进入新手引导:
在这里插入图片描述
【win+r】打开命令框,输入【ping 登录名.github.io】拿到你网页地址,输入到【记录值】,
在这里插入图片描述
确定就好了,这时就可以看到域名已经解析完成
在这里插入图片描述


5.如果此时你直接访问你的域名,会发现【无法访问】,接下来还得到你的github上,在【登录名.github.io】库,这里有两种方式,一种是在与index.html同级目录下,新建一个文件【CNAME】,注意全部大写,没有后缀,里面的内容就是你刚注册的域名,另一种方式就是在库的setting里面找到【GitHub Pages】块,在【Custom domain】里输入你的域名,可以同时勾选下面的【Enforce HTTPS】,这样你的访问就是https形式的了,优点大家都懂。
在这里插入图片描述


6.到这里,你的个人站点已经完全搭建成功了(如果你的阿里云个人信息没有认证的话,估计得等,ennnn,反正不是一两分钟的事),接下来就到了发挥你优秀的前端能力,为自己写一个满意的页面的时候了…

猜你喜欢

转载自blog.csdn.net/qq_40178464/article/details/88941947