feat(blog): add social media tags with blog content

macros - meta - filter description with striptag

Signed-off-by: Lachezar Lechev <[email protected]>

Author: elpiel

templates/blog_post.html

@@ -1,7 +1,13 @@
 {% extends "base.html" %}
 
+
 {% block title %}{{ page.title }}{% endblock %}
 
+{% block meta -%}
+    {{ meta_macros::facebook_meta(title=page.title, description=page.summary, url=current_url, image=page.extra.meta_image) }}
+    {{ meta_macros::twitter_meta(title=page.title, description=page.summary, image=page.extra.meta_image) }}
+{% endblock -%}
+
 {% block content %}
 
 <div class="row gx-5 mt-3">

templates/macros/meta.html

@@ -5,15 +5,15 @@
 {% endif -%}
 <meta property="og:type" content="{{ type }}" />
 {% if description != "" -%}
-<meta property="og:description" content="{{ description }}" />
+<meta property="og:description" content="{{ description | striptags }}" />
 {% endif -%}
 {# <meta property="og:locale" content="en_GB" />
 <meta property="og:locale:alternate" content="fr_FR" />
 <meta property="og:locale:alternate" content="es_ES" />
 <meta property="og:site_name" content="IMDb" /> -#}
-<meta property="og:url" content="{{ url | safe }}" />
+<meta property="og:url" content="{{ url | safe -}}" />
 {% if image != "" -%}
-<meta property="og:image" content="{{ image | safe }}" />
+<meta property="og:image" content="{{ image | safe -}}" />
 {% endif -%}
 {% endmacro %}
 
@@ -22,7 +22,7 @@
     <meta name="twitter:title" content="{{ title }}">
 {% endif -%}
 {% if description != "" -%}
-    <meta name="twitter:description" content="{{ description }}">
+    <meta name="twitter:description" content="{{ description | striptags }}">
 {% endif -%}
 {% if image != "" -%}
     <meta name="twitter:image" content=" {{ image | safe }}">