GitHub搭建个人网站

前言

本来想自己琢磨整一个服务器来搭建个人网站的。

然后因为阿里云没有学生活动，腾讯云学生验证的时候用微信实名验证了导致无法参与。

因为囊中羞涩，其他那些知名的云服务器又不舍得花钱租。

不过最后还是想到了一个出路，我是做前端嘛，主要找个平台给我放放网站什么的就好了。还不用苦恼怎么搭建后台。

发现github pages是个好方法。遗憾的是因为只是给你放放网页的原因所以你也就只能做做静态网页。对我来说就先这样吧，因为不确定是不是三分钟热度。所以也就先弄着，等到后面实在需要动态网页的时候再去整个云服务器来。

GitHub基础

因为上课的时候实验有需求所以已经将GitHub账号弄好了。

然后个人电脑是windows平台，因此需要装个电脑版的git来方便推送到GitHub上。这个因个人而异，有些人喜欢图形化界面的话GitHub有提供github desktop。

搭建一个特殊的仓库

其实网上也有很多这样那样的教程，发现他们都过于复杂了点。因为他们还囊括了其他东西，本文目的很简单，就是让你电脑上的一个html文件能够放到外面服务器上并且被访问到。不关心你html写的如何如何。

最简单的方法就是官方提供的方法。

不过担心有的朋友无法访问或者懒得去寻找（无法访问？你走吧...别想着这个方式搭网站了）

我在这提供了原地址与部分教程

GitHub Pages

总而言之，第一步：

建立一个名为username.github.io的仓库，这里划重点啊，username真的是你的GitHub名字，而不是自己瞎取。（虽然我不知道瞎取行不行）

image.png
（来自官方教程的截图，注意到username是对应的）

第二步

这一步注意目的就是将你先建的这个远程仓库和你电脑上的本地仓库关联起来

有很多方式，装了git的用命令行，装了GitHub desktop的用这个。

拿命令行举例

命令行选好自己目标文件夹的位置后，将远程仓库内容克隆到本地仓库

git clone https://github.com/username/username.github.io
接下来进入到克隆好的仓库，并且新建内容为hello world，名为index的html文件（注意空格哦），这里的index.html就是你到时候打开的网页。其他的命名都不行（我试过了）

cd username.github.io
echo "Hello World" > index.html
最后将这个index.html推到GitHub上

git add --all
git commit -m "Initial commit"
git push -u origin master
等一会，访问http://username.github.io.这个网址就能看到你的hello world了。

不过要等一阵子，我一开始以为失败了，一直是404。过会了就成功了。