site: "https://stevedsimkins-dev-astro.vercel.app/",

Sitemap: https://stevedsimkins-dev-astro.vercel.app/sitemap-index.xml

			<a class="inline-block p-2 sm:hover:text-link" href={SOCIAL_LINKS.linkedin}}>

---

title: "Testing testing 123!"

publishDate: "13 May 2022"

description: "Hello world!!! This is an example blog post showcasing some of the cool stuff Astro Cactus theme can do."

tags: ["example", "blog", "cool"]

---

import { Image } from "@astrojs/image/components";

## Hello World

Following is an example blog post written in an mdx file. You can find me @ src/content/post/hello-world.mdx. Here you can add/update/delete details and watch the changes live when running in develop mode.

<Image

	src="https://picsum.photos/id/1025/550/460"

	alt="A covered up pug in the woods"

	width={550}

	height={460}

/>

## Using some markdown elements

Here we have a simple js code block.

```js

let string = "JavaScript syntax highlighting";

```

This is styled by Shiki, set via the [config](https://docs.astro.build/en/guides/markdown-content/#syntax-highlighting) for Astro.

You can choose your own theme from this [library](https://github.com/shikijs/shiki/blob/main/docs/themes.md#all-themes), which is currently set to Dracula, in the file `astro.config.mjs`.

Here is a horizontal rule.

---

Here is a list:

- Item number 1

- Item number 2

- Item number 3

And an ordered list:

1. James Madison

2. James Monroe

3. John Quincy Adams

Here is a table:

| Item         | Price | # In stock |

| ------------ | :---: | ---------: |

| Juicy Apples | 1.99  |        739 |

| Bananas      | 1.89  |          6 |

## Tailwind CSS Prose styling

> I'm a simple blockquote.

> I'm styled by Tailwind CSS prose plugin

---

title: "A post of Markdown elements"

description: "This post is for testing and listing a number of different markdown elements"

publishDate: "22 Feb 2023"

tags: ["test", "markdown"]

---

## This is a H2 Heading

### This is a H3 Heading

#### This is a H4 Heading

##### This is a H5 Heading

###### This is a H6 Heading

## Horizontal Rules

---

---

---

## Emphasis

**This is bold text**

_This is italic text_

~~Strikethrough~~

## Blockquotes

> Blockquotes can also be nested...

>

> > ...by using additional greater-than signs right next to each other...

> >

> > > ...or with spaces between arrows.

## Lists

Unordered

- Create a list by starting a line with `+`, `-`, or `*`

- Sub-lists are made by indenting 2 spaces:

  - Marker character change forces new list start:

    - Ac tristique libero volutpat at

    - Facilisis in pretium nisl aliquet

    - Nulla volutpat aliquam velit

- Very easy!

Ordered

1. Lorem ipsum dolor sit amet

2. Consectetur adipiscing elit

3. Integer molestie lorem at massa

4. You can use sequential numbers...

5. ...or keep all the numbers as `1.`

Start numbering with offset:

57. foo

1. bar

## Code

Inline `code`

Indented code

    // Some comments

    line 1 of code

    line 2 of code

    line 3 of code

Block code "fences"

```

Sample text here...

```

Syntax highlighting

```js

const axios = require('axios')

const FormData = require('form-data')

const fs = require('fs')

require('dotenv').config()

const pinFileToIPFS = async () => {

  try {

    let data = new FormData()

    data.append('file', fs.createReadStream('./assets/Pinnie.png'))

    data.append('pinataOptions', '{"cidVersion": 0}')

    data.append('pinataMetadata', '{"name": "pinnie"}')

    const res = await axios.post('https://api.pinata.cloud/pinning/pinFileToIPFS', data, {

      headers: {

        'Authorization': `Bearer ${process.env.PINATA_JWT}`

      }

    })

    console.log(res.data)

    console.log(`View the file here: https://gateway.pinata.cloud/ipfs/${res.data.IpfsHash}`)

  } catch (error) {

    console.log(error)

  } 

}

pinFileToIPFS()

```

## Tables

| Option | Description                                                               |

| ------ | ------------------------------------------------------------------------- |

| data   | path to data files to supply the data that will be passed into templates. |

| engine | engine to be used for processing templates. Handlebars is the default.    |

| ext    | extension to be used for dest files.                                      |

Right aligned columns

| Option |                                                               Description |

| -----: | ------------------------------------------------------------------------: |

|   data | path to data files to supply the data that will be passed into templates. |

| engine |    engine to be used for processing templates. Handlebars is the default. |

|    ext |                                      extension to be used for dest files. |

## Links

[Content from markdown-it](https://markdown-it.github.io/)

## Quotes

"Double quotes" and 'single quotes'

<iframe width="320" height="180" src="https://www.youtube.com/embed/nupkQD_Mnhg" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>

> In the past, I have made no secret of my disdain for Chef Gusteau's famous motto, 'Anyone can cook.' But I realize, only now do I truly understand what he meant. Not everyone can become a great artist; but a great artist **can** come from **anywhere**.

      My name is Steve, and I'm a developer, technical writer, and creator with a desire to help

			</li>

			<li>

				<a

					href="https://www.markdownguide.org/"

					target="_blank"

					rel="noopener noreferrer"

					class="cactus-link inline-block"

					>Markdown

				</a>:

				<p class="inline-block sm:mt-2">Simple and easy-to-use markup language.</p>

			</li>

			<li>

				<a

					href="https://mdxjs.com/"

					target="_blank"

					rel="noopener noreferrer"

					class="cactus-link inline-block"

					>MDX

				</a>:

				<p class="inline-block sm:mt-2">Markdown for the component era.</p>

			</li>

			<li>

				<a

					href="https://github.com/vercel/satori"

					target="_blank"

					rel="noopener noreferrer"

					class="cactus-link inline-block"

					>Satori

				</a>:

				<p class="inline-block sm:mt-2">Generating png Open Graph images for blog posts</p>