Open Graph Sharing

Svekyll automatically adds open graph and twitter tags to your pages, making sharing on social platforms like Twitter and Facebook a rich experience.

<meta property="og:title" content="Svekyll blogs" data-svelte="svelte-bw37hb">
<meta property="og:description" content="the radical simplicity of Jekyll + the futuristic power of Svelte" data-svelte="svelte-bw37hb">
<meta name="twitter:card" content="summary" data-svelte="svelte-bw37hb">
<meta name="twitter:title" content="Svekyll blogs" data-svelte="svelte-bw37hb">
<meta name="twitter:site" data-svelte="svelte-bw37hb">
<meta name="twitter:image" data-svelte="svelte-bw37hb">
<meta name="twitter:description" data-svelte="svelte-bw37hb">

To provide a twitter handle, specify it inside your _config.yml. If you want a preview image, you can specify it in the config, otherwise posts will use the first image in the post.

  twitter: svekyll

You can customize these tags by modifying the props to the <OpenGraph/> tag

let title = "My special title";

<OpenGraph {title}/>