Another KM Macro Conversion

The long holiday weekend allowed me to catch up on some reading 1 and some more ideas on matching my macOS automations for my iPad. In preparation for upcoming posts, I started looking at ways to get image links easily formatted for my site.

Since I write in Markdown, inserting an image link is straight forward. For example just typing in this:

  ![Mankato Brewery](

And I'll get this displayed in a blog post:

Mankato Brewery

Most of my post have included images as a reference to the reader on a technical topic. I wanted to make sure the images included could be a)viewed in full size and b) similarly size for visual continuity. Because the Markdown image link syntax doesn't include any formatting options2, I use a set of specific HTML element tags for images on my site:

<figure><a href=""><img src="" style="display:block; margin-left: auto; margin-right:auto; margin-bottom:10px; width:600px;" /></img></a></figure>

And thost tags get this displayed in a blog post:

I can hear what you're thinking, "Nice... but they look the same."

True, but the second image can be clicked on and opened up to full size in your browser window. That allows me to keep the post visually similar, but let the reader see details on an image if they choose too.

Migrating one more macro to iOS

The challenge for iOS has always been the tools to get content off the iOS device and into another device. For now I'm still relying on Panic's Transmit for iOS.3 This allows me to take images from my iPad and post them onto the web server hosting my blog. The difference is I can't get the full URL of the image like I can on macOS.

In Drafts I created an Action to take the full path of the image on the web server and paste it back into my document with the correct HTML tags.

 let str = app.getClipboard();

 str = '<figure><a href="' + '' + encodeURIComponent(str.substr(15)) + '"><img src="' + '' + encodeURIComponent(str.substr(15)) + '" style="display:block; margin-left: auto; margin-right:auto; margin-bottom:10px; width:600px;" /></img></a></figure>'


So now I can get the same HTML tags wrapped around the image link I have from either Transmit for macOS or Transmit for iOS.

  1. More on that soon.  

  2. Size, margins, alignment, etc. 

  3. Six years later and I still haven't found an app as good.  

Previous posts:

  1. Creating Pelican title blocks in Drafts

    There's a funny thing that happens when you start using good tools, you only want to use your good tools. One of my favorite tools for a while now has been the Markdown1 text file format. The upside to using Markdown is that it's also the format I use …

  2. Rethinking my what's in my toolbox

    This post has been a long time coming. Covid hit people in a lot of different ways. I'm still dealing with some of the personal challenges that came out of the past 2+ years. The biggest effect this had on me was professionally. A lot the areas I focus on …

  3. Setting the sort order of Select Value dialog box in Maximo

    One of the under-appreciated functions in Maximo is the ability to create custom value lists for a field using a Domain. The use of a Domain value list helps guide a Maximo user to use a specific set of choices to align the data choices used on a given field …

  4. Reviewing PM completion requirements

    I believe the most important part of being a leader is also being a teacher. Reliability leaders are generally asked to teach and explain new concepts on how to improve the methods being utilized to maintain our facility's equipment. As teachers we sometimes fail to see a contextual change that …

  5. Migrating my plain text files

    My first exposure to using text files to store little bits of information came from Merlin Mann on a Mac Power Users episode.1 This is one of those episodes I consider part of the foundation of my personal automation path. Using Merlin's text file tag names has been a …