在github部署html有兩種方式
第一種：GitHub pages 的方式
GitHub Pages也有多種方式，可以參考官網(wǎng) ：https://pages.github.com/ 貌嫡，我這里講解GitHub Pages的其中一種方式比驻。
1该溯、在github倉(cāng)庫(kù)中點(diǎn)擊Settings
2、進(jìn)入Settings頁(yè)面后嫁艇，向下滾動(dòng)朗伶，找到 GitHub Pages弦撩，如下圖步咪。然后點(diǎn)擊 Choose a theme 按鈕。
3益楼、選擇一個(gè)主題猾漫，點(diǎn)擊 Select theme 按鈕，我這里選擇的是 MINIMAL 主題感凤。
4悯周、回到倉(cāng)庫(kù)的 Settings 里面，就會(huì)看到 GitHub Pages 里面會(huì)有下圖紅框的東西陪竿。
5禽翼、點(diǎn)擊上圖的紅框中的地址，會(huì)進(jìn)入下圖的這個(gè)頁(yè)面族跛。
這個(gè)頁(yè)面中闰挡，是展示項(xiàng)目的topic和README文件內(nèi)容。
如果我們要訪問(wèn)某個(gè)html文件(如果 有多個(gè)的話)礁哄，比如我這里要訪問(wèn)某個(gè)頁(yè)面长酗，只需要在https://yulegh.github.io/vue-element-test/鏈接后加入對(duì)應(yīng)的html相對(duì)路徑即可。
6桐绒、訪問(wèn)某個(gè)html示例 ： https://yulegh.github.io/vue-element-test/dialog/notification/notification.html夺脾，這個(gè)文件在項(xiàng)目中的位置如下圖所示。
7茉继、如果想要在這個(gè)項(xiàng)目中加上主頁(yè)咧叭，而不需要使用主題（即第5步的頁(yè)面）當(dāng)主頁(yè)，那就在項(xiàng)目下建一個(gè) index.html 頁(yè)面即可烁竭，我這里訪問(wèn) https://yulegh.github.io/vue-element-test/ 菲茬，就會(huì)顯示index.html的內(nèi)容。也就是說(shuō)可以搭建自己的主頁(yè)颖变。
第二種：使用 https://htmlpreview.github.io/?
1生均、找到想要預(yù)覽的html地址，如下圖
2腥刹、然后在這個(gè)地址前加上 https://htmlpreview.github.io/?马胧，即訪問(wèn)地址為：https://htmlpreview.github.io/?https://github.com/yuleGH/vue-element-test/blob/master/dialog/notification/notification.html，效果如下圖衔峰。
這種方式感覺(jué)不太穩(wěn)定佩脊，console里面也會(huì)報(bào)錯(cuò)蛙粘，所以建議采用 GitHub Pages 方式。
參考
https://www.bbsmax.com/A/WpdKMxn1JV/
https://docs.github.com/en/pages/quickstart
