diff options
Diffstat (limited to 'posts/macos-convert-to-html.md')
| -rw-r--r-- | posts/macos-convert-to-html.md | 45 |
1 files changed, 19 insertions, 26 deletions
diff --git a/posts/macos-convert-to-html.md b/posts/macos-convert-to-html.md index 78cc3d3..3349354 100644 --- a/posts/macos-convert-to-html.md +++ b/posts/macos-convert-to-html.md @@ -2,7 +2,7 @@ 2022-01-28 -Since a few people have reached out and thanked me for my previous post [Batch Converting Images to webp with macOS Automator](/batch-webp-conversion), I thought I would continue to share more of my own custom Automator Quick Actions. Today's post will cover the ability to convert *any* text-based document into pure HTML. +Since a few people have reached out and thanked me for my previous post [Batch Converting Images to webp with macOS Automator](/posts/batch-webp-conversion), I thought I would continue to share more of my own custom Automator Quick Actions. Today's post will cover the ability to convert *any* text-based document into pure HTML. I know - there are over 6 billion conversion apps that do this very same thing. But our way of doing it is *cooler*. Our conversion tool: @@ -48,18 +48,17 @@ Wait for everything to finish and you're done! Next you'll want to open the macOS Automator app and create a new "Quick Action" when given the prompt to do so. -<figure> - <img src="/public/images/new-automator.png" alt="Toggle prompt for new automation in macOS Automator"> - <figcaption>After opening Automator, select "Quick Action" from the menu (<a href="/public/images/new-automator.webp">link to hi-res image</a>)</figcaption> -</figure> + + +*After opening Automator, select "Quick Action" from the menu* Now do the following (reference the image further below to make sure your parameters match): -1. Set "Workflow receives current" to <strong>documents</strong> in <strong>any application</strong> +1. Set "Workflow receives current" to **documents** in **any application** 2. In the search bar type in "Run Shell Script" 3. Drag-and-drop the "Run Shell Script" from the left pane into the right pane -4. Set the "Shell" parameter to <strong>/bin/bash</strong> -5. Set "Pass input" as <strong>as arguments</strong> +4. Set the "Shell" parameter to **/bin/bash** +5. Set "Pass input" as **as arguments** Once all that is done, simply paste the following in the open text field within the "Run Shell Script" item: @@ -72,10 +71,7 @@ Once all that is done, simply paste the following in the open text field within If you've done everything correctly it should look something like this: -<figure> - <img src="/public/images/new-automator-2.png" alt="Automator quick action details for converting to HTML"> - <figcaption>This is what your finished Automator quick action should look like (<a href="/public/images/new-automator-2.webp">link to hi-res image</a>)</figcaption> -</figure> + Save this new Quick Action (Name is something like "Convert to HTML" to keep things simple). That's it! Amazing, right? @@ -83,28 +79,25 @@ Save this new Quick Action (Name is something like "Convert to HTML" to keep thi Now it is finally time to see our Quick Action is *action*! Navigate to any document file in a Finder window and follow along. -1. First, right-click on the file you wish to convert. ([Figure 1](#fig-1)) +1. First, right-click on the file you wish to convert. See Fig.1) 2. In the pop-up container, scroll down and hover over `Quick Actions`. -3. A secondary pop-out will appear. Look for the action `Convert File to HTML` and click it. ([Figure 2](#fig-2)) +3. A secondary pop-out will appear. Look for the action `Convert File to HTML` and click it. See Fig.2) + + -<figure id="fig-1"> - <img src="/public/images/macos-convert-1.png" alt="A markdown file in macOS Finder"> - <figcaption><strong>Figure 1:</strong> Finding and right-clicking on your desired file (<a href="/public/images/macos-convert-1.webp">link to hi-res image</a>)</figcaption> -</figure> +*Fig 1: Finding and right-clicking on your desired file* -<figure id="fig-2"> - <img src="/public/images/macos-convert-2.png" alt="Convert to HTML action selection"> - <figcaption><strong>Figure 2:</strong> From the "Quick Actions" menu, select "Convert to HTML" (<a href="/public/images/macos-convert-2.webp">link to hi-res image</a>)</figcaption> -</figure> + + +*Fig 2: From the "Quick Actions" menu, select "Convert to HTML"* If everything was set up properly (and depending on the size of the file) you should see your converted HTML file show up right next to your existing document. Time to celebrate! Don't forget - you can also *batch* convert multiple files and multiple file *types* at once. The possibilities are endless! -<figure> - <img src="/public/images/macos-convert-3.png" alt="Finder window showing a Markdown file and an HTML file"> - <figcaption>Our converted document is now available in HTML. Absolutely glorious. (<a href="/public/images/macos-convert-3.webp">link to hi-res image</a>)</figcaption> -</figure> + + +*Our converted document is now available in HTML. Absolutely glorious.* ## No Limits |