一.使用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
本地是這樣的
這樣就能實現本地的效果,人家也能預覽到啦。