search

zeon-studio / hugoplate

Hugoplate is a free starter template built with Hugo and TailwindCSS that will save you hours of work.
https://zeon.studio/preview?project=hugoplate
MIT License
798 stars 218 forks source link

CSS is broken when running in Gitpod #126

Closed gatezh closed 4 months ago

gatezh commented 4 months ago

What is your Hugo Extended Version

v0.125.4

What is your Go Version

v1.22.2

What is your Node.js Version

v20.12.2

Check for Existing Issues

Expected Behavior

Expecting to see a website with CSS styling in the preview window of Gitpod workspace

Steps to Reproduce

  1. Create .gitpod.yml configuration file in the root folder with the following content:

    tasks:
  - name: Dev server
    before: brew install hugo
    init: npm install
    command: npm run dev

ports:
  - port: 1313
    onOpen: open-preview
  2. Commit changes
  3. Open the repo in Gitpod by prefixing the URL with: gitpod.io/#. For example, https://gitpod.io/#https://github.com/gatezh/hugoplate-fork
  4. Project preview has no styling

Code Reproduction URL

https://github.com/gatezh/hugoplate-fork

Additional Information

It is more like a feature request rather then a bug. I would really appreciate if you could to help with this issue

tfsomrat commented 4 months ago

You need to change the baseURL.

gatezh commented 4 months ago

Thank you for a prompt response. I was trying to use the address I see in the preview, but it didn't really work. Any hints on what address I should use fro baseURL parameter?

gatezh commented 4 months ago

Figured it out, it should be the exact address as in the preview window: 'https://....' Thank you for help!