如何直接訪問github的html項目

我其實也是個剛剛入行沒多久的新人,github玩的比較少,上次發了一篇文章,部門老大但願我在github上建立一個演示demo使文章更加有說服力。html

當時就去查了許多資料,百度裏說得各類天花亂墜,沒點用,我只想說:
圖片描述git

能不能有點公德心,像百度上什麼什麼認證的人都是胡說八道,回答的牛頭不對馬嘴。花了好多時間的都沒有弄好。後面本身花了許多精力,終於弄好了!
前面抱怨了幾句百度答案的坑爹,如今詳細說一下github上作一個demo演示的步驟:github

第一步:新建倉庫

圖片描述

登錄以後,在首頁右側找到如圖所示的New repository按鈕,點擊新建一個倉庫web

第二步:填寫倉庫說明

圖片描述

readme文檔本身選擇要不要,readme是一個markdown文檔,能夠在其中填寫一些文字內容,展現在你的倉庫頁面markdown

第三步:經過GitHub Desktop客戶端上傳demo文檔

圖片描述

第四步:選擇或建立一個本地倉庫(用來同步到github.com)

圖片描述

第五步:第四部完成後左上角就出現了你剛在github.com上建立的倉庫

圖片描述

第六步:將你的demo放在本地倉庫裏

圖片描述

第七步:打開Desktop客戶端,點擊Commit to master

圖片描述

第八步:點擊右上角的publish發佈

圖片描述

第九步:點擊sync將demo文檔同步到github.com上

圖片描述

第十步:在web端刷新,就能夠看到你剛同步的demo

圖片描述

第十一步:點擊index.html進入,複製該頁地址

圖片描述

第十二步:在地址前加htmlpreview.github.io/?就能夠訪問了

圖片描述

完成

其實百度等地方有不少這種教程,可是有些不夠詳細或者太含糊,因此結合本身當時的尷尬經歷,寫了這一個在github上建立demo演示的文章,但願可以幫助到一些和我當時同樣剛入行或還在學習的小青年吧!!學習

相關文章
相關標籤/搜索