使用Git GUI,上傳項目到github,並實現預覽功能


 

 

 

一.使用GUI,上傳項目到GitHub

(GUI是啥,不做過多贅述,可百度了解)

步驟:

1.打開GUI,新建一個倉庫,demo

2.在編輯器中,編寫相關代碼,比如添加1.html文件,文件內容為“hello world”

3.在GitHub上創建一個倉庫,demo

 

 4.查看GUI,點擊rescan,可以發現多了1.html文件,接着點擊stage changed

5.填寫相關提交信息,點擊commit

6.點擊remote,選擇add

填寫GitHub上的相關信息

成功連接

7.將代碼push到遠程上面,點擊push

push成功

此時,GitHub上增加了一個1.html文件

 

 二.實現在GitHub上效果的預覽

通常我們所看到的的基本就是上述push后的結果,發現點進去相應的html文件顯示出來的是代碼,而不是自己想在網上看到自己倉庫中的demo(也就是網頁的效果)。那么我們有沒有辦法預覽項目中的html網頁呢?好在github已經推出了 GitHub Pages 功能,讓大家方便的預覽自己的 HTML。

1.進入settings

2.選擇master branch 點擊save

此時,得到一個地址,我的地址是 https://941117pml.github.io/demo/.

3.上述地址,加上html頁面,就可以實現預覽了 https://941117pml.github.io/demo/1.html

本地是這樣的

這樣就能實現本地的效果,人家也能預覽到啦。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM