Use a custom opengraph template and rename feature-video to just feature

This commit is contained in:
BBaoVanC 2021-10-09 14:09:02 -05:00
parent afb9ff6ab0
commit 9beed385a8
Signed by: bbaovanc
GPG Key ID: 18089E4E3CCF1D3A
4 changed files with 57 additions and 11 deletions

View File

@ -12,16 +12,10 @@ tags = [
"awesome", "awesome",
] ]
# this image will be shown for the article in list pages # this will be shown for the article in list pages
# currently it can be either an image or video
[[resources]] [[resources]]
name = "feature" name = "feature"
src = "something.webp" src = "something.webp"
title = "Some image (image format can be anything; webp is just an example)" title = "Some image (image format can be anything; webp is just an example)"
# same as above, but a video. only one will be shown; image takes
# priority over video
[[resources]]
name = "feature-video"
src = "whatever.webm"
title = "Whatever video (video format can be anything; webm is just an example)"
+++ +++

View File

@ -69,11 +69,11 @@
{{ end }} {{ end }}
{{ with .Resources.GetMatch "feature" }} {{ with .Resources.GetMatch "feature" }}
{{ if eq .MediaType.MainType "image" }}
<div class="post-media"> <div class="post-media">
<img src="{{ .Permalink }}" alt="{{ .Title }}" /> <img src="{{ .Permalink }}" alt="{{ .Title }}" />
</div> </div>
{{ else }} {{ else if eq .MediaType.MainType "video" }}
{{ with .Resources.GetMatch "feature-video" }}
<div class="post-media"> <div class="post-media">
<video controls> <video controls>
<source src="{{ .Permalink }}" alt="{{ .Title }}"> <source src="{{ .Permalink }}" alt="{{ .Title }}">

View File

@ -22,7 +22,7 @@
<title>{{ print .Title " | " .Site.Title }}</title> <title>{{ print .Title " | " .Site.Title }}</title>
{{ end }} {{ end }}
{{ template "_internal/opengraph.html" . }} {{ partial "opengraph.html" . }}
{{ template "_internal/twitter_cards.html" . }} {{ template "_internal/twitter_cards.html" . }}
{{ template "_internal/schema.html" . }} {{ template "_internal/schema.html" . }}

View File

@ -0,0 +1,52 @@
<meta property="og:title" content="{{ .Title }}" />
<meta property="og:description" content="{{ with .Description }}{{ . }}{{ else }}{{if .IsPage}}{{ .Summary }}{{ else }}{{ with .Site.Params.description }}{{ . }}{{ end }}{{ end }}{{ end }}" />
<meta property="og:type" content="{{ if .IsPage }}article{{ else }}website{{ end }}" />
<meta property="og:url" content="{{ .Permalink }}" />
{{- with $.Params.images -}}
{{- range first 6 . }}<meta property="og:image" content="{{ . | absURL }}" />{{ end -}}
{{- else -}}
{{- $images := $.Resources.ByType "image" -}}
{{- $featured := $images.GetMatch "*feature*" -}}
{{- if not $featured }}{{ $featured = $images.GetMatch "{*cover*,*thumbnail*}" }}{{ end -}}
{{- with $featured -}}
<meta property="og:image" content="{{ $featured.Permalink }}"/>
{{- else -}}
{{- with $.Site.Params.images }}<meta property="og:image" content="{{ index . 0 | absURL }}"/>{{ end -}}
{{- end -}}
{{- end -}}
{{- if .IsPage }}
{{- $iso8601 := "2006-01-02T15:04:05-07:00" -}}
<meta property="article:section" content="{{ .Section }}" />
{{ with .PublishDate }}<meta property="article:published_time" {{ .Format $iso8601 | printf "content=%q" | safeHTMLAttr }} />{{ end }}
{{ with .Lastmod }}<meta property="article:modified_time" {{ .Format $iso8601 | printf "content=%q" | safeHTMLAttr }} />{{ end }}
{{- end -}}
{{- with .Params.audio }}<meta property="og:audio" content="{{ . }}" />{{ end }}
{{- with .Params.locale }}<meta property="og:locale" content="{{ . }}" />{{ end }}
{{- with .Site.Params.title }}<meta property="og:site_name" content="{{ . }}" />{{ end }}
{{- $videos := $.Resources.ByType "video" -}}
{{- $featured_video := $videos.GetMatch "*feature*" -}}
{{- if not $featured_video }}{{ $featured_video = $videos.GetMatch "{*cover*,*thumbnail*}" }}{{ end -}}
{{- with $featured_video -}}
<meta property="og:video" content="{{ $featured_video.Permalink | absURL }}" />
{{- else -}}
{{- with .Params.videos }}{{- range . }}
<meta property="og:video" content="{{ . | absURL }}" />
{{ end }}{{ end }}
{{- end -}}
{{- /* If it is part of a series, link to related articles */}}
{{- $permalink := .Permalink }}
{{- $siteSeries := .Site.Taxonomies.series }}
{{ with .Params.series }}{{- range $name := . }}
{{- $series := index $siteSeries ($name | urlize) }}
{{- range $page := first 6 $series.Pages }}
{{- if ne $page.Permalink $permalink }}<meta property="og:see_also" content="{{ $page.Permalink }}" />{{ end }}
{{- end }}
{{ end }}{{ end }}
{{- /* Facebook Page Admin ID for Domain Insights */}}
{{- with .Site.Social.facebook_admin }}<meta property="fb:admins" content="{{ . }}" />{{ end }}