前言
當我們完成對前端Html頁面的開發(fā)工作想把頁面分享給其他人查看與使用時痪寻,我們需要把頁面部署到公網(wǎng)服務器上,對于處于學習階段的個人開發(fā)者來說做盅,購買云服務器的成本有些高最冰,把自己的電腦暴露向公網(wǎng)又有些得不償失,那么沒有有除了以上兩種方案的第三種可能呢猖闪?答案是肯定的鲜棠,借助Github的github.io,我們可以很容易的實現(xiàn)部署開發(fā)Html頁面到公網(wǎng)培慌。
創(chuàng)建倉庫
第一步豁陆,我們需要把npm run build產(chǎn)生的dist目錄與index.html存入一個目錄,并進行Git初始化吵护。
第二步盒音,通過github的客戶端,把本地git倉庫添加到我們的GitHub馅而。
第三步祥诽,提交代碼到Github。
第四布瓮恭,在Github上創(chuàng)建gh-pages分支雄坪。
第五步,將代碼提交到gh-pages分支屯蹦。
第六步维哈,通過github.io查看效果。查看地址為https://github用戶名.github.io/工程名登澜。