Hello World – NekoChan

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

auto line break by remark-breaks

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

Love is bold

Italic

A cat meow

Bold and Italic

This is really very important text.

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

Lorem ipsum dolor sit amet
Consectetur adipiscing elit
Integer molestie lorem at massa

Start numbering with offset:

Code

Syntax highlighting by Rehype Pretty Code

WARNING

Inline syntax highlighting is unstable in development mode.

Inline Code

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

Code Block

Sample text here...

Terminal

pnpm build

Terminal

pnpm build

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>
  )
}

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>
  )
}