如何直接访问github的html项目

我其实也是个刚刚入行没多久的新人,github玩的比较少,上次发了一篇文章,部门老大希望我在github上创建一个演示demo使文章更加有说服力。

当时就去查了许多资料,百度里说得各种天花乱坠,没点用,我只想说:
《如何直接访问github的html项目》

能不能有点公德心,像百度上什么什么认证的人都是胡说八道,回答的牛头不对马嘴。花了好多时间的都没有弄好。后面自己花了许多精力,终于弄好了!
前面抱怨了几句百度答案的坑爹,现在详细说一下github上做一个demo演示的步骤:

第一步:新建仓库

《如何直接访问github的html项目》

登陆之后,在首页右侧找到如图所示的New repository按钮,点击新建一个仓库

第二步:填写仓库说明

《如何直接访问github的html项目》

readme文档自己选择要不要,readme是一个markdown文档,可以在其中填写一些文字内容,展示在你的仓库页面

第三步:通过GitHub Desktop客户端上传demo文档

《如何直接访问github的html项目》

第四步:选择或创建一个本地仓库(用来同步到github.com)

《如何直接访问github的html项目》

第五步:第四部完成后左上角就出现了你刚在github.com上创建的仓库

《如何直接访问github的html项目》

第六步:将你的demo放在本地仓库里

《如何直接访问github的html项目》

第七步:打开Desktop客户端,点击Commit to master

《如何直接访问github的html项目》

第八步:点击右上角的publish发布

《如何直接访问github的html项目》

第九步:点击sync将demo文档同步到github.com上

《如何直接访问github的html项目》

第十步:在web端刷新,就可以看到你刚同步的demo

《如何直接访问github的html项目》

第十一步:点击index.html进入,复制该页地址

《如何直接访问github的html项目》

第十二步:在地址前加htmlpreview.github.io/?就可以访问了

《如何直接访问github的html项目》

完成

其实百度等地方有很多这种教程,但是有些不够详细或者太含糊,所以结合自己当时的尴尬经历,写了这一个在github上创建demo演示的文章,希望能够帮助到一些和我当时一样刚入行或还在学习的小青年吧!!

    原文作者:蹦蹦跳跳的小鱼人
    原文地址: https://segmentfault.com/a/1190000005153433
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞