Markdown Syntax
Paragraphs
Next.js is an open-source web development framework created by Vercel enabling React-based web applications with server-side rendering and generating static websites.
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
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
- Marker character change forces new list start:
- Very easy!
Ordered
- Lorem ipsum dolor sit amet
- Consectetur adipiscing elit
- Integer molestie lorem at massa
Start numbering with offset:
- foo
- bar
Code
Inline Code
This is an array [1, 2, 3]
[1, 2, 3]
of numbers 1 through 3.
Code Block
Sample text here...
pnpm build
pnpm build
import { useState } from 'react'
export default function Counter() {
const [count, setCount] = useState(0)
function incrementCount() {
setCount((count) => count + 1) // 更新狀態
}
return (
<>
<p>Counter: {count}</p>
<button onClick={incrementCount}>+1</button>
</>
)
}
import { useState } from 'react'
export default function Counter() {
const [count, setCount] = useState(0)
function incrementCount() {
setCount((count) => count + 1) // 更新狀態
}
return (
<>
<p>Counter: {count}</p>
<button onClick={incrementCount}>+1</button>
</>
)
}
Horizontal Rule
Link
Internal
External
Adding Titles
Image
Local image ( /public/images/lulu.jpg
)
Escaping Characters
* Without the backslash, this would be a bullet in an unordered list.
Plugins
remark-gfm
Autolink literals
www.example.com, https://example.com, and [email protected]
Footnote
A note1
Strikethrough
one or two tildes.
Table
First Header | Second Header |
---|---|
Content Cell 1 | Content Cell 1 |
Content Cell 2 | Content Cell 2 |
Content Cell 3 | Content Cell 3 |
Content Cell 4 | Content Cell 4 |
Tasklist
- to do
- done
remark-smartypants
Straight quotes: “Isn’t this fun?”
Backticks-style quotes: Isn't this fun?
Dashes: “isn’t—this—fun?”
Three consecutive dots: “isn’t…this…fun?”
Components
Image
<Image src='/images/lulu.jpg' alt='...' zoomIn={false} />
<Image src='/images/lulu.jpg' alt='...' zoomIn={false} />
SVG
Keybored
Lorem Command+K sed do eiusmod tempor Ctrl+Shift+F ut. Id donec F tincidunt arcu non sodales neque sodales.
Callouts
Framer Motion
Collapse
Click to expand
Custom Title
Default Open
Tabs
Bookmark
nekochan0122 has 34 repositories available. Follow their code on GitHub.
The React Framework. Contribute to vercel/next.js development by creating an account on GitHub.
Embeds
YouTube
↳ Vercel Sans Coming this Spring
Sandpack
Spoiler
Lorem ipsum dolor sit amet,
consectetur adipiscing elit ,
sed do eiusmodtempor incididunt ut labore et dolore magna aliqua.
Id donec ultricestincidunt arcu non sodales neque sodales.
Adipiscing diam donec adipiscing tristique risus nec feugiat in.
Carousel
You can press shift to scroll horizontally.