Search code examples
vue.jsgithubgithub-pages

Github pages deploy vue project

I am successfully done deploy to github pages and I have an Active status of deployment. But I can't see my app. And I don't understand what is the promlem:
https://hikkiyarik.github.io/
My repo:
https://github.com/HikkiYarik/HikkiYarik.github.io

Solution

  • I solved a problem. We need SSH key for your GitHub account, deploy.sh file and two repos like my repos foodshop and HikkiYarik.github.io.

    My GitHub account for example:

    https://github.com/HikkiYarik

    Look closely at the contents of the file deploy.sh:

    <git push -f [email protected]:HikkiYarik/HikkiYarik.github.io.git master:gh-pages>

    This means we push our project that was built in the foodshop repo to the HikkiYarik.github.io repo.

    By the way, gh-pages branch is created automatically. Script deploy.sh starts running when we write the command:

    npm run deploy

    For the command to work, just write a package.json file in scripts:

    "deploy": "sh deploy.sh"