When learning stuff, I always want to try it on my personal blog, such as styles, and colors. Recently I read about [color contrast][1] and want to try it.

However, I find my styles didn’t apply.

I login to server and restarted all apps. I changed css in generated site. I forced referesh in browser. Nothing works.

Finally I realized that it might be cloudflare issue. I logged in and find caching was enabled again.

I disabled it and it works. but some settings also affects my proxy so I need to adjust it again.

analysis

Caching is a big issue. That’s why I created a separate server flow from github pages.

But it’s still annoying and time consuming.

Fortunatelly I learned about firebase. It came to rescue.

Move to firebase

Before I have installed Build Tools and npm. It have come to use.

I first tried to use pnpm to install the firebase tools. didn’t work. switch to npm. works.

Creating configuration was really simple.