Skip to main content

Markdown Syntax Preview

The author of this blog doing a pose

Lance Ross @exylons

Stelle and Clara together on Honkai Star Rail
Last updated: June 27, 2024

#Table of Contents1

#Markdown Syntax

#Paragraphs

Lorem ipsum dolor sit amet, consectetur adipiscing elit 🤣, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Id donec ultrices tincidunt arcu non sodales neque sodales. Adipiscing diam donec adipiscing tristique risus nec feugiat in.

#Line Break

This is an auto line break

Lorem ipsum dolor sit amet, consectetur adipiscing elit 🤣, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Id donec ultrices tincidunt arcu non sodales neque sodales. Adipiscing diam donec adipiscing tristique risus nec feugiat in.

#Emphasis

#Bold

I Love Astro!

#Italic

I am a Web Developer.

#Bold and Italic

Thou SHALL not touch.

#Blockquotes

Blockquotes can also be nested…

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

…or with spaces between arrows.

#Lists

#Unordered

#Ordered

  1. Lorem ipsum dolor sit amet
  2. Consectetur adipiscing elit
  3. Integer molestie lorem at massa

Start numbering with offset: (doesn’t work sadly)

  1. foo
  2. bar

#Code

Syntax highlighting by Rehype Pretty Code

#Inline Code

This is an array [1, 2, 3] of numbers 1 through 3.

#Code Block

Sample text here...

#Code Block with Title

Terminal
pnpm build

#Code Block with Title and Highlighting

Counter.tsx
import { createSignal } from 'solid-js'
export default function Counter() {
const [count, setCount] = createSignal(0)
const add = () => setCount((i) => i + 1)
return (
<div class='flex gap-x-4'>
<button type='button' onClick={add}>
the count is {count()}
</button>
</div>
)
}

#Horizontal Rules


YouTube

Google

#Adding Titles

YouTube

#Image

Image compressed by sharp

Local image

Stelle and Clara together on Honkai Star Rail

Remote image

March 7th from Honkai Star Rail

#Escaping Characters

* Without the backslash, this would be a bullet in an unordered list.

#Footnote

A note2

#Strikethrough

one or two tildes.

#Table

First HeaderSecond Header
Content Cell 1Content Cell 1
Content Cell 2Content Cell 2
Content Cell 3Content Cell 3
Content Cell 4Content Cell 4

#Tasklist


#Audio Player

Might be loud on your device. Please adjust your device volume before playing.

#Callouts3

Lance Ross
Black and White.
Sample
Imagine this is a payment portal app.
Payment Success!
Successfully paid 500$ to @exylons!
Payment Failed.
There is a problem with your payment method. Please try again.
NOTICE
Your account has been terminated due to money laundering.

#Spotify Embed

I do not own these songs! I just picked these song to show the Spotify embed code (from Spotify AB) as a component on my website. Songs are from Connor Price (he’s a great artist!).

#YouTube Embed

#Footnotes

  1. From @nekochan0122

  2. Footnote (of course, at the end).

  3. UI from @nekochan0122