Workflow Part 2: Exporting Markdown and Adding Content to Your Page

Welcome to the second instalment of our Workflow series. Today, we’ll discuss how to add a Markdown heading section for Hugo, export Markdown notes from Joplin, and incorporate an image from DALL-E in your post.

Adding a Markdown Heading Section for Hugo

In your Markdown file, add a heading section for Hugo by following these examples:

  1. Title: title: "My New Post"
  2. Escaping Apostrophes: title: "It''s a Wonderful Life"
  3. Weight: weight: 10
  4. Categories: categories: ["Publishing", "Bayesian Statistics"]
  5. Tags: tags: ["workflow", "export"]
  6. Date: date: 2023-04-01

Different Hugo themes may utilise these features in various ways. Check your theme’s documentation for specific usage.

Exporting a Markdown Note in Joplin

To export a Markdown note from Joplin and add it to your Git repository, follow these steps:

  1. In Joplin, select the note you want to export.
  2. Right click on the note > “Export” > “MD - Markdown”
  3. Save the .md file to an appropriate location in your GitHub Hugo repository.

For example, you might store posts about publishing in content/publishing and posts about Bayesian statistics in content/bayesian.

Adding an Image from DALL-E to Your Post

To incorporate an image generated by DALL-E in your post, follow these steps:

  1. Briefly, DALL-E is an AI that generates images based on textual input.
  2. Save the image with a descriptive name, such as cute_ai_robot.png.
  3. Move the image to the appropriate location in your Git repository, for example, static/images/cute_ai_robot.png.
  4. Add a Markdown reference to the image in your post: ![Cute AI Robot](/images/cute_ai_robot.png)

With these tips, you’ll be able to enhance your posts by exporting your Markdown notes from Joplin and adding images generated by DALL-E. Stay tuned for our next Workflow instalment, where we’ll discuss publishing your posts using CI/CD.