您的位置:首页 > 编程语言

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

2016-10-17 16:42 399 查看

一、创建GitHub个人主页

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

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



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

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



官方参考戳这里

二、购买GoDaddy域名

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

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



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

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



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

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

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

三、GitHub绑定GoDaddy域名

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



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

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



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



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



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





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

参考文章戳这里
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: