I resolved my issue on Blog does not load CSS by transforming my custom theme into a plugin. I added a plugin.json
file in the root folder, to ensure that micro.blog incorporated the custom CSS and other static files needed for my custom theme, like this:
{
"version": "1.0",
"title": "My Customization",
"description": "This is my customization",
"includes": [
"/css/custom.min.css",
"/fonts/iosevka-fixed-ss03-bold-1731a53e9517931037d93cd9b5cf656a.woff",
"/fonts/iosevka-fixed-ss03-bold-3146aa514ee08a1ed552599d8ce1c029.woff2",
"/fonts/iosevka-fixed-ss03-regular-5cda2e12355dd1a046c368ed4a0e31ce.woff",
"/fonts/iosevka-fixed-ss03-regular-b7aed84b4a3d74e5afed3a3438b0dc2b.woff2",
"/images/logo.png"
]
}
Please note that all the paths listed in includes
are relative paths pointing to files stored inside the static
folder, so for example /images/logo.png
is actually referencing /static/images/logo.png
.
For further information about plugin.json
please have a look at this documentation: ℹ️ Plug-ins