一、创建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搭建静态个人博客的更多相关文章

  1. 使用 GitHub 和 Hexo 搭建个人独立博客

      Wordpress这类博客系统功能强大,可对与我只想划拉的写点东西的人,感觉大材小用了.而且wp需要部署,网站的服务器也会带来问题,国内的服务器首先需要备案,费用不低:国外服务器访问速度受影响.近 ...

  2. Hexo搭建静态个人博客

    Hexo简介 之前在Github上托管的博客就是使用jekyll搭建的,官方的Github Pages同样推荐使用它.我之前体验了一下jekyll,没有达到我想要的效果.于是寻找替代方案,搜索同类博客 ...

  3. Ubuntu下github pages+hexo搭建自己的博客

    hexo 是一个基于Node.js的静态博客程序,可以方便的生成静态网页托管在github上.Hexo简单优雅, 而且风格多变, 适合搭建个人博客,而且支持多平台的搭建. 平台 Ubuntu14.04 ...

  4. 使用Github pages+jekyll搭建自己的博客(windows版)

    最近突发奇想,想试试GitHub pages来搭建博客.网上一搜一大堆,嗯...看来还是挺简单的...于是自己撸起袖子干...... 结果对于我这种GitHub注册过,git 没用过,ruby.jek ...

  5. Github 结合 Hexo 搭建轻量博客

    http://www.open-open.com/lib/view/open1481532171287.html 开始 Hexo 是一个快速.简洁且高效的博客框架.Hexo 使用 Markdown(或 ...

  6. 使用github和hexo搭建静态博客

    获得更多资料欢迎进入我的网站或者 csdn或者博客园 终于写这篇文章了,这是我使用github和hexo搭建博客的一些心得,希望能给大家一点帮助.少走点弯路.刚接触github,只是用来存项目的版本, ...

  7. 如何搭建一个独立博客——简明Github Pages与Hexo教程

    摘要:这是一篇很详尽的独立博客搭建教程,里面介绍了域名注册.DNS设置.github和Hexo设置等过程,这是我写得最长的一篇教程.我想将我搭建独立博客的过程在一篇文章中尽可能详细地写出来,希望能给后 ...

  8. 使用GitHub+hexo搭建个人独立博客

    前言 使用github pages服务搭建博客的好处有: 全是静态文件,访问速度快: 免费方便,不用花一分钱就可以搭建一个自由的个人博客,不需要服务器不需要后台: 可以随意绑定自己的域名,不仔细看的话 ...

  9. 基于hexo+github搭建一个独立博客

    一直听说用hexo搭建一个拥有自己域名的博客是很酷炫的事情~,在这十一花上半个小时整个hexo博客岂不美哉. 使用Hexo吸引我的是,其简单优雅, 而且风格多变, 适合程序员搭建个人博客,而且支持多平 ...

随机推荐

  1. time模块的使用

    https://www.cnblogs.com/jimmy-share/p/10605575.html import time 一.方法汇总: time.sleep():定时函数 time.time( ...

  2. Head First Servlets & JSP 学习笔记 第七章 —— 作为JSP

    <%@ …… %> 这是指令 <%@ page ……import="java.util.Date" %> 这是page指令,import是page指令的一个 ...

  3. python 03 字符串详解

    1.制表符 \t str.expandtabs(20) 可相当于表格 2.def   isalpha(self) 判断是否值包含字母(汉字也为真),不包含数字 3.def   isdecimal(se ...

  4. AutoCAD开发4--添加块)

    Private Sub CommandButton3_Click() Dim pInsertPnt As Variant 'pInsertPnt(0) = 100.5141: pInsertPnt(1 ...

  5. 部署文档(centos7.x\nginx\mysql5.6\jdk1.8\ssl\jboot)

    部署文档(centos7.x\nginx\mysql5.6\jdk1.8\ssl\jboot) 1.基础环境********************************************** ...

  6. python_day12_html

    目录: 简单web的服务器代码 html简介 html常用标签 一.简单web的服务器代码 1.简单python服务器代码: import socket def main(): sock = sock ...

  7. ----一个roadmap----

    在课上了解到了学web前端三个基础,HTML.CSS.JS 从HTML开始,逐步学习CSS.JS 大致写了一个roadmap(应该是roadmap喔 就是这样,以后可能会来更错或者更新 对没错我来更错 ...

  8. Android 常用RGB值以及中英文名称

    Android 常用RGB值以及中英文名称   Android   常用 RGB值以及中英文名称     颜   色     RGB 值 英文名 中文名     #FFB6C1 LightPink 浅 ...

  9. C# 创建Dll文件供程序调用方法

    C# 创建Dll文件供程序调用方法 使用C#创建动态Dll文件方法: 1.  在VS2017环境下,新建-项目-选择类库类型: 2. 新创建一个.cs文件(如test.cs),编写代码如下: usin ...

  10. LOJ-10100(割点个数)

    题目链接:传送门 思路: 就是求割点的个数,直接Tarjan算法就行. 注意输入格式(判断比较水). #include<iostream> #include<cstdio> # ...