通过GitHub和GoDaddy搭建静态个人博客

一、创建GitHub个人主页

通过GitHub创建个人博客的好处:无广告,因为页面代码全是你自己写的;免费,不用买主机;装X;设计和编码练习。

1. 在GitHub上创建一个新的repository,名称格式为:GitHub用户名.github.io。比如我的GitHub用户名为openxxs,则创建的repository名为 openxxs.github.io

 通过GitHub和GoDaddy搭建静态个人博客_第1张图片

创建好项目后,将项目clone到本地,添加静态页面文件(比如创建一个简单的index.html文件)后提交即可。此时可以通过 http://openxxs.github.io 这个域名访问个人主页了。

如果你不擅长写前端页面,或者懒得写,Github贴心地提供了网页模板。在项目主页上点击Settings进入设置页面,找到Overwrite site,点击Lauch automatic page generator,然后跟着步骤走即可。

通过GitHub和GoDaddy搭建静态个人博客_第2张图片

官方参考戳这里。

二、购买GoDaddy域名

在GoDaddy上购买域名相比万网的好处是不需要各种审核,程序员只是写一写技术博客又不干非法的事。

GoDaddy地址:https://dcc.godaddy.com。注册信息要好好保存,一年到期后续租还需要用到。

通过GitHub和GoDaddy搭建静态个人博客_第3张图片

搜索框中输入域名查看是否可用。.org的域名第一年需要60¥,而.com的域名只要18.86¥。

Continue to Cart后会显示一些增值项目。个人建议购买隐私服务,否则邮箱、地址、电话号码之类的全部都会公开到网上,很容易被垃圾邮件轰炸。

通过GitHub和GoDaddy搭建静态个人博客_第4张图片

不建议购买GoDaddy的虚拟主机服务,价格一般而且很容易被墙。

第一年的价格很便宜,但第二年域名到期后还想继续用价格就升上去了,大部分域名服务商都是如此。

GoDaddy支持支付宝、银联卡和VISA等各种卡支付。

三、GitHub绑定GoDaddy域名

域名购买完成后,回到Github项目上,点击设置Settings,找到Custom domain,填入申请的域名,并保存。

通过GitHub和GoDaddy搭建静态个人博客_第5张图片

这个操作等同于在你的项目根目录下创建一个名为CNAME的文件,文件内容为你的域名。

然后回到GoDaddy的主页上(GoDaddy的主页友好度超烂),点击个人用户名,再点击Manage My Domains进入域名的列表页面。

通过GitHub和GoDaddy搭建静态个人博客_第6张图片

在Safari浏览器上点击域名的图标链接无法跳转=_=||,所以点击右上角的列表图标切换成列表形式。

通过GitHub和GoDaddy搭建静态个人博客_第7张图片

然后点击域名的链接跳转到设置页面。通用设置按照默认的即可:

通过GitHub和GoDaddy搭建静态个人博客_第8张图片

点击DNS Zone File进行DNS的设置,添加一条Host Record和一条CNAME Record,具体值如下图所示(为什么这个设置参考Github官方说明戳这里):

通过GitHub和GoDaddy搭建静态个人博客_第9张图片

然后等候DNS配置生效(1分钟左右),就可以通过www.openxxs.org来访问个人主页了~

参考文章戳这里。

转载于:https://www.cnblogs.com/openxxs/p/5950598.html

你可能感兴趣的:(通过GitHub和GoDaddy搭建静态个人博客)