overrides/main.html

{% extends "base.html" %}

<!-- Custom front matter -->
{% block extrahead %}

  <!-- Determine title -->
  {% set title = config.site_name %}
  {% if page and page.title and not page.is_homepage %}
    {% set title = config.site_name ~ " - " ~ page.title | striptags %}
  {% endif %}

  <!-- Determine description -->
  {% set description = config.site_description %}
  {% if page and page.meta and page.meta.description %}
    {% set description = page.meta.description %}
  {% endif %}

  <!-- Determine type -->
  {% set og_type = "website" %}
  {% if page and page.meta and page.meta.type and page.meta.template == "reference.html" %}
    {% set og_type = "article" %}
  {% endif %}
  {% if page and page.meta and page.meta.og_type %}
    {% set og_type = page.meta.og_type %}
  {% endif %}

  <!-- The image needs to have an absolute URL -->
  {% set image = config.extra.local.social_preview %}

  <!-- Open graph meta tags -->
  <meta property="og:site_name" content="{{ config.site_name }}" />
  <meta property="og:type" content="{{ og_type }}" />
  <meta property="og:title" content="{{ title }}" />
  <meta property="og:description" content="{{ description }}" />
  <meta property="og:url" content="{{ page.canonical_url }}" />
  <meta property="og:image" content="{{ image }}" />
  <meta property="og:image:type" content="image/png" />
  <meta property="og:image:width" content="1280" />
  <meta property="og:image:height" content="640" />
  <meta property="og:image:alt" content="{{ description }}" />

  <!-- Twitter meta tags -->
  <meta name="twitter:card" content="summary_large_image" />
  <meta name="twitter:site" content="@github" />
  <meta name="twitter:title" content="{{ title }}" />
  <meta name="twitter:description" content="{{ description }}" />
  <meta name="twitter:image" content="{{ image }}" />

{% endblock %}