Hugo Dark Theme Site Generator
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long. 2.4KB

+++ title = “Social Meta” description = “Share links with images on Facebook and Twitter.” categories = [“social”] tags = [“author”, “metadata”, “images”] features = [“code highlighter”, “snippets”, “related content”] copyright owner = “Josh Habdas” date = “2019” license = “agpl-3.0-or-later” +++

After Dark provides {{< external text=“Open Graph Protocol” href=“” />}} and {{< external href=“” text=“Twitter Cards” />}} metadata in pages to achieve rich sharing cards on Facebook, Twitter and more:

Open Graph sharing card screenshot

Adjust author in {{< external href=“” text=“Site Configuration” />}} to specify name shown, if any:

  author = "Bali Bebas!"

Set or override author per page using{{< external href=“” text=“Front Matter” />}} as shown here:

title = "Become a Digital Nomad in Bali: The Lost Guide"
description = "Everything you need to know to become a Digital Nomad in Bali."
author = "After Dark"
date = "2017-02-02T11:57:24+08:00"
publishdate = "2017-01-28T02:31:22+08:00"
images = [

Adjust images to specify an external image or, if using {{< external href=“” text=“Page Bundles” />}}, specify the relative path to the image resource to use:

images = [

{{% hackcss-alert type=“info” %}}Why use arrays? Open Graph supports multiple image sizes. And though After Dark doesn’t support multiple sizes, users can create custom layouts that do.{{% /hackcss-alert %}}

If no page-level image is provided After Dark will fallback to a site-wide image which may be adjusted or removed from {{< external href=“” text=“Site Configuration” />}}:

  images = [
    "" # site-wide og:image

See {{< external href=“” text=“Unsplash” />}} and {{< external href=“” text=“Unsplash Source” />}} for thousands of royalty-free images.