使用github pages建立免费的静态网站
来源:互联网 发布:手机会计记账软件 编辑:程序博客网 时间:2024/05/16 08:12
这是我放发在学校博客里面的文章,做个备份。
github 想必同学们都听说过,CSDN的主页以前也有过一些关于github开源项目的文章,这个号称程序员的Facebook有着很多高质量的项目,github就是为这些项目提供代码托管服务,你可以将自己做好的项目放到github上与大家共享,别人也可提出修改建议。
github page呢,就是为这些项目建立的一个自定义的首页来展示和介绍你的项目,代替默认的项目代码列表,所以标题上说构建静态网页,就是在这里下功夫啦。由于我也是刚开始接触,这里只是提供一种免费架设静态网站的思路,如果你本想花钱租用一个主机来测试自己平常做的静态网页,或者是与大家共享学习成果,那么,这个github page也完全适合你,而且免费哦~
首先你要有一个github的账号,并进入主页:
然后新建一个库(repositories)很多地方简称repo,如下图:
repo的名字最好是USER.github.com其中USER是你自己的ID。
点击最下面的那个“Creat repository”,然后根据下图圈点处操作:
我们开始让自己的项目生成一个github page的展示页:
下面是设置一些这个项目展示页的信息,可以先略过,以后再说,点击最下面的那个按钮:
选择一个你喜欢的主题:
这样就进入了生成项目的列表页,每个文件都是可以在线打开的。现在可以设置你的主页index.html了:
下面有编辑功能:
修改完后确认更改:
最后见证奇迹的时候到了,点击setting:
这个对应的网址就是你的网站首页啦:
如果你有自己的域名,就可以绑定上面的这个网址,而且可以让他显示为你自己的域名,我的域名解析服务放在了DNSpod上面,可以设置一下CNAME,让其指定的域名为USER.github.com,并且在repo根目录添加名为CNAME,内容为“www.yindongliang.com(这是我的域名)“,设置好自己试一试,应该就可以跳转过去了。
在repo里面新建CNAME文件:
下面就是已经简单修改好的网站,这里的网址可能只是近期有效,不一定我以后还会捣鼓成什么样,截个图先:
-------------------------------------------------------------------------------------------------------------
本文只是简单介绍了如何使用github page建立一个自己的静态网站,思想和方法应该都可以接受吧,但是不要以为做到这里就会玩github了,github的玩法要比这多得多,而且如果你要是想用github page做自己的博客网站的话,还需要很多的专业技术,要继续研究jekyll的用法,并且还要会用git bash使用一些命令来传输文件,这些东西我还没有弄透,况且也不打算继续将github page当做博客来玩,能放一些静态网页就够了,如果你真的对用github page做博客感兴趣的话,这里有一篇阮一峰的文章,http://www.ruanyifeng.com/blog/2012/08/blogging_with_jekyll.html,通过他的文章,相信你会对github的了解更多,而且会接触到更多的知识。那么下一步,应该就很明确了:去研究git吧,这里也提供一本相关的资料--蒋鑫的电子书gotgithub:http://www.worldhello.net/gotgithub/
- 使用github pages建立免费的静态网站
- 使用github page建立免费的静态网站和博客网站
- 使用GitHub Pages + Jekyll 搭建静态网站
- Github Pages+Hexo个人免费博客的建立(一)
- Github Pages+Hexo个人免费博客的建立(二)
- Github Pages+Hexo个人免费博客的建立(三)
- GitHub Pages上使用Hexo框架建立静态博客
- github Pages:利用github仓库做免费服务器储存,建立个人网站
- 如何使用Hexo建立自己的Github Pages博客
- 用github pages发布静态网站
- github pages + jekyll 构建静态网站
- 在win10子系统ubuntu平台下使用jekyll和github pages搭建自己的静态博客网站
- 使用GitHub Pages建立个人博客
- 使用 Github Pages + Hexo 建立博客
- 使用Hexo在GitHub Pages上搭建部署免费的个人博客网站(上:GitHub搭建)——最详细全面解读教程(没有之一)
- 通过github建立免费的个人网页(纯静态)
- GitHub Pages 建立
- 使用Hexo在GitHub Pages上搭建部署免费的个人博客网站(下:Hexo部署)——最详细全面解读教程(没有之一)
- MotionEvent事件在onInterceptTouchEvent()、onTouchEvent()中的传递顺序
- 遇到问题-----------getJSON为什么不能给外部变量赋值?或者getJson赋值无效
- 个人管理脑图
- 通过实例学习Struts2 - 从struts-blank开始 (3)
- 排序总结(源代码)(增加单链表快排)
- 使用github pages建立免费的静态网站
- android之Fragment(官网资料翻译)
- 璇月汐烟 雪芊漪若
- C++运算符优先级表
- 48.微软,偏移数组中找数
- 百度2014校园招聘-研发工程师笔试题(济南站)
- FileReader and FileWriter
- 时光荏苒
- 输入几个数,输出数组,多参数于 print 输出