Skip to main content

Introduction

Blog Usage Guide​

React Component Live Code​

Live Editor
function Clock(props) {
  const [date, setDate] = useState(new Date());
  useEffect(() => {
    const timerID = setInterval(() => tick(), 1000);

    return function cleanup() {
      clearInterval(timerID);
    };
  });

  function tick() {
    setDate(new Date());
  }

  return (
    <div>
      <h2>It is {date.toLocaleTimeString()}.</h2>
    </div>
  );
}
Result
Loading...

Tabs/TabItem Component for Multi-tab Content​

java System.out.println("Hello, Java!");

CodeBlock Highlighting​

hello.js
console.log("Hello, world!");

Details Collapsible Content​

Click to expand details
Here is collapsible content, you can put more instructions or code here.

Page Declaration​

Agreement
The code part of this work is licensed under Apache License 2.0 . You may freely modify and redistribute the code, and use it for commercial purposes, provided that you comply with the license. However, you are required to:
  • Attribution: Retain the original author's signature and code source information in the original and derivative code.
  • Preserve License: Retain the Apache 2.0 license file in the original and derivative code.
The documentation part of this work is licensed under Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International License . You may freely share, including copying and distributing this work in any medium or format, and freely adapt, remix, transform, and build upon the material. However, you are required to:
  • Attribution: Give appropriate credit, provide a link to the license, and indicate if changes were made.
  • NonCommercial: You may not use the material for commercial purposes. For commercial use, please contact the author.
  • ShareAlike: If you remix, transform, or build upon the material, you must distribute your contributions under the same license as the original.

Support Background Highlight, Font Color​

White text on red background

Admonitions Supported in MDX​

note

Note content

tip

Tip content

info

Info content

warning

Warning content

danger

Danger warning content

caution

Caution content

Magic in Code Blocks​

  • title="HelloWorld.java"
  • showLineNumbers
  • {3} Highlight only line 3
  • highlight-next-line Highlight next line
  • highlight-start Highlight start highlight-end Highlight end
HelloWorld.java
public class HelloWorld {
    public static void main(String[] args) {
        String s = "Hello World!";
        System.out.println(s);
        System.out.println(s);
    }
}
public class HelloWorld {
    public static void main(String[] args) {
        String s = "Hello World!";
    }
}

Math Formulas​

Home Documentation

LaTeX Syntax Documentation

This is an inline formula E=mc2E=mc^2.

I=∫02Ο€sin⁑(x) dxI = \int_0^{2\pi} \sin(x)\,dx Aβˆ’1=1adβˆ’bc[dβˆ’bβˆ’ca]A^{-1} = \frac{1}{ad - bc} \begin{bmatrix} d & -b \\ -c & a \end{bmatrix}