DestroyedSoul

DestroyedSoul

HTML produces by NimblePublisher does not contain styling

Hello,

I am trying to implement the blog for my website. I decided to go with NimblePublisher as I need just the most basic functionality.
One thing it does is translating markdown code into html. One thing I notice is that the result completely lacks styling.
For example, in my .md file I have, say, # Welcome. It then gets translated into <h1>Welcome</h1>, but the output in the browser is a mere text, no bigger/bolder/darker font etc.
I believe, it makes sense, because there’re no classes.

But then I see on the internet blogs claiming to have been implemented with the help of NimblePublisher, and they all have proper looks.

Please, help me to understand what I am missing here.

Also, it does not display correctly, quotes, lists, links etc.
The images and bold/italic/strikethrough work fine.

Marked As Solved

juhalehtonen

juhalehtonen

Hi there!

Just like you’ve observed, there are no CSS classes associated with the output. This is because NimblePublisher serves the purpose of turning markdown files into HTML and metadata (often referred to as “front matter” in static site lingo). It will be up to you as the user of NimblePublisher to provide CSS, if desired. NimblePublisher is not a “fully-fledged web content publishing system” in the same sense as you might be expecting from it, but rather one part of a whole.

The big picture of NimblePublisher is that it will allow you to solve the problem of converting markdown files to HTML and associated metadata, and allows you to then choose how to serve that HTML. This blog post from Dashbit explains how their own website uses NimblePublisher as one part of a Phoenix-based website.

Here’s one example article from Fly on how to use the Tailwind CSS library with NimblePublisher: Crafting your own Static Site Generator using Phoenix · The Phoenix Files. Do note that this article outlines just one of many possible ways to do this, as again, it will be up to you as the user of the library on how you wish to use and display the HTML content.

Depending on how your project is set up (and which libraries you use), you will need to find a way to include CSS in the output that is served to web browsers. If you’re using Phoenix as part of this project, for example, you’ll find plenty of resources for how to include CSS. Perhaps you can share more on what you’re wanting to achieve and with which tools?

Like you also observed, images and bold/italic/strikethrough display in your browser as you would expect. This is because those visual effects are achieved through various HTML tags rather than CSS :slightly_smiling_face:. I would expect list elements to also display as lists, but perhaps there’s more to this story.

Also Liked

DestroyedSoul

DestroyedSoul

Thanks a lot. I’ve added css styling for blog class and now it all made sense.

Last Post!

DestroyedSoul

DestroyedSoul

Thanks a lot. I’ve added css styling for blog class and now it all made sense.

Where Next?

Popular in Questions Top

JeremM34
Hello, how can I check the Phoenix version ? Thanks !
New
PeterCarter
There are pre-rolled solutions for other frameworks that do work. However, Phoenix does not seem to have these. Have people had good expe...
New
nsuchy
Hi. I’ve noticed that Windows Powershell has it’s own IEX command and you cannot access Elixir’s IEX due to the conflict. This isn’t a cr...
New
joeerl
Hello again - after a longish gap I’ve decided I really must dig into Elixir and see what’s been happening here - so I have a few questio...
New
fireproofsocks
Forgive me if this is obvious, but how does one delete a database record WITHOUT selecting it first? Ecto.Repo — Ecto v3.14.0 has exampl...
New
fayddelight
I tried installing elixir 1.11.2 erlang 23.3.4 via asdf in my zsh shell. Enabled the versions locally and globally. When I list them ...
New
JorisKok
I have a server on AWS, and was running a load test using artillery. When looking at the Phoenix dashboard I see the Ports going to 100% ...
New

Other popular topics Top

grych
Hi folks, Few months ago I have announced the proof-of-concept of the library to manipulate the browsers DOM objects directly from Elixi...
639 54006 488
New
vonH
When I run the Plug and I recompile I wind up having to use Ctrl C to quit iex and start again. Witht the help of rlwrap I can use the cu...
New
ashish173
I am using Ecto timestamps with postgres, I can see the timestamps() use the :naive_dateime but for my use case I wanted to store the ti...
New
dokuzbir
I want to highlight html closing tags when i click a html tag. That works in .html files but doesnt work for html.eex templates. How can...
New
gausby
I asked this very same question on twitter and got some interesting feedback, but I thought it would be a good question to ask here as we...
1207 40042 209
New
shijith.k
I am trying to start a new phoenix project with elixir 1.9, but mix phx.new does not work. It says that ** (Mix) The task "phx.new" could...
New

We're in Beta

About us Mission Statement