A post of Markdown elements

This is a H2 Heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim 1ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure 2dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

사용자 계정 컨트롤 더 알아보기

메뉴라벨을 클릭하면 버튼을 클릭 1ㄹborder-radius: 2px; 섹션을 선택 윈도우에서는 메시지라벨 1ㄴㅇㄴ

Horizontal Rules

Emphasis

This is bold text

This is italic text

Strikethrough

Quotes

”Double quotes” and ‘single quotes’

Blockquotes

Blockquotes can also be nested…

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

References

An example containing a clickable reference¹ with a link to the source.

Second example containing a reference² with a link to the source.

If you check out this example in src/content/post/markdown-elements/index.md, you’ll notice that the references and the heading “Footnotes” are added to the bottom of the page via the remark-rehype plugin.

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
58. 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

var foo = function (bar) {
  return bar++
}

console.log(foo(5))

console.log('Title example')

echo "A base terminal example"

function demo() {
  console.log('this line is marked as deleted')
  // This line and the next one are marked as inserted
  console.log('this is the second inserted line')

  return 'this line uses the neutral default marker type'
}

import { defineConfig } from 'astro/config'
import astroExpressiveCode from 'astro-expressive-code'

export default defineConfig({
  integrations: [
    astroExpressiveCode({
      // You can optionally override the plugin's default settings here  optionally override the plugin's default settings here optionally override the plugin's default settings here optionally override the plugin's default settings here optionally override the plugin's default settings here
      frames: {
        // Example: Hide the "Copy to clipboard" button
        showCopyToClipboardButton: false
      },
      styleOverrides: {
        // You can optionally override the plugin's default styles here
        frames: {
          shadowColor: '#124'
        }
      }
    })
  ]
})

import { defineConfig } from 'astro/config'
import astroExpressiveCode from 'astro-expressive-code'

export default defineConfig({
  integrations: [
    astroExpressiveCode({
      // You can optionally override the plugin's default settings here  optionally override the plugin's default settings here optionally override the plugin's default settings here optionally override the plugin's default settings here optionally override the plugin's default settings here
      frames: {
        // Example: Hide the "Copy to clipboard" button
        showCopyToClipboardButton: false
      },
      styleOverrides: {
        // You can optionally override the plugin's default styles here
        frames: {
          shadowColor: '#124'
        }
      }
    })
  ]
})

import { defineConfig } from 'astro/config'
import astroExpressiveCode from 'astro-expressive-code'

export default defineConfig({
  integrations: [
    astroExpressiveCode({
      // You can optionally override the plugin's default settings here  optionally override the plugin's default settings here optionally override the plugin's default settings here optionally override the plugin's default settings here optionally override the plugin's default settings here
      frames: {
        // Example: Hide the "Copy to clipboard" button
        showCopyToClipboardButton: false
      },
      styleOverrides: {
        // You can optionally override the plugin's default styles here
        frames: {
          shadowColor: '#124'
        }
      }
    })
  ]
})

Tables

Right aligned columns

Images

Image in the same folder: src/content/post/markdown-elements/logo.png

Links

Content from markdown-it