I am trying to use the personal-web template by bjacquemet and had to tweak the theme a bit. I do only have very basic knowledge of HTML and CSS and even less of Hugo, and with this limited knowledge I had to write a bit of HTML in my content to allow text to flow around pictures. I have put a stripped down repository github: https://github.com/Zugschlus/hugo-flow
Here is the code I’d like to have:
<img src="/201505-MarcHaber-3557b6-600x600.jpg" alt="Marc Haber" title="Marc Haber" />
blah text here
Find a [Link](link-target/).
(first paragraph on the rendered example page.
Inside the div construct, the markdown links are not converted to HTML links by Hugo.
This also happens if one strips the scaffolding down to just a single div construct (second paragraph on the rendered example page).
Only if all HTML is removed, the links render ok (third paragraph).
I think I have the following possibilities to solve that:
Modify the theme to offer a paragraph format that allows a picture to be inserted with the text flowing around. Disadvantage: I don’t have a remote clue about how to do that.
Find a workaround to make Hugo render the links inside HTML correctly.
Write HTML links. Most ugly variant. The content markup is already ugly enough.
Can you help with one of the first two variants? I’d really appreciate that.
Thanks for this pointer, that was actually helpful. Adding some empty lines solves the issue for me at the price to have marginally more ugly source, see my repo given in the thread starter (https://github.com/Zugschlus/hugo-flow).
However, over the weekend I kind of discovered shortcodes and did some experimentation (hoping to coax the renderer into rendering the links before it discovers that there is raw HTML). I have pushed some changes to the demo repo - it looks like adding empty lines doesn’t end the HTML block if a shortcode is in the game. I can easily live without shortcodes in my simple project, but I would love to understand how shortcodes influence the renderer so that the fix doesn’t work again.