Status Website looks different with no CSS and nothing being shown in Live-Status

[harsh778]

Hi!
First of all, great work on the Upptime. It is great!
I was having a few issues while following the get-started doc (https://upptime.js.org/docs/get-started).

1. It asked me to go to the Github Pages setting and change the source to gh-pages. When I changed that and saved the setting, it said, "The CNAME demo.upptime.js.org is already taken. Check out https://docs.github.com/articles/troubleshooting-custom-domains#cname-errors for more information."
2. Also, the site is maybe published at https://harshsinghal.me/harshsinghal.me-status/ but it looks that there is no CSS. Secondly, the live status is just loading and nothing is being shown.
   My current .upptimerc.yml is -

owner: harsh778 
repo: harshsinghal.me-status 

sites:
  - name: Harsh Vardhan Singhal
    url: https://harshsinghal.me

status-website:
  baseUrl: /harshsinghal.me-status
  logoUrl: https://raw.githubusercontent.com/upptime/upptime.js.org/master/static/img/icon.svg
  name: Status Keeper for harshsinghal.me
  introTitle: "**Upptime** is the open-source uptime monitor and status page, powered entirely by GitHub."
  introMessage: This is a sample status page which uses **real-time** data from our [Github repository](https://github.com/koj-co/upptime). No server required — just GitHub Actions, Issues, and Pages. [**Get your own for free**](https://github.com/koj-co/upptime)
  navbar:
    - title: Status
      href: /
    - title: GitHub
      href: https://github.com/$OWNER/$REPO

Repo Name: harshsinghal.me/status ( I want to use this status monitor to track the status of my personal website https://harshsinghal.me)
Any help will be greatly appreciated.
Thanks
Harsh

[AnandChowdhary]

Hi @harsh778,

The "CNAME is already taken.." error is because there is a CNAME here: https://github.com/harsh778/harshsinghal.me-status/blob/gh-pages/CNAME, which shouldn't be there. You should delete the gh-pages branch so "Static Site CI" can re-build and deploy the site.

You can see that none of the workflows are working in your repository: https://github.com/harsh778/harshsinghal.me-status/actions.

Are you sure your GH_PAT is correct? Can you try adding it again and check?

[AnandChowdhary]

Yes, the error is that you didn't add your personal access token properly, it has a space and a new line at the end.

The GitHub logs say: authorization: 'token *** \n' when it should be authorization: 'token ***'. Once you've fixed this, manually run "Setup CI" and all should be A-OK! 😄

[harsh778]

Alright thank you so much @AnandChowdhary. I was finally able to deploy it. Thanks once again : )

[gripfastistech]

I had this same problem. No choice to nuke and start over.

It may have been because I used my mouse to triple click select/copy my secret key; this added an invisible space before the key itself (not shown when highlighted), and then pasted in the key field which mucks up the entire install.

Step 5, second section, here: add it as a repository secret

[AnandChowdhary]

Maybe it's a good idea for us to add to the docs a step like "After pasting your personal access token, make sure there is no extra spaces or new lines" before the "Press save" step. @gripfastistech, do you want to make a PR for this?

[gripfastistech]

@AnandChowdhary PR pushed