通过GitHub和GoDaddy搭建静态个人博客
2016-10-17 16:42
399 查看
一、创建GitHub个人主页
通过GitHub创建个人博客的好处:无广告,因为页面代码全是你自己写的;免费,不用买主机;装X;设计和编码练习。1. 在GitHub上创建一个新的repository,名称格式为:GitHub用户名.github.io。比如我的GitHub用户名为openxxs,则创建的repository名为 openxxs.github.io
![](https://images2015.cnblogs.com/blog/678393/201610/678393-20161017075540123-1355786729.png)
创建好项目后,将项目clone到本地,添加静态页面文件(比如创建一个简单的index.html文件)后提交即可。此时可以通过 http://openxxs.github.io 这个域名访问个人主页了。
如果你不擅长写前端页面,或者懒得写,Github贴心地提供了网页模板。在项目主页上点击Settings进入设置页面,找到Overwrite site,点击Lauch automatic page generator,然后跟着步骤走即可。
![](https://images2015.cnblogs.com/blog/678393/201610/678393-20161017133742342-565460930.png)
官方参考戳这里。
二、购买GoDaddy域名
在GoDaddy上购买域名相比万网的好处是不需要各种审核,程序员只是写一写技术博客又不干非法的事。GoDaddy地址:https://dcc.godaddy.com。注册信息要好好保存,一年到期后续租还需要用到。
![](https://images2015.cnblogs.com/blog/678393/201610/678393-20161017135413592-606724510.png)
搜索框中输入域名查看是否可用。.org的域名第一年需要60¥,而.com的域名只要18.86¥。
Continue to Cart后会显示一些增值项目。个人建议购买隐私服务,否则邮箱、地址、电话号码之类的全部都会公开到网上,很容易被垃圾邮件轰炸。
![](https://images2015.cnblogs.com/blog/678393/201610/678393-20161017162220732-1093757806.png)
不建议购买GoDaddy的虚拟主机服务,价格一般而且很容易被墙。
第一年的价格很便宜,但第二年域名到期后还想继续用价格就升上去了,大部分域名服务商都是如此。
GoDaddy支持支付宝、银联卡和VISA等各种卡支付。
三、GitHub绑定GoDaddy域名
域名购买完成后,回到Github项目上,点击设置Settings,找到Custom domain,填入申请的域名,并保存。![](https://images2015.cnblogs.com/blog/678393/201610/678393-20161017163031185-331404823.png)
这个操作等同于在你的项目根目录下创建一个名为CNAME的文件,文件内容为你的域名。
然后回到GoDaddy的主页上(GoDaddy的主页友好度超烂),点击个人用户名,再点击Manage My Domains进入域名的列表页面。
![](https://images2015.cnblogs.com/blog/678393/201610/678393-20161017163242404-1255598175.png)
在Safari浏览器上点击域名的图标链接无法跳转=_=||,所以点击右上角的列表图标切换成列表形式。
![](https://images2015.cnblogs.com/blog/678393/201610/678393-20161017163434185-684058400.png)
然后点击域名的链接跳转到设置页面。通用设置按照默认的即可:
![](https://images2015.cnblogs.com/blog/678393/201610/678393-20161017164524623-75845136.png)
点击DNS Zone File进行DNS的设置,添加一条Host Record和一条CNAME Record,具体值如下图所示(为什么这个设置参考Github官方说明戳这里):
![](https://images2015.cnblogs.com/blog/678393/201610/678393-20161017164730295-1493651138.png)
![](https://images2015.cnblogs.com/blog/678393/201610/678393-20161017164749842-699829659.png)
然后等候DNS配置生效(1分钟左右),就可以通过www.openxxs.org来访问个人主页了~
参考文章戳这里。
相关文章推荐
- Jekyll和Github搭建个人静态博客
- 在 Github Pages 搭建的静态个人博客中添加 https 访问
- 使用GitHub + Hexo搭建个人博客(六)- GitHub配置域名(Godaddy)
- GitHub+Hexo搭建个人静态博客
- 使用Hexo搭建Github个人静态博客
- Hexo搭建Github Pages托管的静态个人博客
- 通过jekyll在Github 搭建个人博客
- 在Github 搭建个人博客(通过Github pages 或 jekyll)
- Pelican + Github 搭建静态个人博客
- 通过GitHub和Hexo来搭建自己的个人博客
- 通过GitHub和Hexo搭建个人博客
- Git github 初体验 之搭建静态个人博客
- Hexo+GitHub 搭建静态个人博客
- Hexo+Next搭建Github个人静态博客
- Hexo搭建Github Pages托管的静态个人博客
- 通过GitHub和Hexo搭建个人博客
- 使用GitHub + Hexo搭建个人博客(八)- Hexo异常:/usr/bin/env: node: 没有那个文件或目录
- 使用github搭建个人博客
- 使用GitHub + Hexo搭建个人博客(四)- 第1个Hexo项目