通过GitHub和GoDaddy搭建静态个人博客
一、创建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来访问个人主页了~
参考文章戳这里。
通过GitHub和GoDaddy搭建静态个人博客的更多相关文章
- 使用 GitHub 和 Hexo 搭建个人独立博客
Wordpress这类博客系统功能强大,可对与我只想划拉的写点东西的人,感觉大材小用了.而且wp需要部署,网站的服务器也会带来问题,国内的服务器首先需要备案,费用不低:国外服务器访问速度受影响.近 ...
- Hexo搭建静态个人博客
Hexo简介 之前在Github上托管的博客就是使用jekyll搭建的,官方的Github Pages同样推荐使用它.我之前体验了一下jekyll,没有达到我想要的效果.于是寻找替代方案,搜索同类博客 ...
- Ubuntu下github pages+hexo搭建自己的博客
hexo 是一个基于Node.js的静态博客程序,可以方便的生成静态网页托管在github上.Hexo简单优雅, 而且风格多变, 适合搭建个人博客,而且支持多平台的搭建. 平台 Ubuntu14.04 ...
- 使用Github pages+jekyll搭建自己的博客(windows版)
最近突发奇想,想试试GitHub pages来搭建博客.网上一搜一大堆,嗯...看来还是挺简单的...于是自己撸起袖子干...... 结果对于我这种GitHub注册过,git 没用过,ruby.jek ...
- Github 结合 Hexo 搭建轻量博客
http://www.open-open.com/lib/view/open1481532171287.html 开始 Hexo 是一个快速.简洁且高效的博客框架.Hexo 使用 Markdown(或 ...
- 使用github和hexo搭建静态博客
获得更多资料欢迎进入我的网站或者 csdn或者博客园 终于写这篇文章了,这是我使用github和hexo搭建博客的一些心得,希望能给大家一点帮助.少走点弯路.刚接触github,只是用来存项目的版本, ...
- 如何搭建一个独立博客——简明Github Pages与Hexo教程
摘要:这是一篇很详尽的独立博客搭建教程,里面介绍了域名注册.DNS设置.github和Hexo设置等过程,这是我写得最长的一篇教程.我想将我搭建独立博客的过程在一篇文章中尽可能详细地写出来,希望能给后 ...
- 使用GitHub+hexo搭建个人独立博客
前言 使用github pages服务搭建博客的好处有: 全是静态文件,访问速度快: 免费方便,不用花一分钱就可以搭建一个自由的个人博客,不需要服务器不需要后台: 可以随意绑定自己的域名,不仔细看的话 ...
- 基于hexo+github搭建一个独立博客
一直听说用hexo搭建一个拥有自己域名的博客是很酷炫的事情~,在这十一花上半个小时整个hexo博客岂不美哉. 使用Hexo吸引我的是,其简单优雅, 而且风格多变, 适合程序员搭建个人博客,而且支持多平 ...
随机推荐
- [leetcode]256. Paint House粉刷房子(三色可选)
There are a row of n houses, each house can be painted with one of the three colors: red, blue or gr ...
- eclipse 安装lombok插件
下载lombok 下载地址:https://projectlombok.org/downloads/lombok.jar 或者访问官网下载 https://projectlombok.org/ 安装 ...
- zookeeper 服务挂掉重启后,dubbo 服务是不会自动重新注册上的
今天遇到一个问题: 系统初始有两个dubbo 服务 , A 和 B , 都是正常注册到zookeeper 上的, 但是zookeeper 服务机房 断电导致 服务宕机, 那就重启吧. 一切正常. 但是 ...
- 【轻松前端之旅】HTML的块元素、行内元素和空元素
块(block)元素 显示成一块,前后有换行.块元素常用于web页面的主要构造模块.例如:<div>,<p>,<h1>~<h6>,<blockqu ...
- boost--时间处理
date_time库的时间功能位于名字空间boost::posix_time,它提供了微妙级别(最高可达纳秒)的时间系统,使用需要包含头文件"boost\date_time\posix_ti ...
- 让IE8支持html5中的video标签
这是一篇综合几个前辈的解决方案. 使用video的时候,要遇到的问题. ①不兼容ie9及其以下版本 在<head>里添加两行, 参考张鑫旭前辈的博客,但是在ie8中薄播放. <!-- ...
- 1.8 新特性之 Lambda Expressions
Lambda expressions are allowed only at source level 1.8 or above The target type of this expression ...
- ScriptOJ-unique#89
一般做法 const unique = (arr) => { const result = arr.reduce((acc, iter) => { if(acc.indexOf(iter) ...
- 桌面应用开发之WPF动态背景
因为项目需要,在WPF开发的桌面应用中,登陆页面需使用动态背景.由于没有前端开发人员,所以由半吊子的后端开发人员根据效果图写前端xaml.去掉页面上边框,抽离动态背景设置代码: <Windo ...
- EBS CAS SSO测试
https://wiki.jasig.org/display/CAS/CASifying+Oracle+Portal https://wenku.baidu.com/view/5f110a85b9d5 ...