Hugo

Get started with integrating Mosaic into your Hugo project.

Step 1

In your Hugo Layout file, you can add the OG image URL:

{{- $baseURL := "<https://mosaicimg.com/use?url=>" -}}
{{- $pageURL := .Page.Permalink -}}
{{- $ogImageURL := printf "%s%s" $baseURL $pageURL -}}
<meta property="og:image" content="{{ $ogImageURL }}">
<meta property="og:image:width" content="1200" />
<meta property="og:image:height" content="630" />

Step 2

Remember to replace the placeholder value (like 'yourwebsite.com') with your actual website URL.