pompy.dev/packages/content/markdown/posts/test post.md
developomp ae5ecaaccc refactor: replace markdown parser
- replace markdown-it with remark and rehype
- add bunch of markdown features
2023-07-10 10:56:09 +09:00

3.7 KiB

title date tags
Test post 2021-07-26
test

This post exists to test various features such as markdown-to-html conversion, table of contents generation, and metadata parsing.

Go to search

Image

alt text

Video

Table

align right align center align left
one A 1
two B 2
three C 3

List

  • Unordered list item
  • Unordered list item
    • unordered list sub-item
    • unordered list sub-item
  • Unordered task list item (unchecked)
  • Unordered task list item (checked)
    • unordered task list sub-item (unchecked)
    • unordered task list sub-item (checked)
  1. Ordered list item
  2. Ordered list item
    1. ordered list sub item
    2. ordered list sub item
  3. Ordered list task item (unchecked)
  4. Ordered list task item (checked)
    1. Ordered list task sub-item (unchecked)
    2. Ordered list task sub-item (checked)

Footnote

everyone should use tailwind1 and pineapple belongs on pizza2.

Code

Here's a code. Here are color chips #FFFFFF #E06C75 #61AFEF #E5C07B.

print("And here's a language-specific code block")
# with comments!

x = 256
y = 256

print(x is y) # True. id(x) is indeed equal to id(y)

z = 257
w = 257

print(z is w) # False. id(z) is not equal to id(w)

# Apparently python does this to save memory usage.
# All integers between -5 and 256 share the same id.

Text styling

blockquote

nested blockquote

bold italic strikethrough underlined ==marked== =a=marked with color amber== =b=blue== =c=cyan== =d=brown== =f=fuchsia== =g=green== =h=hotpink== =l=lime== =m=magenta== =n=navyblue== =o=orange== =p=purple== =q=pink== =r=red== =s=silver== =t=teal== =v=violet== =x=gray== =y=yellow==.

This is a ^superscript^ (soon^TM^) and this is a subscript (H2O)

Callouts & Directives

:::note Some content with Markdown syntax. :::

:::commend Some content with Markdown syntax. :::

:::warn Some content with Markdown syntax. :::

:::deter Some content with Markdown syntax. :::

:::assert Some content with Markdown syntax. :::

:::note{title="Custom title using directives"} Some content with Markdown syntax. :::

CSS styling

centered paragraph

RED

Key

Do you remember the first time you pressed Ctrl+C in terminal?

TeX

$KaTeX$ syntax is supported.

using mhchem for chemical formula.

Inline

e=mc^2 is actually e^2=(mc^2)^2 + (pc)^2.

Block

\ce{6 CO2 + 6 H2O <=>[{photosynthesis}][{respiration}] C6H12O6 + 6 O2}

headers

Headers have different size and indentation depending on their level.

  • Post title: h1
  • this section: h2

h3

Lorem ipsum blah blah.

h4

Lorem ipsum blah blah.

h5

Lorem ipsum blah blah.

h6

Lorem ipsum blah blah.


  1. Based on my experience building this website ↩︎

  2. Based on my infinite wisdom ↩︎