Hi :slight_smile: I’m making a new website for a friend with Hugo. As I am a designer, I love this tool, But there are still things I can’t solve by myself. I would like to : Grab the the content of any svg file (/static/draw/123.svg) Past it into my HTML template. This file will be different …

I’m really sorry perhaps it’s a beginner stupid question… but i’m really blocked with that. I want to contribute to the community by sharing my themes when they’ll be finished… Thank’s again

You can easily pass an svg through a partial in a template. BUT passing it in content files is more tricky. It really depends on what you want to do. Do you want to have the svg inline or pass it as an image? If you want the first option then the only way that I can think of is to pass it through…

Oh thank for your answer… The fact is that the SVG has to be INLINE in HTML to make a draw effect :frowning: I thought about putting in the Params the svg code, but it is a huuuge one, so i’m really not sure it will work. And it isn’t possible to call a partial.html in the .md right ? Ouffff Bt…

How would you put the SVG into an HTML document, without Hugo? Do you have an example where I can see how it works?

Like @maiki said Hugo supports html files along with markdown. In the past I’ve used this for complex pages, when markdown is not enough.

SOLVED : Here was the solution :slight_smile: post.md +++ title = “” svg = “xyz” +++ template.html {{ partial .Params.svg }} /partiall/xyz.html mysvgcode

Just for the hell of it, @keauval , at the content level, you could do this as a shortcode:  {{$svg := .Get 0}} {{ $svg | readFile | safeHTML }} Then within the body copy/content of *.md: {{< svg "static/svgs/your-svg.svg" >}} This assumes, obviously, that you’r…

Do you think you could expand a little on how to do this?

[SOLVED] Inject an SVG file into my HTML

support

gaetawoo July 18, 2017, 6:09pm 9

Very cool actually.

Topic		Replies	Views
Embedding (inline) SVG in content / markdown support	11	44022	October 21, 2020
Embed inline-svg support	4	2626	August 21, 2018
Insert .svg through front matter support	2	774	September 2, 2022
Put Hugo pipes directly in source feature	3	743	September 24, 2018
Extracting content from svg file as html inline embed in hugo tips & tricks	1	972	July 1, 2022

[SOLVED] Inject an SVG file into my HTML

Related topics