一、github預(yù)覽
新建一個(gè)倉庫恕出,新建html文件,點(diǎn)擊上面的Settings违帆。
往下滑動到:
那個(gè)鏈接后面加上你要展示的html文件路徑浙巫,也就是輸入:
http://<username>.github.io/<從倉庫到你要展示的html文件路徑>
。就可以看到你的預(yù)覽頁面刷后。不需要新建gh-pages分支5某搿!尝胆!
二丧裁、coding預(yù)覽
1.登錄 Coding.net,創(chuàng)建一個(gè)項(xiàng)目含衔。
2.在本地創(chuàng)建一個(gè)項(xiàng)目文件夾煎娇,添加一個(gè)測試用的 index.html 文件二庵。
3.將項(xiàng)目文件夾初始化為 Git 版本庫,提交 index.html 到版本庫逊桦,并為項(xiàng)目添加遠(yuǎn)程倉庫地址眨猎。
git init
git add index.html
git commit -m 'init'
git remote add origin git@git.coding.net:{user_name}/{project_name}
若添加遠(yuǎn)程倉庫地址的時(shí)候,報(bào)如下錯(cuò)誤:
執(zhí)行:
git remote rm origin
强经。4.在本地創(chuàng)建一個(gè) coding-pages 分支,切換到該分支寺渗。
git checkout -b coding-pages
5.將 coding-pages 分支推送到 Coding.net匿情。
git push origin coding-pages
6.在項(xiàng)目的「Pages 服務(wù)」設(shè)置中,選擇部署來源為 coding-pages 分支信殊,點(diǎn)擊「保存」按鈕炬称。 稍等片刻即可完成部署并通過 {user_name}.coding.me/{project_name} 訪問您的網(wǎng)站。
三涡拘、部署vue文件
執(zhí)行npm run build
(npm run dev
只是本地環(huán)境)玲躯,會把index.html文件生成出來。把dist的生成文件都提交到github/coding上去鳄乏。在你的url上面加上/dist
目錄就好了跷车。