posts snippets(Markdown) not converted before including in homepage(HTML)

[rhl-bthr]

Posts are written in markdown and their snippet is displayed on home takes it in html. Hence, the contents of the posts aren't properly displayed.
Eg: this post
On the homepage, this post looks a bit odd

[sylhare]

Hi,

Are you talking about ``` in the post?
Do you have a screenshot showing what you want to achieve?

Thanks

[rhl-bthr]

Hi,
Yes ... as well and the rest of the code isn't formatted in the snippet of the post that's displayed on the homepage.
I have used marked.js to convert markdown to HTML.
i also tried

<section class="post-content">
                {{ post.content | truncate: "250" }}
</section>

in the homepage, but truncate:"250" is causing an issue. This code works fine without truncate:"250", but it returns the entire post.

[rhl-bthr]

Could you guide me how to truncate the text ?
Thanks

[sylhare]

Hi,

On the homepage home.html, I used truncate: "250" to create an excerpt of the article (a little summary of 250 words). I added a strip_html to avoid any error.

For the highlight of code, you need to use the liquid tags:

{% highlight js %}

function foo() {}

{% endhighlight %}

For example I removed the ``` that were useless and now it looks like that:

But I still have trouble seeing what you wish to do.

[sylhare]

Hi @Pro-Panda what do you think of the actual? Is it what you wanted to achieve?

[rhl-bthr]

Hi @sylhare, I think I am unable to convey my issue properly.
Whatever content we write in markdown in the posts, a snippet of that is displayed on the homepage.
That snippet is rendered in HTML instead of markdown. Thats what I wanted to achieve in #45
Eg: See snippet of Feature Images Post here

[rhl-bthr]

I am using a quick hack by using a snippet variable and writing it along with post title and tags, in HTML.
See: http:https://pro-panda.tech

[sylhare]

Ok I think I know what you mean, do you have the markdown of the post in http:https://pro-panda.tech?

I have multiple request concerning the code layout, I would need to make some test.

[sylhare]

Well the problem is that I didn't want to get title on the excerpt (the small text in the home page). So I strip off all of the HTML and thus the markdown formating. However it is still rendered correctly in the post.

With that extent I wanted to achieve a more uniform home page (with title, image or not and normal text beneath.)
So to fix your problem, you would need to remove the strip_html in the liquid tag. I will see if I can come up with some kind of switch option that could let you display or not formatting (like code formatting) in the excerpt.

[rhl-bthr]

I have multiple request concerning the code layout, I would need to make some test.

Sorry, this message got skipped. Do you want the code ?

So to fix your problem, you would need to remove the strip_html in the liquid tag.

I tried removing strip_html, but it disturbed the indentation on the post text.

[sylhare]

Well I am ok now, it was to better understand your problem. I will look into how to deal with it.