As a general rule, images in my blog posts are either screenshots from an Apple device, or a photo I’ve taken of a physical product, like a keyboard or a CPU heatsink. The other advantage of using in-line HTML instead of iA Writer’s Content Block system is the speed with which the appropriate HTML snippet can be generated - with the help of Shortcuts, of course. An added bonus being that your final draft is already 100% ready for the web, since everything you have written is already either Markdown or HTML. This strategy for inserting images makes it very clear where in the editor you have images inserted (because the HTML sticks out so plainly), while also allowing you to preview a post as it would appear on the web right inside iA Writer. Here’s what it looks like in both the editor window and the preview window in iA Writer: iA Writer natively parses the HTML on the left to show the image in the preview window on the right. Whenever I want to embed an image in a blog post, I simply paste in a snippet of HTML that points to the of the image, and includes an image caption and alt text. What this means is that iA Writer can natively parse and preview HTML tags inside my Markdown documents - including the figure and figcaption tags. There’s no need to preface it or delimit it to indicate that you’re switching from Markdown to HTML you just use the tags. One of the many benefits of writing in Markdown is that most editors natively parse HTML as well, because Markdown and HTML are intended to work seamlessly with each other - as John Gruber himself explains here:įor any markup that is not covered by Markdown’s syntax, you simply use HTML itself. I also use iA Writer for all of the posts on Peer Reviewed, but I have a different (and perhaps more efficient) way of handling images as I put together my posts: in-line HTML. You can listen to this section of the latest episode, but in short: Federico uses iA Writer’s Content Block feature to insert images and view them right in the editor’s preview window - and then uses Scriptable to upload all of the images one-by-one and replace the Content Block with the actual image embed. On last week’s episode of Connected, Federico Viticci described the way in which he embeds images as he writes in iA Writer and subsequently uploads those images to the MacStories CMS.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |