最近用angular2+webpack+primeNg 開發了一個項目,由于內網不能給別人訪問,于是想到了放到github 上面給別人訪問。在這里記錄一下放上去遇到一下問題
1、第一步
首先你得開發有一個項目,在github 上面建立一個庫 master ,并且下拉來,在這個項目中去構建寫上的項目代碼,寫完以后提交到你的github 上面,這些是一些基本的用法了,就是用github 管理你的項目,不懂的自行找文章去了解。
2、第二步
當我們有一個靜態項目以后怎么搞成想用github 博客一樣的用呢?
1、在本項目中創建一個分支 ?gh-pages ,(名字就是這個 不要順便亂取,因為這個名字就是github 專門給靜態網站用的),創建并且提交到遠程庫中,
2、接下來進入setting 中,選擇gh-pages branch 分支并且保存,就會得到上面你的博客地址 ?這個地址很重要。項目訪問地址就是這個。
3、在接下來就是build 你的項目了,運行下面命令, ?這個時候要注意一下 , ?上面為什么說要這個鏈接很重要呢?因為一會要提交的時候還有一個鏈接不要混淆。
ng build --prod --base-href "https://fb783303646.github.io/Card"
4、build ?項目后 會在項目中有一個dist 的文件,執行下面命令進入dist 文件中,把這個文件夾創建一個init ,就是把這個變成一個mater
cd ./dist
git init
git add .
git commit -m "提交的描述"
git push --force --quiet "https://github.com/fb783303646/Card" ?master:gh-pages
注意:git push --force --quiet "https://github.com/fb783303646/Card"? master:gh-pages ? 中的鏈接是你的這個項目的倉庫地址