开篇语
为了给我学妹(or 徒弟?)做一个稍微系统一点的学习路径规划,我打算学我的学长一样的写一个网站把她丢进去自生自灭(此处,并非是抛弃,仅仅是加强她的自学能力,当然,也是给自己找点项目实战一下子)。想了蛮久,要用服务器写一个呢,还是用之前一直没用上的GitHub Pages 做一个类似博客的网站展示,两者都有各自的好处,服务器的是便于管理,当然GitHub也很方便,但是我并不太喜欢一直commit;但是GitHub Pages又有个自带域名的好处,所以我在纠结,然后,偶然间翻出了当初一开始入坑的时候学长给我的他的网站(made by GitHub Pages )不知道还能不能进去,反正我能进去,学妹进不去,这也是我今天写这篇文章的原因。。。
正文
学长的网站长这样学长还是学长,我还是远远不如的,他这个使用jekyll写的,也就是Github Pages官方推荐的格式,我那个是用传统的静态网页模式来做的,所以总感觉,技术含量不在一个层面上。下面是我的网站
我的网站长这样
总感觉自己放图放的很没品味,好吧,我是直接找的模板,然后把内容嵌进去的。所以,懒得换图了。当然,第二页用了我自己随手找来的几张图,也是放出来溜溜,不然没法体现我的品味-----
The Next Page进入正正文
最终,我选择了用GitHub Pages建立一个网站,也是最快最简单的。下面是我的步骤,当然,我直接假设我是一个没有注册Github的用户来给大家展示步骤:
-
注册一个GitHub账户
注册以后,如图
github注册之后,点击右上角头像进入你的主页,点击your profile进入代码仓库 -
进入仓库,也就是那个repositories 的选项,新建一个代码仓库
点击如图选项,新建
关键来了!!记住名字一定要是“你注册的用户名+github.io”
就好比我的就是 ** HustWolfzzb.github.io **这个贼重要了。一定要记住
- 然后随手找一些网站模板,或者是博客模板,我在这儿把我找的那个地方推荐上来,也算是报答了借用之恩~~2014年100个免费HTML网页模板下载使用 – 欲思博客
进入如图 -
然后找个编辑器,进去网页文件把里面的内容改的面目全非就是了。当然,你改了之后 应该是没有人家原来那么高的逼格的,我用我的亲身经历告诉大家,模板虽好,但是要慎用,选择一个不合适的真的写起来蛋疼
网页编辑的时候,其实内容不多的话。还是蛮快的,我算时间没把这一部分算进去,你要真算的话,这儿我能写一个月 - 然后,进入你建立的以 .github.io结尾的代码仓库,然后选择上传文件
如图所示
对了,如果有文件夹要一起上传的话,这样操作,选择旁边的创建文件,然后再文件的时候输入一个路径格式,这样会自动创建你的文件夹,然后你创建一个空的文件就行了,反正不干扰。输入栏中输入文件夹名+/即可,我这个fonts就这么产生的。
输入栏中输入文件夹名+/即可,我这个fonts就这么产生的 - 享受战斗果实的时候来了。这里直接采用官方文档中的一个说法好了
如图
打开浏览器,输入你的Pages 就可以看到你的网站啦。我在这儿秀一把我自己作出来的网站~~
my website for Lang Yan
结束语
GitHub Pages这个东西的原本作用是用来做项目展示,所以,对于没必要使用的同学,或者纯粹想拿这个装逼的人,还是别去占用这些资源了,这东西其实技术含量你看到了也就这样了,识货的人一眼看得出来的。我后面也不会对这个进行开放,吃不了多少资源,而且到时间就把它撤掉。
个人宣言
知识传递力量,技术无国界,文化改变生活!
网友评论