开篇语

为了给我学妹（or 徒弟？）做一个稍微系统一点的学习路径规划，我打算学我的学长一样的写一个网站把她丢进去自生自灭（此处，并非是抛弃，仅仅是加强她的自学能力，当然，也是给自己找点项目实战一下子）。想了蛮久，要用服务器写一个呢，还是用之前一直没用上的GitHub Pages 做一个类似博客的网站展示，两者都有各自的好处，服务器的是便于管理，当然GitHub也很方便，但是我并不太喜欢一直commit；但是GitHub Pages又有个自带域名的好处，所以我在纠结，然后，偶然间翻出了当初一开始入坑的时候学长给我的他的网站（made by GitHub Pages )不知道还能不能进去，反正我能进去，学妹进不去，这也是我今天写这篇文章的原因。。。

正文

学长的网站长这样

学长还是学长，我还是远远不如的，他这个使用jekyll写的，也就是Github Pages官方推荐的格式，我那个是用传统的静态网页模式来做的，所以总感觉，技术含量不在一个层面上。下面是我的网站

我的网站长这样

总感觉自己放图放的很没品味，好吧，我是直接找的模板，然后把内容嵌进去的。所以，懒得换图了。当然，第二页用了我自己随手找来的几张图，也是放出来溜溜，不然没法体现我的品味-----

The Next Page

进入正正文

最终，我选择了用GitHub Pages建立一个网站，也是最快最简单的。下面是我的步骤，当然，我直接假设我是一个没有注册Github的用户来给大家展示步骤：

1. 注册一个GitHub账户
   注册以后，如图

   
   github注册之后，点击右上角头像进入你的主页，点击your profile进入代码仓库

2. 进入仓库，也就是那个repositories 的选项，新建一个代码仓库

   
   点击如图选项，新建

关键来了！！记住名字一定要是“你注册的用户名+github.io”

就好比我的就是 ** HustWolfzzb.github.io **这个贼重要了。一定要记住

3. 然后随手找一些网站模板，或者是博客模板，我在这儿把我找的那个地方推荐上来，也算是报答了借用之恩～～2014年100个免费HTML网页模板下载使用 – 欲思博客
   进入如图

4. 然后找个编辑器，进去网页文件把里面的内容改的面目全非就是了。当然，你改了之后 应该是没有人家原来那么高的逼格的，我用我的亲身经历告诉大家，模板虽好，但是要慎用，选择一个不合适的真的写起来蛋疼

   
   网页编辑的时候，其实内容不多的话。还是蛮快的，我算时间没把这一部分算进去，你要真算的话，这儿我能写一个月
5. 然后，进入你建立的以 .github.io结尾的代码仓库，然后选择上传文件
   如图所示
   对了，如果有文件夹要一起上传的话，这样操作，选择旁边的创建文件，然后再文件的时候输入一个路径格式，这样会自动创建你的文件夹，然后你创建一个空的文件就行了，反正不干扰。输入栏中输入文件夹名+／即可，我这个fonts就这么产生的。
   输入栏中输入文件夹名+／即可，我这个fonts就这么产生的
6. 享受战斗果实的时候来了。这里直接采用官方文档中的一个说法好了
   如图
   打开浏览器，输入你的Pages 就可以看到你的网站啦。我在这儿秀一把我自己作出来的网站～～
   my website for Lang Yan

结束语

GitHub Pages这个东西的原本作用是用来做项目展示，所以，对于没必要使用的同学，或者纯粹想拿这个装逼的人，还是别去占用这些资源了，这东西其实技术含量你看到了也就这样了，识货的人一眼看得出来的。我后面也不会对这个进行开放，吃不了多少资源，而且到时间就把它撤掉。

个人宣言

知识传递力量，技术无国界，文化改变生活！