how to publish to github pages?

Question

i am having trouble understanding some basic instructions on publishing to github pages. There is a new way to publish Angular projects made with Angular Cli; i am following directions from this page on the new command, angular-cli-ghpages:

Execute angular-cli-ghpages in order to deploy the project with a build from dist folder.
Note: you have to create the dist folder in before (e.g. ng build --prod)

Usage:

ng build --prod --base-href "https://USERNAME.github.io/REPOSITORY/"
angular-cli-ghpages [OPTIONS]

I created a dist folder for my project, and then run the ng build code. The terminal shows all the chunks have rendered, but i cannot find a link to the github page. I look in my repository on github and it is as if nothing has happened. Is this because i need to cd into a specific folder to execute angular-cli-ghpages? Here is my repo, I would appreciate very much any help.

Answer 1

I was successfully able to push to github pages using command

angular-cli-ghpages --repo=https://github.com/parthghiya/testrepo.git --name=parthghiya [email protected] --no-silent

Repo Link : https://github.com/parthghiya/testrepo

I did ng build --prod --base href .

Steps i Did :

1. Generated My SSH & Added it.

https://help.github.com/articles/connecting-to-github-with-ssh/

2. Executed the push command.

Edit :

To Add more than one folders

Create folder parallel to assets, i created 2 folders Parth & Ghiya. Then added following entry in angular-cli.json

"assets": [
        "assets","parth","ghiya",
        "favicon.ico",
        "manifest.json"
      ],

So the dist folder now contains 3 folders now assets, parth & ghiya. Then executed the above push command as earlier.

Answer 2

The option to deploy to github via the angular cli was removed.

See this change