Flash of unstyled content

[kiwicopple]

• I confirm that this is an issue rather than a question.

Bug report

On my website I have a flash of unstyled content:

Steps to reproduce

I thought perhaps it was related to #895, however my version is @vuepress/core": "1.0.3"

Here is the repo: https://github.com/kiwicopple/paul.copplest.one

What is expected?

(hopefully) the pre-rendered content displays quickly enough to avoid the FOUC, and the content is readable as soon as possible

What is actually happening?

When the page is loading there is no visible content. just some black bars. After a while the page is rendered correctly. I am hosting on Netlify, so I surprised that it is a speed of CSS. Is there a way I can improve the initial loading of CSS?

Other relevant information

• Output of npx vuepress info in my VuePress project:
  (note that I don't install vuepress globally, it's run within the repo)

npm show vuepress version
1.0.3
npm show @vuepress/core version
1.0.3
npm show @vuepress/theme-default version
1.0.3

npx vuepress info:
System:
    OS: macOS 10.14.6
    CPU: (4) x64 Intel(R) Core(TM) i5-7360U CPU @ 2.30GHz
  Binaries:
    Node: 10.15.1 - ~/.nvm/versions/node/v10.15.1/bin/node
    Yarn: 1.16.0 - /usr/local/bin/yarn
    npm: 6.4.1 - ~/.nvm/versions/node/v10.15.1/bin/npm
  Browsers:
    Chrome: 76.0.3809.100
    Firefox: 68.0.2
    Safari: 12.1.2
  npmPackages:
    @vuepress/core: Not Found
    @vuepress/theme-default: Not Found
    vuepress: Not Found
  npmGlobalPackages:
    vuepress: Not Found

[bml104]

Did you ever find a resolution or workaround to this? I have the same exact issue.

[haoranpb]

@bml104 can you provide a reproduction repo? thanks.

@kiwicopple 's website seems to be working fine right now

[bml104]

https://bml104.gitlab.io/vuepress-ext-test/

https://gitlab.com/bml104/vuepress-ext-test

[haoranpb]

@bml104 In your case, change your base into /vuepress-ext-test/, see more detail at gitlab-pages-and-gitlab-ci

[bml104]

@ludanxer Worked, thank you so much!