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.

Where Next?

Popular in Questions Top

sergio
In Ruby, I can go: User.find_by(email: "foobar@email.com").update(email: "hello@email.com") How can I do something similar in Elixir? ...
New
srinivasu
How to handle excepions in elixir? Suppose i have A, B, C ,D, E modules. and each module has get() function. A.get() method will call th...
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
Jim
As a follow up to my earlier question: I have the code compiling and running but not getting a successful login from the rest server. ...
New
fireproofsocks
I’m working on defining a simple Ecto schema for a table (in PostGres), but I don’t see where I can define a column as NOT NULL. Conside...
New
freewebwithme
Using vs code and installed ElixirLS: support and debugger. And I got an error popped up on start up says Failed to run ‘elixir’ comma...
New
aadeshere1
I have a another noob question about loop. Since elixir is immutable, while loop is not directly possible. total = 10 while total != 0 ...
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
fireproofsocks
Forgive me if this is obvious, but how does one delete a database record WITHOUT selecting it first? https://hexdocs.pm/ecto/Ecto.Repo.h...
New
chewm
Hi guys, nice to meet you to the whole forum, I’m new here, I’m trying to configure visual studio code for elixir, right now the intellis...
New

Other popular topics Top

Brian
What is the proper way to load a module from a file in to IEX? In the python world, doing something like this pretty standard: from ....
New
sorentwo
Hello! tl;dr Announcing Oban, an Ecto based job processing library with a focus on reliability and historical observability. After spen...
977 41022 311
New
gshaw
What is the idiomatic way of matching for not nil in Elixir? E.g., First way: defp halt_if_not_signed_in(conn, signed_in_account) when...
New
yawaramin
In the Dialyzer docs ( http://erlang.org/doc/man/dialyzer.html#requesting-or-suppressing-warnings-in-source-files ), there is a way to tu...
New
chrismccord
This release brings a number of exciting features, including integration with the new Phoenix LiveDashboard and Phoenix LiveView. There h...
New
freewebwithme
Using vs code and installed ElixirLS: support and debugger. And I got an error popped up on start up says Failed to run ‘elixir’ comma...
New
aadeshere1
I have a another noob question about loop. Since elixir is immutable, while loop is not directly possible. total = 10 while total != 0 ...
New
shahryarjb
Hello, I have map which I want to convert it to string like this: the map: %{last_name: "tavakkoli", name: "shahryar"} the string I ne...
New
electic
Hi, I am new to Elixir. I am trying to use the DateTime component to insert a date into MySQL however the there seems to be no way to fo...
New
9mm
I am constructing a JSON object (map) and I need to conditionally set a field. I’m trying to write proper elixir-way code… and I’m at a l...
New

We're in Beta

About us Mission Statement