From f8d3a60e50e68e40449dd69fb6b01d3b10d8481e Mon Sep 17 00:00:00 2001
From: Yan Lin <github@yanlincs.com>
Date: Mon, 9 Feb 2026 12:30:49 +0100
Subject: [PATCH] Add Open Graph and Twitter meta tags

---
 templates/base.html    | 13 +++++++++++++
 templates/page.html    |  9 +++++++++
 templates/section.html |  9 +++++++++
 3 files changed, 31 insertions(+)

diff --git a/templates/base.html b/templates/base.html
index ad6c122..9e773a5 100644
--- a/templates/base.html
+++ b/templates/base.html
@@ -5,6 +5,19 @@
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <title>{% block title %}{{ config.title }}{% endblock title %}</title>
     <meta name="description" content="{% block description %}{{ config.description }}{% endblock description %}">
+    <meta name="author" content="{{ config.extra.author }}">
+    <link rel="canonical" href="{% block canonical %}{{ config.base_url }}{% endblock canonical %}">
+    <!-- Open Graph -->
+    <meta property="og:title" content="{% block og_title %}{{ config.title }}{% endblock og_title %}">
+    <meta property="og:description" content="{% block og_description %}{{ config.description }}{% endblock og_description %}">
+    <meta property="og:url" content="{% block og_url %}{{ config.base_url }}{% endblock og_url %}">
+    <meta property="og:site_name" content="{{ config.title }}">
+    <meta property="og:type" content="{% block og_type %}website{% endblock og_type %}">
+    {% block og_extra %}{% endblock og_extra %}
+    <!-- Twitter Card -->
+    <meta name="twitter:card" content="summary">
+    <meta name="twitter:title" content="{% block twitter_title %}{{ config.title }}{% endblock twitter_title %}">
+    <meta name="twitter:description" content="{% block twitter_description %}{{ config.description }}{% endblock twitter_description %}">
     <link rel="stylesheet" href="{{ get_url(path='style.css') }}">
     <link rel="alternate" type="application/rss+xml" title="RSS" href="{{ get_url(path='rss.xml') }}">
     <!-- Favicon -->
diff --git a/templates/page.html b/templates/page.html
index efc4d4a..7942fbc 100644
--- a/templates/page.html
+++ b/templates/page.html
@@ -4,6 +4,15 @@
 
 {% block description %}{% if page.description %}{{ page.description }}{% else %}{{ config.description }}{% endif %}{% endblock description %}
 
+{% block canonical %}{{ page.permalink }}{% endblock canonical %}
+{% block og_title %}{{ page.title }}{% endblock og_title %}
+{% block og_description %}{% if page.description %}{{ page.description }}{% else %}{{ config.description }}{% endif %}{% endblock og_description %}
+{% block og_url %}{{ page.permalink }}{% endblock og_url %}
+{% block og_type %}article{% endblock og_type %}
+{% block og_extra %}{% if page.date %}<meta property="article:published_time" content="{{ page.date }}">{% endif %}{% endblock og_extra %}
+{% block twitter_title %}{{ page.title }}{% endblock twitter_title %}
+{% block twitter_description %}{% if page.description %}{{ page.description }}{% else %}{{ config.description }}{% endif %}{% endblock twitter_description %}
+
 {% block content %}
 <article>
     <header class="post-header">
diff --git a/templates/section.html b/templates/section.html
index d09a865..bbe5a97 100644
--- a/templates/section.html
+++ b/templates/section.html
@@ -2,6 +2,15 @@
 
 {% block title %}{{ section.title }} - {{ config.title }}{% endblock title %}
 
+{% block description %}{% if section.description %}{{ section.description }}{% else %}{{ config.description }}{% endif %}{% endblock description %}
+
+{% block canonical %}{{ section.permalink }}{% endblock canonical %}
+{% block og_title %}{{ section.title }} - {{ config.title }}{% endblock og_title %}
+{% block og_description %}{% if section.description %}{{ section.description }}{% else %}{{ config.description }}{% endif %}{% endblock og_description %}
+{% block og_url %}{{ section.permalink }}{% endblock og_url %}
+{% block twitter_title %}{{ section.title }} - {{ config.title }}{% endblock twitter_title %}
+{% block twitter_description %}{% if section.description %}{{ section.description }}{% else %}{{ config.description }}{% endif %}{% endblock twitter_description %}
+
 {% block content %}
 <h1>{{ section.title }}</h1>