basics

docs/hello.md

@@ -0,0 +1,8 @@
+---
+sidebar_label: 'Hi!'
+sidebar_position: 3
+---
+
+# Hello
+
+This is my **first Docusaurus document**!

docs/my-doc.md

@@ -0,0 +1,65 @@
+---
+id: my-doc-id
+title: My document title
+description: My document description
+slug: /my-custom-url
+---
+
+## Markdown heading
+
+### Links
+
+Markdown text with [links](./hello.md)
+
+Let's see how to [Create a page](/create-a-page).
+
+Let's see how to [Create a page](./create-a-page.md).
+
+### Images
+
+![Docusaurus logo](/img/docusaurus.png)
+
+### CodeBlocks
+
+```jsx title="src/components/HelloDocusaurus.js"
+function HelloDocusaurus() {
+    return (
+        <h1>Hello, Docusaurus!</h1>
+    )
+}
+```
+### Admonitions
+
+:::tip My tip
+
+Use this awesome feature option
+
+:::
+
+:::danger Take care
+
+This action is dangerous
+
+:::
+
+### MDX
+
+export const Highlight = ({children, color}) => (
+  <span
+    style={{
+      backgroundColor: color,
+      borderRadius: '20px',
+      color: '#fff',
+      padding: '10px',
+      cursor: 'pointer',
+    }}
+    onClick={() => {
+      alert(`You clicked the color ${color} with label ${children}`)
+    }}>
+    {children}
+  </span>
+);
+
+This is <Highlight color="#25c2a0">Docusaurus green</Highlight> !
+
+This is <Highlight color="#1877F2">Facebook blue</Highlight> !