如何通過gh頁使Web項目可用？

Question

我在https://github.com/yeoman/generator-angular的頂部創建了一個簡單的Web項目。

這產生了一個具有Bower和Grunt支持的出色項目環境，其中.js，.html和.css文件位於名為“ app”的文件夾內（類似於https://github.com/jgatjens/angular-pokemon的結構） ）。

一切都在本地主機上運行良好。 我運行命令代碼（發牢騷），它開始運行到瀏覽器中。 但是，我無法在線提供相同的內容。

重要的是要強調一點， 我不想 “正式發布”， 我只想能夠將鏈接發送給我的朋友，這樣他們就可以嘗試（就像用戶一樣）並就此給我反饋。

我不是在談論共享代碼。 我只想讓它對用戶可用，一旦完成就可以使用。

例如，如果我轉到https://ng-pokemon.firebaseapp.com ，則可以嘗試使用https://github.com/jgatjens/angular-pokemon存儲庫中的內容。

如何使用gh-pages使子文件夾項目可用？ （在這種情況下，為“ / app”）

關於我該怎么做的任何線索？

我只是一個在使Web項目可用方面沒有太多經驗的愛好者。

在此先感謝Roger。

Answer 1

Atlassian的Bitbucket為小型團隊免費提供Git的無限制私人托管。 我過去曾將它們用於各種私人項目。

https://bitbucket.org/

如果您希望您的朋友僅查看一些代碼並提供反饋，那么與他們共享一個秘密要領可能比設置整個倉庫要容易得多。

https://gist.github.com/

編輯：由於您實際上是在尋找托管而不是共享代碼，因此您將需要找到托管解決方案。

Answer 2

我最終弄清楚了在子文件夾結構中構建的項目應該怎么做。 順便說一句，這是yeoman項目中的標准。

畢竟，我發現gh-pages可以提供服務 。 為此，我需要：

1-為構建項目的子文件夾創建一個子樹，並將其推送到gh-pages分支。

git checkout master # you can avoid this line if you are in master...
git subtree split --prefix dist -b gh-pages # create a local gh-pages branch      containing the splitted output folder
git push -f origin gh-pages:gh-pages # force the push of the gh-pages branch to the remote gh-pages branch at origin
git branch -D gh-pages # delete the local gh-pages because you will need it: ref

2-之后， http 。： //username.github.io/projectname頁面鏈接已經標識了index.html頁面。 但是，我仍然缺少Bower自動創建的庫引用。 因此，只需將文件夾bower_components復制並粘貼到“ / app”文件夾中即可。

3-我再次對分支進行了更新，它運行良好。

ps_1：也許如果我必須添加一個新庫，則需要將其從外部bower_components手動復制到內部bower_components。

ps_2：我還創建了一個艱巨的任務來促進進一步的部署：

grunt.task.registerTask('push-pages', function(){
   var shell = require('shelljs');
    shell.exec('git subtree split --prefix docs -b gh-pages');
    shell.exec('git push -f origin gh-pages:gh-pages');
    shell.exec('git branch -D gh-pages')
});

因此，我只運行了“ grunt push-pages”，完成了GitHub頁面上的更新。

ps_2.1：要做的是“ shelljs”。 就我而言，我將其添加到npm package.json上，以確保我永遠不會忘記它。

它不是地球上最好的解決方案，但效果很好=）。

字體： https ： //gist.github.com/cobyism/4730490