Records the mark down syntax

There is a online tool to transfer HTML code to Mark Down syntax

Typography

Add a picture

PictureEx

1
![](YouPictureName.png)

This is a link

1
[Link Name](link url)

Show code difference

diff:layout/layout.jsx
1
2
3
4
<Head site={site} config={config} helper={helper} page={page} />
-   <body class={`is-${columnCount}-column`}>
+   <body class={`is-3-column`}>
<Navbar config={config} helper={helper} page={page} />
1
2
3
4
5
6
7
Use keyword "diff" after the code block, and use + or - to show difference

```diff diff:layout/layout.jsx
<Head site={site} config={config} helper={helper} page={page} />
-   <body class={`is-${columnCount}-column`}>
+   <body class={`is-3-column`}>
<Navbar config={config} helper={helper} page={page} />

Reference

Use the keyword “>” before your paragraph

Mark text as a note/success/warning

Note (Bootstrap Callout)