Add OG images to posts

_config.yml

@@ -10,6 +10,8 @@ collections:
     title: Uploads
     output: true
 
+title_photos: Dan Barber – Photos
+
 author: Dan Barber
 markdown: Kramdown
 description: Web designer and developer for thoughtbot in London. Drummer and all
@@ -92,7 +94,6 @@ picture:
         width: 300
         height: 300
 
-
     full-width:
       ppi: [1, 2]
       attr:

_includes/head.html

@@ -54,7 +54,10 @@
 
 <meta property="og:title" content="{{ page.title }}">
 <meta property="og:url" content="{{ site.url }}{{ page.url }}">
-<meta property="og:description" content="{% if page.excerpt != nil %}{{ page.excerpt | strip_html | truncatewords:50 }}{% else %}{{ site.description }}{% endif %}">
+<meta property="og:description" content="{% if page.excerpt != nil %}{{ page.excerpt | strip_html | truncatewords:50 | strip }}{% else %}{{ site.description }}{% endif %}">
+{%- if page.image != nil %}
+<meta property="og:image" content="{{ page.image | magick: resize: "480000@" | absolute_url }}">
+{%- endif %}
 <meta property="og:locale" content="en_UK">
 <meta property="og:type" content="article">
 

_plugins/minimagick.rb

@@ -0,0 +1,39 @@
+module Jekyll
+  module MiniMagick
+    def magick(image_path, options)
+      filename, ext = image_path.split("/").last.split(".")
+
+      dest_path = image_path.
+        split("/")[0..-2].
+        prepend("assets").
+        join("/")
+
+      options.each do |command, arg|
+        filename += "_#{command}#{arg}"
+      end
+
+      write_path = "#{dest_path}/#{filename}.#{ext}"
+
+      if File.exists?("_site/#{write_path}")
+        return write_path
+      end
+
+      image = ::MiniMagick::Image.open("_pictures/#{image_path}")
+
+      image.combine_options do |i|
+        options.each do |command, arg|
+          i.send command, arg
+        end
+        i.strip
+      end
+
+      puts write_path
+
+      image.write "_site/#{write_path}"
+
+      write_path
+    end
+  end
+end
+
+Liquid::Template.register_filter(Jekyll::MiniMagick)

_posts/2010-06-30-iphone-4.md

@@ -7,6 +7,7 @@ categories:
 - iphone
 - iphone-4
 layout: post
+image: "blog/iphone-4/IMG_0035.jpg"
 ---
 
 <figure>

_posts/2010-07-23-iphone-4-revisited.md

@@ -7,6 +7,7 @@ categories:
 - iphone
 - iphone-4
 layout: post
+image: "blog/iphone-4-revisited/IMG_0052.jpg"
 ---
 
 <figure>

_posts/2010-07-26-apple-in-ear-headphones.md

@@ -9,6 +9,7 @@ categories:
 - iphone
 - iphone-4
 layout: post
+image: "blog/apple-in-ear-headphones/IMG_0053.jpg"
 ---
 
 <figure>

_posts/2011-10-06-steve-jobs.md

@@ -7,6 +7,7 @@ categories:
 - steve-jobs
 - visionaries
 layout: post
+image: "blog/steve-jobs/steve-jobs.jpg"
 ---
 
 <figure>

_posts/2014-02-08-zx81.md

@@ -4,6 +4,7 @@ date: Sat, 8 Feb 2014 00:00:00 +0000
 layout: post
 categories:
 - blog
+image: "blog/zx81/154120730_9cb06dbc98_o.jpg"
 ---
 
 <figure>

_posts/2014-04-29-zx-spectrum-plus-2.md

@@ -4,6 +4,7 @@ date: Tue, 29 Apr 2014 07:28:00 +0000
 layout: post
 categories:
 - blog
+image: "blog/zx-spectrum-plus-2/5364873704_0fe55f7e3e_o.jpg"
 ---
 
 <figure>

_posts/2018-01-21-building-a-keyboard.md

@@ -7,6 +7,7 @@ categories:
 - hardware
 - keyboards
 date: Sun, 21 Jan 2018 17:38:21 +0000
+image: "blog/building-a-keyboard/DSCF7141.jpg"
 ---
 
 <figure>

_posts/2018-08-10-chess-and-recursion-part-1.md

@@ -8,6 +8,7 @@ categories:
 - elixir
 - games
 date: Fri, 10 Aug 2018 00:00:00 +0000
+image: "blog/chess-and-recursion-part-1/escher-chess.jpg"
 ---
 
 <style>

_posts/2019-03-10-brompton.markdown

@@ -8,6 +8,7 @@ tags:
 - fun
 - brompton
 date: Sun, 10 Mar 2019 17:24:23 +0000
+image: "blog/brompton/IMG_0927.jpg"
 ---
 
 <figure class="photo photo--wide">

feed.json

@@ -59,7 +59,7 @@ layout:
               , "url": {{ post_author_uri | jsonify }}
               {% endif %}
             },
-            "tags": {{ post.tags | jsonify }}
+            "tags": {{ post.tags | uniq | jsonify }}
         }{% unless forloop.last == true %},{% endunless %}
       {% endfor %}
     ]

feed.photos.json

@@ -5,7 +5,7 @@ layout:
 {
     "version": "https://jsonfeed.org/version/1",
     {% if site.title %}
-    "title": {{ site.title | smartify | jsonify }},
+    "title": {{ site.title_photos | smartify | jsonify }},
     {% elsif site.name %}
     "title": {{ site.name | smartify | jsonify }},
     {% endif %}
@@ -41,7 +41,7 @@ layout:
               {% unless post_image contains "://" %}
                 {% assign post_image = post_image | absolute_url | xml_escape  %}
               {% endunless %}
-              "image": {{ post_image | jsonify }},
+              "image": {{ post.image | magick: resize: "2097152@" | absolute_url | jsonify }},
             {% endif %}
             {% assign post_banner_image = post.banner_image.path | default: post.banner_image %}
             {% if post_banner_image %}

feed.photos.xml

@@ -4,7 +4,7 @@ layout:
 
 <?xml version="1.0" encoding="utf-8"?>
 <feed xmlns="http://www.w3.org/2005/Atom">
-  <title><![CDATA[{{ site.title }}]]></title>
+  <title><![CDATA[{{ site.title_photos }}]]></title>
   <link href="{{ site.url }}/atom.xml" rel="self"/>
   <link href="{{ site.url }}/"/>
   <updated>{{ site.time | date_to_xmlschema }}</updated>

sale/index.markdown

@@ -1,16 +0,0 @@
----
-title: Stuff for sale
-date: 2014-04-20 00:00:00 Z
-layout: page
-footer: true
----
-
-### iPad 3rd generation - 64GB Wi-Fi & 3G (black) -- Sold!
-
-{% picture full-width pages/sale/DSCF1694.jpg %}
-
-For sale is my 3rd gen iPad with Retina display. It has 64Gb of storage and 3G connectivity. It's in excellent condition with no scratches or dents and comes with the original box and accessories. I'm also throwing in the iPad smart case in grey.
-
-The iPad will be erased before it goes and is currently running the latest iOS (7.1.2 at the time of writing).
-
-[More photos](https://danbarber.trovebox.com/photos/album-c/token-9cb5969dcb/list)