Summary Views Not Rendering Syntax Highlighting

[jon-whit]

I have a home page view that renders a list of all of my sites pages. If the summary of one of the pages includes a content snippet with syntax highlighting, the rendered summary on the home page view doesn’t retain the formatting. See the image below:

Where as the post at locahost:1313/posts/my-first-post does have the syntax highlighting.

I’m using the Hyde theme from here.

How can I get the home page summary view to retain the syntax highlighting format?

[zwbetz]

Hi, we cannot help you with just a screenshot. We’d need to see your code.

[jon-whit]

The code I’m using right now is just from the Hyde theme from spf13. The source can be found here:

spf13/hyde

[zwbetz]

You could try piping the summary to markdownify. AKA override the index template and edit line 9 here https://github.com/spf13/hyde/blob/c0cdd0ea1b477246ba9cb9e7123e80535e97ea8f/layouts/index.html#L9

To be:

{{ .Summary | markdownify }}

[jon-whit]

@zwbetz I tried what you suggested and that doesn’t work either.

Any other possible options? Thoughts/suggestions?

[zwbetz]

Thinking about this some more, I remember @budparr documenting different summary behavior depending on how the summary content was specified.

See Inconsistent behavior with .Summary tag

Then try specifying your summary with the more syntax:

<!--more-->

[jon-whit]

I tried this snippet of code from that discussion:

Inconsistent behavior with .Summary tag

To get consistent summary paragraph behavior, try: {{ if in .RawContent "<!--more-->" }} {{ .Summary | safeHTML }} {{ else }} <p>{{ .Summary | safeHTML }}</p> {{ end }}

I get the content wrapped in the <p> </p> tags (no <!–more–> was specified in the content). But the formatting is still the same. Sounds like that’s consistent with the behavior you were experiencing in that discussion.

[zwbetz]

Did you try adding the more comment into your content?

[jon-whit]

Yes I did. I didn’t get the <p> </p> tags wrapped around the Summary content, so I know that conditional block of code was working. It didn’t lead to the results I was hoping for though.

[zwbetz]

Hmm. I don’t use the summary variable in my personal projects so I’m not familiar with it like others. Sorry I couldn’t help. Perhaps someone else knows a way

[jon-whit]

Ah, I got it to work!

I misread this Content summaries | Hugo

Content that comes before the summary divider will be used as that content’s summary and stored in the .Summary page variable with all HTML formatting intact.

I put the <!–more–> summary divider after content and it worked great!