WORKFLOW #2: HOSTING project on FIREBASE, yet Missing index.html

support
1

Dear Hugo Community,

I am still in love with Hugo. It’s been a challening learningcurve coming from Jekyll into something clearly different. But we are almost there.

I finally made my first static website with Hugo! Now it’s time to get the beast viral.

As I was used to HOSTING on GITHUB, I got myself into another learningcurve HOSTING on FIREBASE

What I did so far?

  1. I started a new project: C:/Hugo> hugo new site "name_project"

  2. I installed a theme in the themesfolder: > Clone Repo > Unzip in themes

  3. I made some content: hugo new about.md + hugo new blog/first.md

  4. After some searching I found a command that helped me to host locally: hugo server --theme="theme_name" --buildDrafts

#MIND: If I try to use just hugo server it doesnt render or load my content !!! Watch these pictures for the difference:

hugo server VIEW

hostlocal2

hugo server --theme="theme_name" --buildDrafts VIEW

hostlocal1

#MIND: I didnt found any of this information in any popular tutorial. QUESTIONING ergonomics!


  1. Hosting on FIREBASE I followed these instructions http://rac.su/hugo/firebase/ which I addopted in GIT COMMAND

VIEW of PROCESS

step1
step1.PNG1257×883 26.7 KB

#MIND: ! Warning: Public directory does not contain index.html

VIEW of PROJECT DIRECTORY:

step2
step2.PNG956×763 33.7 KB

How To Add index.html To Public Directory in FIREBASE?

2

Another Question that concerns me is the following:

step4
step4.PNG730×386 9.85 KB

Why are the drafts not rendering?

My apologies for all these NEWBIE questions.

3

UPDATE:

I copied the index.html file to PARENT Directory, in order to have it in the same Directory as firebase.json

The result: https://werkbaar-78aa6.firebaseapp.com/

I now have to figure how to add the styling.

Follow this challenge in following Thread: (SOLVED) WORKFLOW #3: Why are my DRAFTS not RENDERING?

4

Can someone explain if this is the method or not?

5

Hugo and Firebase are not connected, so any workflow including them will use them in discrete parts. Hugo generates your site. Firebase hosts your site.

Learn how these two processes work, and understand them, and then you will know how to host your Hugo site on Firebase.