Need Help With Hyde Jekykll Theme And Deploying Jekyll Site

SamuelBanya · March 16, 2023, 1:56am

Hello there,

I noticed that I am currently getting this issue for my Render deployment of my site:

Received "css was not loaded because its MIME type, “text/html”, is not “text/css” Error

opened 01:49AM - 16 Mar 23 UTC

Hello there, I tried deploying my related Jekyll site with Render.com using t…he 'hyde' theme, and I'm currently getting this error in Chrome Developer Console using the CSS stylesheet: ``` The stylesheet https://musimatic.xyz/css/poole.css was not loaded because its MIME type, “text/html”, is not “text/css”. [musimatic.onrender.com](https://musimatic.onrender.com/) The stylesheet https://musimatic.xyz/css/syntax.css was not loaded because its MIME type, “text/html”, is not “text/css”. [musimatic.onrender.com](https://musimatic.onrender.com/) The stylesheet https://musimatic.xyz/css/hyde.css was not loaded because its MIME type, “text/html”, is not “text/css”. [musimatic.onrender.com](https://musimatic.onrender.com/) The stylesheet https://musimatic.xyz/css/print.css was not loaded because its MIME type, “text/html”, is not “text/css”. [musimatic.onrender.com](https://musimatic.onrender.com/) ``` Related repo section: https://github.com/SamuelBanya/musimatic/tree/main/themes/hyde/static/css Any ideas on why this is occurring?

Ontop of this issue, I noticed my Render deployment of my site is pointing to my old ‘Musimatic.xyz’ site which was shut down a few months ago.

My main question is this:

How do I make the links more generic and specific to just the Render’s instance itself within a Jekyll style blog?

I ask because I know I’d have to adjust the blog links accordingly in the repo, but I’m not sure if I should just assume that I have to use (https://musimatic.onrender.com/) as the basis for all links.

Thanks!

al_ps · March 16, 2023, 1:08pm

Hi,

The browser console shows that the CSS files you’re trying to reference are being CORS blocked because they point to different domain:

And the mime type is shown as incorrect, as those links don’t return CSS, they return a HTML page for selling the domain.

You’ll likely need to update any references in your code to be relative and not hardcoded to musimatic.xyz

Alan

SamuelBanya · March 23, 2023, 9:17pm

@al_ps
I did related revisions, and although the CSS stylesheet changed just fine, it fails to deploy on my latest commit for some reason.

All I did was change it so that the ‘sidebar’ portion of my Jekyll site reflects my actual portfolio links.

Here is the related GitHub commit:

Here are the logs from Render for why it failed to deploy the latest commit:

Mar 23 03:36:47 PM  ==> Cloning from https://github.com/SamuelBanya/musimatic...
Mar 23 03:36:50 PM  ==> Checking out commit 9b62ca89436553386ea0fd6f5acac88be1d0c59c in branch main
Mar 23 03:36:53 PM  ==> Downloading cache...
Mar 23 03:37:03 PM  ==> Transferred 5.0MB in 8s. Extraction took 0s.
Mar 23 03:37:16 PM  ==> Using Python version: 3.7.10
Mar 23 03:37:19 PM  ==> Running build command 'hugo --gc --minify'...
Mar 23 03:37:19 PM  Start building sites …
Mar 23 03:37:19 PM  hugo v0.110.0-e32a493b7826d02763c3b79623952e625402b168+extended linux/amd64 BuildDate=2023-01-17T12:16:09Z VendorInfo=gohugoio
Mar 23 03:37:20 PM  Error: Error building site: failed to render pages: render of "page" failed: "/opt/render/project/src/layouts/_default/baseof.html:3:5": execute of template failed: template: _default/single.html:3:5: executing "_default/single.html" at <partial "sidebar.html" .>: error calling partial: execute of template failed: html/template:partials/sidebar.html: "\"" in attribute name: "https://banyaportfolio.netlify.a"
Mar 23 03:37:20 PM  ERROR 2023/03/23 20:37:20 render of "page" failed: "/opt/render/project/src/layouts/_default/baseof.html:3:5": execute of template failed: template: _default/single.html:3:5: executing "_default/single.html" at <partial "sidebar.html" .>: error calling partial: execute of template failed: html/template:partials/sidebar.html: "\"" in attribute name: "https://banyaportfolio.netlify.a"
Mar 23 03:37:20 PM  ERROR 2023/03/23 20:37:20 render of "page" failed: "/opt/render/project/src/layouts/_default/baseof.html:3:5": execute of template failed: template: _default/single.html:3:5: executing "_default/single.html" at <partial "sidebar.html" .>: error calling partial: execute of template failed: html/template:partials/sidebar.html: "\"" in attribute name: "https://banyaportfolio.netlify.a"
Mar 23 03:37:20 PM  ERROR 2023/03/23 20:37:20 render of "page" failed: "/opt/render/project/src/layouts/_default/baseof.html:3:5": execute of template failed: template: _default/single.html:3:5: executing "_default/single.html" at <partial "sidebar.html" .>: error calling partial: execute of template failed: html/template:partials/sidebar.html: "\"" in attribute name: "https://banyaportfolio.netlify.a"
Mar 23 03:37:20 PM  ERROR 2023/03/23 20:37:20 render of "page" failed: "/opt/render/project/src/layouts/_default/baseof.html:3:5": execute of template failed: template: _default/single.html:3:5: executing "_default/single.html" at <partial "sidebar.html" .>: error calling partial: execute of template failed: html/template:partials/sidebar.html: "\"" in attribute name: "https://banyaportfolio.netlify.a"
Mar 23 03:37:20 PM  Total in 97 ms
Mar 23 03:37:20 PM  ==> Build failed 😞