怎么在github上建立个人网站
发布网友
发布时间：2022-04-29 08:09
共2个回答
热心网友
时间：2022-04-21 08:37
1
首先需要拥有一个自己的域名，下面以GoDaddy为例，讲述如何购买一个个人域名。打开GoDaddy中文官网，如下图所示：
2
登录这个网站，如果没有账号，先创建账户，然后登录。搜索你想要的域名，如下图所示：
3
我买的域名是7元人民币，自己玩一下，没有必要买那么好的域名，如下图所示：
4
付款的时候选择国内更接地气的支付宝即可，如下图所示：
5
付款成功三分钟左右，域名准备工作就全部做好了。可以对域名进行管理了。现在先不设置，放在后面的步骤进行设置，如下图所示：
END
拥有一个GitHub账号
1
互联网崇尚自由与分享。GitHub是一个全世界程序员聚集起来的地方，大家互相分享自己的代码，提升别人，也提升自我。大家都在为着开源社区努力着。因为我从开源项目中学到很多知识，所以我也非常愿意分享我的所见所得所学。
如果没有GitHub账号就先去注册一个吧，有的话，直接登录即可，后面的操作都要用到GitHub。
END
GitHub上新建个人网站项目
1
新建一个仓库
登录GitHub之后，在页面右上角点击+加号按钮，点击New repository，如下图所示：
2
由于我们是新建一个个人网站项目，所有仓库的名称需要安装GitHub个人网站项目的规定来写。 规则就是：
YOUR-GITHUB-USERNAME.github.io
比如我的GitHub用户名是ganecheng，那我就要填写ganecheng.github.io。然后选择公开模式，接着点击创建仓库按钮，如下图所示：
3
创建成功之后，进入了项目主页面。点击设置按钮，如下图所示：
4
进入之后，滚动页面到下方。点击页面自动生成器按钮，如下图所示：
5
点击右下方继续去布局按钮，如下图所示：
6
选择一个模板，点击发布页面按钮。
这个时候，你就可以通过YOUR-GITHUB-USERNAME.github.io来访问此页面了，如下图所示：
END
上传个人网页到GitHub
1
自动生成页面，肯定不符合我们的要求，我们希望能够自己设计自己的个人网站。我们可以自己编写一个网页文件，命名为index.html。然后上传到GitHub个人网站项目上。这里为了节约时间，可以先下载我的个人网站项目代码，然后修改为你的网页上传到GitHub。
下面介绍详细步骤。
进入某个项目，然后下载源码。解压之后，拿到里面的index.html文件，如下图所示：
2
然后进入自己的个人网站项目主页YOUR-GITHUB-USERNAME/YOUR-GITHUB-USERNAME.github.io。点击上传文件按钮，进入上传文件页面，将index.html文件拖入蓝色大圈圈区域，点击提交按钮即可提交成功。此时打开网址YOUR-GITHUB-USERNAME.github.io就可以看到主页已经改变为我们自己的网页了，如下图所示：
END
域名CNAME到个人网站项目
网页上传成功了，我们不想一直通过YOUR-GITHUB-USERNAME.github.io来访问我们的个人网站，而是希望通过自己的域名来访问。
下面讲述详细步骤。
点击我们的个人网站项目设置选项卡，滚动到下面，就会发现一个自定义域名卡片。输入我们前面在GoDaddy上买的域名，然后点击保存，如下图所示：
接着我们还要将我们的域名解析到这个个人网站项目上。打开GoDaddy域名管理页面。点击右上角设置图标，点击管理DNS按钮。进入到DNS管理页面，如下图所示：
接着，点击添加一条域名解析记录，之前GoDaddy自动添加的没用的解析可以全部删掉，主机填写www，代表你是一级域名来访问，指向填写YOUR-GITHUB-USERNAME.github.io，然后点击保存按钮。稍等片刻，域名解析就会生效，如下图所示：
END
访问你的域名
1
所有这些步骤做完之后，在浏览器里输入自己的域名，回车键一按，就会返回我们刚刚上传到GitHub的index.html页面了。
这里只是入门了GitHub搭建个人网站的功能，GitHub官方推荐Jekyll博客系统来发布自己的页面。以后有数据更新，都可以通过Jekyll来重新编译整个网站，如下图所示
热心网友
时间：2022-04-21 09:55
