Example Article

example
Created 7/1/2022
Updated 7/2/2022

Example Article

Markdown is a lightweight markup language, you can add some marks to plain text and convert them to rich and more semantics content.

you can write it by using any text editor, with some simple marks to format the content, like adding # symbol before some content separating with spacing, then these content will mark as Heading1 (Markdown supports mark content as 6 different levels). Markdown file extension is .md

Basic Syntax

Tip

Markdown basic syntax can refer to the following two websites:

Text Style

Italic

Bold

delete del

Google

Image

Local Image
Local Image

Online Image
Online Image

Tip

you can double click the image to zoom in

Blockquote

Blockquote content

List

Unordered List

  • list item one
    • nest list item 1
    • nest list item 2
    • nest list item 3
      • deep nest list item a
      • deep nest list item b
      • deep nest list item c
  • list item two
  • list item three

Ordered List

  1. list item one
    1. nest list item 1
    2. nest list item 2
    3. nest list item 3
  2. list item two
  3. list item three

Code

inline code npm install marked

block code

javascript
console.log('hello world!')

block code with some rows highlighted and specify the source file of the code

/components/content/ProseCode.vue
vue
const languageColorMap = {
  theme: '#a855f7',
  bash: '#89e051',
  shell: '#89e051',
  html: '#e34c26',
  javascript: '#f1e05a',
}

table

First HeaderSecond Headerthree Headerforth Headerfifth Headersixth Header
Content CellContent CellContent CellContent CellContent CellContent Cell
Content CellContent CellContent CellContent CellContent CellContent Cell
Content CellContent CellContent CellContent CellContent CellContent Cell
Content CellContent CellContent CellContent CellContent CellContent Cell

Footnote

Here's a first footnote1 and here's the second number footnote2.

Other

Dividing lines


Emoji

emoji 😄 💡 ⚠️

Extended syntax

Mermaid

mermaid

Math Formula

inline math formula E=mc2E=mc^2

block math formula

P×A=[0110][abcd]=[cdab]\begin{aligned} P \times A &= \begin{bmatrix} 0& 1\\ 1& 0 \end{bmatrix} \begin{bmatrix} a& b\\ c& d \end{bmatrix} &= \begin{bmatrix} c&d \\ a&b \end{bmatrix} \end{aligned}
Tip

double click the formula can copy the corresponding LaTeX code to clipboard

you can check the KaTeX documentation to see which math symbols are supported

Text Style

Superscript x2

Subscript O2

Images Group

images group

1/0
laptop
ocean
boat
river
railway
waterfall
stream
playground
Tip

you can also double click the image to zoom in

Tab Group

this is the first tab 👍

this is the second tab 😉

this is the third tab 🎉


Footnotes

  1. This is the first number footnote. ↩
  2. This is the first number footnote. ↩

Copyright © 2023 Benbinbin

Theme BlogiNote

Icons from Icônes