i need to have my markdown files working in “normal” markdown (vscode/obsidian) and rendered a html by HUGO.
BUT there is a problem with standard links to images in bundles. if i have these files:
/studio/_index.md
/studio/mypage.md
/studio/mypage2.md
/studio/image.jpg
i need to link the image in ‘mypage.md’ this works in editor but not in Hugo: or 
and this works in Hugo but not in editor
some time ago i remember i was able to make it work with a custom hook image renderer
{{- $img := .Page.Resources.GetMatch .Destination -}}
{{- if and (not $img) .Page.File -}}
{{ $path := path.Join .Page.File.Dir .Destination }}
{{- $img = resources.Get $path -}}
{{- end -}}
{{- with $img -}}
{{- $large := $img.Resize "1200x" -}}
{{ $medium := $large.Fill "726x402" -}}
{{ $small := $medium.Fill "458x254" -}}
<figure class="image-caption">
<img alt="{{ $.Text }}" srcset="
{{ $small.RelPermalink }} 458w,
{{ $medium.RelPermalink }} 726w,
{{ $large.RelPermalink }} 1200w" sizes="50vw" src="{{ $small.RelPermalink }}" />
<figcaption>{{ with $.Title | safeHTML }}{{ . }}{{ end }}</figcaption>
</figure>
{{- else -}}
<img src="{{ .Destination | safeURL }}" alt="{{ $.Text }}" />{{- end -}}
but today (Hgo 0.94.2) it seems to not work
i don’t know how to solve it… doesn’t anybody work with markdown in both ways?
1 Like
Your current structure, is Not Page Bundle :
studio/
├── image.jpg
└── mypage.md
Page bundle, in this case Leaf Bundle , the content file must be named index.md.
studio/
├── image.jpg # This image will be treated as Page Bundle Resources
└── index.md
arg… you are right!
this Page Bundles are really complicated (i have hundreads of pages
If you are worried about one-time conversion, it can be done easily with a bash or any language script.
no, it’s not coversion… it’s that i need to keep all notes in a readable way with standard and easy links.
You can have that and also make Hugo builds work. But you’ll need to put in some time to understand the Hugo Module and Mounts features. Here’s a good example by bep: GitHub - bep/portable-hugo-links: A test repo to test out the new Markdown Render Hooks in Hugo 0.62.0
Resources can be in page bundles, yes.
But they can also be in a central assets/ directory (directly or after mounting ). That example link I pasted above should help you.
1 Like
yes i know /assets and as is wrote i can’t put all resources there, because each of my books in the /studio directory has to be compacted, with all its images there.
That’s where you use the mounting option. You don’t physically put the files in the assets dir.
