feat: Use Hugo's images parameter for opengraph and front image

content/blog/uses-2021-edition-2021-12-06.md

@@ -4,7 +4,8 @@ title = "Uses, 2021 Edition"
 date = '2021-12-06'
 categories = ["Uses"]
 url = "/2021/12/06-uses-2021-edition"
-frontImage = ["https://files.earne.link/site/blog/tumblr_uneventful_new_year.jpg", "Tumblr post screenshot - michaelgovehateblog: I would like to wish everyone an uneventful new year - It's only November and this is already getting notes again, you guys are really manifesting this energy early for the new year - primarybufferpanel: We would like to live in Less Interesting Times please"]
+images = ['https://files.earne.link/site/blog/tumblr_uneventful_new_year.jpg']
+fImageAlt = ["Tumblr post screenshot - michaelgovehateblog: I would like to wish everyone an uneventful new year - It's only November and this is already getting notes again, you guys are really manifesting this energy early for the new year - primarybufferpanel: We would like to live in Less Interesting Times please"]
 forum_id = '15'
 +++
 

layouts/blog/single.html

@@ -13,12 +13,13 @@
     <li>Categories: {{ range (.GetTerms "categories") }}<a href="{{ .Permalink }}">{{ .LinkTitle }}</a> {{ end }}</li>
 </ul>
 
-{{ with .Params.frontImage }}
+<content>
+{{- with .Params.images }}
   <figure class="title-image">
-    <img src="{{ index . 0 }}" alt="{{ index . 1 }}" title="{{ index . 2 }}">
+      <img src="{{ index . 0 }}" {{ with $.Page.Params.fImageAlt }} alt="{{ index . 0 }}" title="{{ index . 1 }}"{{ end }}>
   </figure>
 {{ end }}
-<content>
+
 {{ .Content }}
 </content>