码迷,mamicode.com
首页 > 其他好文 > 详细

如何在github上展示作品——为你的项目生成一个快速访问的网址如(DaisyWang88.github.io)

时间:2016-05-07 18:13:07      阅读:144      评论:0      收藏:0      [点我收藏+]

标签:

  (这里值针对Windos系统的,因为本人用的是Window系统,暂时没有条件在其他平台上测试)
 
1.创建一个仓库命名为 <userName>.github.io 这里的userName为用户名,一般是你注册时的用户名。比如个人主页的网址是https://github.com/DaisyWang88。那这里的userName就是DaisyWang88。
技术分享
 
2.将DaisyWang88.github.io这个仓库生成静态网页。
 
             进入DaisyWang88.github.io,点击设置按钮“Settings”。
技术分享
 
     往下拉,如图会看到技术分享这个按钮。这是给你的DaisyWang88.github.io生成一个静态网页。
技术分享
 
     填写“Page name”和“Tagline”根据自己的喜好填写。
技术分享
 
     往下拉, 点击“Continue to layouts”
技术分享
        跳转到新的页面之后,点击“Publish page”,主题什么的的无所谓。现在就可以通过username.github.io(这里是DaisyWang88.github.io)访问了,但只能看到主题的效果。如下图给的主题效果。
技术分享
   而且DaisyWang88.github.io这个仓库里会多出,主题的html、css、json等 代码。而且从index.html文件开始运行。
 
如果要用来展示自己写的网页或者作品,就需要替换或者改写这些代码了。
 
3.clone 远程代码库到本地,写自己的网页。(至于怎么clone就不细说了,这里可以参考https://segmentfault.com/a/1190000000738398,github具体的一些操作及git命令可以参考http://my.oschina.net/bxxfighting/blog/378196?fromerr=fdYQv17q
 
      我这里给DaisyWang88.github.io的本地仓库添加一个自己写的index.html(注意这里必须是index.html,默认是从这个开始执行的)文件,add——commit——push之后,就可以访问自己写的网页了。在地址栏输入:DaisyWang88.github.io或者daisywang88.github.io或者http://daisywang88.github.io/,就可以访问自己写的网页了。可以放上自己的作品在这里。
        我这里的index.html是一个手风琴效果,如图:

技术分享

   还可以做像这样的形式展示自己的作品:

技术分享

如何在github上展示作品——为你的项目生成一个快速访问的网址如(DaisyWang88.github.io)

标签:

原文地址:http://www.cnblogs.com/DaisyWang/p/5468761.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!