Host on Firebase
2 分钟阅读
Host on Firebase
https://gohugo.io/hosting-and-deployment/hosting-on-firebase/
You can use Firebase’s free tier to host your static website; this also gives you access to Firebase’s NOSQL API.
Assumptions
- You have an account with Firebase. (If you don’t, you can sign up for free using your Google account.)
- You have completed the Quick Start or have a completed Hugo website ready for deployment.
Initial setup
Go to the Firebase console and create a new project (unless you already have a project). You will need to globally install firebase-tools (node.js):
| |
Log in to Firebase (setup on your local machine) using firebase login, which opens a browser where you can select your account. Use firebase logout in case you are already logged in but to the wrong account.
| |
In the root of your Hugo project, initialize the Firebase project with the firebase init command:
| |
From here:
- Choose Hosting in the feature question
- Choose the project you just set up
- Accept the default for your database rules file
- Accept the default for the publish directory, which is
public - Choose “No” in the question if you are deploying a single-page app
Using Firebase & Github CI/CD
In new versions of Firebase, some other questions apply:
- Set up automatic builds and deploys with GitHub?
Here you will be redirected to login in your GitHub account to get permissions. Confirm.
- For which GitHub repository would you like to set up a GitHub workflow? (format: user/repository)
Include the repository you will use in the format above (Account/Repo) Firebase script with retrive credentials, create a service account you can later manage in your github settings.
- Set up the workflow to run a build script before every deploy?
Here is your opportunity to include some commands before you run the deploy.
- Set up automatic deployment to your site’s live channel when a PR is merged?
You can let in the default option (main)
After that Firebase has been set in your project with CI/CD. After that run:
hugo && firebase deploy
With this you will have the app initialized manually. After that you can manage and fix your github workflow from: https://github.com/your-account/your-repo/actions
Don’t forget to update your static pages before push!
Manual Deploy
To deploy your Hugo site, execute the firebase deploy command, and your site will be up in no time:
| |
CI Setup (Other tools)
You can generate a deploy token using
| |
You can also set up your CI and add the token to a private variable like $FIREBASE_DEPLOY_TOKEN.
This is a private secret and it should not appear in a public repository. Make sure you understand your chosen CI and that it’s not visible to others.
You can then add a step in your build to do the deployment using the token:
| |