CSS will not render. DNS not resolving.
I followed the directions for using a custom domain with GitHub pages. I checked my DNS and it is not resolving to GitHub’s IP address, even though I added it.
See my blog’s source code at my repository: GitHub - wh33les/codingblog
Your DNS records are proxied so are returning Cloudflare IP addresses…
https://cf.sjr.dev/tools/check?2b33151cd4554bf3afcde74f72acae39#dns
If you want to see records as you have set them, change them to “DNS only” but then requests will bypass Cloudflare and go direct to your origin.
That’s how Cloudlfare works…
/style.css is returning 404.
curl -i http://transitioning-to-industry.org/style.css
HTTP/1.1 404 Not Found
Date: Mon, 27 Jan 2025 17:16:49 GMT
Content-Type: text/html; charset=utf-8
Transfer-Encoding: chunked
Connection: keep-alive
x-origin-cache: HIT
Access-Control-Allow-Origin: *
x-proxy-cache: MISS
X-GitHub-Request-Id: FFB8:1DEC94:3769A:3AAB5:6797BE48
Age: 41
Via: 1.1 varnish
X-Served-By: cache-man4179-MAN
X-Cache: HIT
X-Cache-Hits: 0
X-Timer: S1737998169.904395,VS0,VE1
Vary: Accept-Encoding
X-Fastly-Request-ID: 16550983d8db285cd5c7f9c2425f8f69e50d43fc
Cache-Control: max-age=14400
CF-Cache-Status: HIT
Report-To: {"endpoints":[{"url":"https:\/\/a.nel.cloudflare.com\/report\/v4?s=qk04iMEBkL2%2FIjRdXxb%2BYFSVlf8ax1Egd4iMxyM8hWMDO6gjIdmhjA6CF5vfawAp%2BfkVNCWHU5w5iNVz4hMDfK3hHuIphAh7%2Bo0JK4WCuYpK4AfFc3pdIcSaFYS2N5vTjNwAngfzOf%2Bk4yszFhWp0fD5tnVVKOVSP2DFUg%3D%3D"}],"group":"cf-nel","max_age":604800}
NEL: {"success_fraction":0,"report_to":"cf-nel","max_age":604800}
Server: cloudflare
CF-RAY: 908a64883a44075f-MAN
server-timing: cfReqDur;dur=16.981
Your site is redirecting https back to http.
Thank-you for responding so quickly. I should say the last time I made a blog post, I did not have the issue with the CSS not rendering. I noticed the IP addresses coming up when I do DNS lookup are Cloudflare IP addresses so I think that’s likely not the problem. I only considered it because when I asked ChatGPT for help it said that could be an issue.
Can you tell me how to fix the issue of my site redirecting https back to http? GitHub Pages has an option for https, but it won’t let me select it, I think because I have “Proxied” for my DNS records. I don’t know if I should change this, because like I said I didn’t have any problems the last time I tried to make a blog post. I looked at this link: Redirect admin area requests to HTTPS · Cloudflare Rules docs but it did not have any instructions for me to follow.
Update: I was able to enforce HTTPS through GitHub. The CSS is still not rendering.
This topic was automatically closed after 15 days. New replies are no longer allowed.