图解利用GitHub搭建个人网站

本篇经验将和大家介绍如何利用GitHub搭建个人网站，希望对大家的工作和学习有所帮助！

拥有一个域名

1、首先需要拥有一个自己的域名，下面以GoDaddy为例，讲述如何购买一个个人域名。打开GoDaddy中文官网，如下图所示：

3、我买的域名是7元人民币，自己玩一下，没有必要买那么好的域名，如下图所示：

5、付款成功三分钟左右，域名准备工作就全部做好了。可以对域名进行管理了。现在先不设置，放在后面的步骤进行设置，如下图所示：

2、由于我们是新建一个个人网站项目，所有仓库的名称需要安装GitHub个人网站项目的规定来写。规则就是：鳔柩寞泷YOUR-GITHUB-USERNAME.github.io比如我的GitHub用户名是ganecheng，那我就要填写ganecheng.github.io。然后选择公开模式，接着点击创建仓库按钮，如下图所示：

4、进入之后，滚动页面到下方。点击页面自动生成器按钮，如下图所示：

6、选择一个模板，点击发布页面按钮。这个时候，你就可以通过YOUR-GITHUB-USERNAME.github.io来访问此页面了，如下图所示：

2、然后进入自己的个人网站项目主页YOUR-GITHUB-USERNAME/YOUR-GITHUB-USERNAME.github.io。点击上传文件按钮，进入上传文件页诹鬃蛭镲面，将index.html文件拖入蓝色大圈圈区域，点击提交按钮即可提交成功。此时打开网址YOUR-GITHUB-USERNAME.github.io就可以看到主页已经改变为我们自己的网页了，如下图所示：

2、接着我们还要将我们的域名解析到这个个人网站项目上。打开GoDaddy域名管理页面。点击右上角设置图标，点击管理DNS按钮。进入到DNS管理页面，如下图所示：

访问你的域名

1、所有这些步骤做完之后，在浏览器里输入自己的域名，回车键一按，就会返回我们刚刚上传到GitHub的index.html页面了。这里只是入门了GitHub搭建个人网站的功能，GitHub官方推荐Jekyll博客系统来发布自己的页面。以后有数据更新，都可以通过Jekyll来重新编译整个网站，如下图所示：