Joost van der Laan

Markdown Example 1

This is a basic markdown example.

# Heading 1

## Heading 2

### Heading 3

#### Heading 4

##### Heading 5

###### Heading 6

**Bold text**

*Italicized text*

~~Strikethrough text~~

[Link to Astro website](https://storage.googleapis.com/astro.build/)

Result

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Bold text

Italicized text

Strikethrough text

Link to Astro website

Markdown Example 2

This example shows how to use markdown to create lists.

* Unordered list item 1
* Unordered list item 2
* Unordered list item 3

1. Ordered list item 1
2. Ordered list item 2
3. Ordered list item 3

Result

  1. Ordered list item 1
  2. Ordered list item 2
  3. Ordered list item 3

Markdown Example 3

This example shows how to use markdown to create tables.

| Header 1 | Header 2 | Header 3 |
|---|---|---|
| Cell 1 | Cell 2 | Cell 3 |
| Cell 4 | Cell 5 | Cell 6 |
| Cell 7 | Cell 8 | Cell 9 |

Result

Header 1Header 2Header 3
Cell 1Cell 2Cell 3
Cell 4Cell 5Cell 6
Cell 7Cell 8Cell 9

To add an image, use the markdown syntax for displaying an image.

For more, see the Astro documentation.

Remote Image

The preferred, and most flexible way of storing images. Also keeps repo size small. Not all Static site generators support image optimizations with remote urls though. Astro does.

![Buchdruck](https://storage.googleapis.com/media-fashionunited-com/cdn/2024/mika-baumeister-2X6bkiL0GDo-unsplash.jpg)

Buchdruck

Remote Image

# My Markdown Page

## Local image stored in src/assets/
<!-- Use a relative file path or import alias -->
![Buchdruck.](../../../assets/mika-baumeister-2X6bkiL0GDo-unsplash.jpg)

## Image stored in public/images/ Only use this when you do not want image processing
<!-- Use the file path relative to public/ -->
![Buchdruck.](/images/mika-baumeister-2X6bkiL0GDo-unsplash.jpg)

## Remote image on another server 
<!-- Use the full URL of the image -->
![Buchdruck](https://storage.googleapis.com/media-fashionunited-com/cdn/2024/mika-baumeister-2X6bkiL0GDo-unsplash.jpg)

My Markdown Page

Local image stored in src/assets/

Buchdruck.

Image stored in public/images/ Only use this when you do not want image processing

Buchdruck.

Remote image on another server

Buchdruck

Test images from Unsplash

These can be used for testing with various sizes, colors etc of images.

gsutil -m cp \
  "gs://media-fashionunited-com/cdn/2024/adrianna-geo-1rBg5YSi00c-unsplash.jpg" \
  "gs://media-fashionunited-com/cdn/2024/art-institute-of-chicago-7_MHwujvQ-U-unsplash.jpg" \
  "gs://media-fashionunited-com/cdn/2024/birmingham-museums-trust-5EUh-tq31eA-unsplash.jpg" \
  "gs://media-fashionunited-com/cdn/2024/birmingham-museums-trust-wKlHsooRVbg-unsplash.jpg" \
  "gs://media-fashionunited-com/cdn/2024/chris-czermak-PamFFHL6fVY-unsplash.jpg" \
  "gs://media-fashionunited-com/cdn/2024/chris-reyem-l_h4zrtTnwE-unsplash.jpg" \
  "gs://media-fashionunited-com/cdn/2024/daniel-robert-3h0jr5XLmeg-unsplash.jpg" \
  "gs://media-fashionunited-com/cdn/2024/egor-myznik-AIZ8a9llDdo-unsplash.jpg" \
  "gs://media-fashionunited-com/cdn/2024/europeana-HhMt_nUAIEc-unsplash.jpg" \
  "gs://media-fashionunited-com/cdn/2024/fons-heijnsbroek-98gM0aBxIqE-unsplash.jpg" \
  "gs://media-fashionunited-com/cdn/2024/jason-leung-27wwTHC7Zfo-unsplash.jpg" \
  "gs://media-fashionunited-com/cdn/2024/jene-stephaniuk--MCrF6hnojU-unsplash.jpg" \
  "gs://media-fashionunited-com/cdn/2024/jess-bailey-l3N9Q27zULw-unsplash.jpg" \
  "gs://media-fashionunited-com/cdn/2024/mika-baumeister-2X6bkiL0GDo-unsplash.jpg" \
  "gs://media-fashionunited-com/cdn/2024/pawel-czerwinski-nM7T4zTP3GQ-unsplash.jpg" \
  "gs://media-fashionunited-com/cdn/2024/ran-berkovich-VzxXU79UNmg-unsplash.jpg" \
  "gs://media-fashionunited-com/cdn/2024/swati-b-FP3zYIeDqlM-unsplash.jpg" \
  "gs://media-fashionunited-com/cdn/2024/the-new-york-public-library-4BXWIQoS8Fo-unsplash.jpg" \
  .


# and the public URLs for those:

    https://storage.googleapis.com/media-fashionunited-com/cdn/2024/adrianna-geo-1rBg5YSi00c-unsplash.jpg
    https://storage.googleapis.com/media-fashionunited-com/cdn/2024/art-institute-of-chicago-7_MHwujvQ-U-unsplash.jpg
    https://storage.googleapis.com/media-fashionunited-com/cdn/2024/birmingham-museums-trust-5EUh-tq31eA-unsplash.jpg
    https://storage.googleapis.com/media-fashionunited-com/cdn/2024/birmingham-museums-trust-wKlHsooRVbg-unsplash.jpg
    https://storage.googleapis.com/media-fashionunited-com/cdn/2024/chris-czermak-PamFFHL6fVY-unsplash.jpg
    https://storage.googleapis.com/media-fashionunited-com/cdn/2024/chris-reyem-l_h4zrtTnwE-unsplash.jpg
    https://storage.googleapis.com/media-fashionunited-com/cdn/2024/daniel-robert-3h0jr5XLmeg-unsplash.jpg
    https://storage.googleapis.com/media-fashionunited-com/cdn/2024/egor-myznik-AIZ8a9llDdo-unsplash.jpg
    https://storage.googleapis.com/media-fashionunited-com/cdn/2024/europeana-HhMt_nUAIEc-unsplash.jpg
    https://storage.googleapis.com/media-fashionunited-com/cdn/2024/fons-heijnsbroek-98gM0aBxIqE-unsplash.jpg
    https://storage.googleapis.com/media-fashionunited-com/cdn/2024/jason-leung-27wwTHC7Zfo-unsplash.jpg
    https://storage.googleapis.com/media-fashionunited-com/cdn/2024/jene-stephaniuk--MCrF6hnojU-unsplash.jpg
    https://storage.googleapis.com/media-fashionunited-com/cdn/2024/jess-bailey-l3N9Q27zULw-unsplash.jpg
    https://storage.googleapis.com/media-fashionunited-com/cdn/2024/mika-baumeister-2X6bkiL0GDo-unsplash.jpg
    https://storage.googleapis.com/media-fashionunited-com/cdn/2024/pawel-czerwinski-nM7T4zTP3GQ-unsplash.jpg
    https://storage.googleapis.com/media-fashionunited-com/cdn/2024/ran-berkovich-VzxXU79UNmg-unsplash.jpg
    https://storage.googleapis.com/media-fashionunited-com/cdn/2024/swati-b-FP3zYIeDqlM-unsplash.jpg
    https://storage.googleapis.com/media-fashionunited-com/cdn/2024/the-new-york-public-library-4BXWIQoS8Fo-unsplash.jpg

And the resulting images:

Adrianna Geo Art Institute of Chicago Birmingham Museums Trust Birmingham Museums Trust Chris Czermak Chris Reyem Daniel Robert Egor Myznik Europeana Fons Heijnsbroek Jason Leung Jene Stephaniuk Jess Bailey Mika Baumeister Pawel Czerwinski Ran Berkovich Swati B The New York Public Library

url: 'https://storage.googleapis.com/media-fashionunited-com/cdn/2024/adrianna-geo-1rBg5YSi00c-unsplash.jpg',
url: 'https://storage.googleapis.com/media-fashionunited-com/cdn/2024/art-institute-of-chicago-7_MHwujvQ-U-unsplash.jpg',
url: 'https://storage.googleapis.com/media-fashionunited-com/cdn/2024/birmingham-museums-trust-5EUh-tq31eA-unsplash.jpg',
url: 'https://storage.googleapis.com/media-fashionunited-com/cdn/2024/birmingham-museums-trust-wKlHsooRVbg-unsplash.jpg',
url: 'https://storage.googleapis.com/media-fashionunited-com/cdn/2024/chris-czermak-PamFFHL6fVY-unsplash.jpg',
url: 'https://storage.googleapis.com/media-fashionunited-com/cdn/2024/chris-reyem-l_h4zrtTnwE-unsplash.jpg',
url: 'https://storage.googleapis.com/media-fashionunited-com/cdn/2024/daniel-robert-3h0jr5XLmeg-unsplash.jpg',
url: 'https://storage.googleapis.com/media-fashionunited-com/cdn/2024/egor-myznik-AIZ8a9llDdo-unsplash.jpg',
url: 'https://storage.googleapis.com/media-fashionunited-com/cdn/2024/europeana-HhMt_nUAIEc-unsplash.jpg',
url: 'https://storage.googleapis.com/media-fashionunited-com/cdn/2024/fons-heijnsbroek-98gM0aBxIqE-unsplash.jpg',
url: 'https://storage.googleapis.com/media-fashionunited-com/cdn/2024/jason-leung-27wwTHC7Zfo-unsplash.jpg',
url: 'https://storage.googleapis.com/media-fashionunited-com/cdn/2024/jene-stephaniuk--MCrF6hnojU-unsplash.jpg',
url: 'https://storage.googleapis.com/media-fashionunited-com/cdn/2024/jess-bailey-l3N9Q27zULw-unsplash.jpg',
url: 'https://storage.googleapis.com/media-fashionunited-com/cdn/2024/mika-baumeister-2X6bkiL0GDo-unsplash.jpg',
url: 'https://storage.googleapis.com/media-fashionunited-com/cdn/2024/pawel-czerwinski-nM7T4zTP3GQ-unsplash.jpg',
url: 'https://storage.googleapis.com/media-fashionunited-com/cdn/2024/ran-berkovich-VzxXU79UNmg-unsplash.jpg',
url: 'https://storage.googleapis.com/media-fashionunited-com/cdn/2024/swati-b-FP3zYIeDqlM-unsplash.jpg',
url: 'https://storage.googleapis.com/media-fashionunited-com/cdn/2024/the-new-york-public-library-4BXWIQoS8Fo-unsplash.jpg',

prompt used:

Convert these into the following format:

url: 'https://storage.googleapis.com/media-fashionunited-com/cdn/2024/the-new-york-public-library-4BXWIQoS8Fo-unsplash.jpg',