こんにちは mdx!!

Published on

これは Preview のテストです。 What's preview?

本当に不思議な改行! 😄

https://jekyllrb.com/docs/front-matter/#predefined-variables-for-posts

😄 hello

H1 - Hello, World

H2 - Hello, World

H3 - Hello, World

H4 - Hello, World


REPLACE

It means two big things:

Next.js by Vercel - The React Framework

Message: hello, world emphasis strong strikethrough

Footnote1

Toggle me!Peek a boo!

# Time range: 2020-11-16T00:01:11 to 2020-11-17T00:01:01
# Attribute          total     min     max     avg     95%  stddev  median
# ============     ======= ======= ======= ======= ======= ======= =======
# Exec time         16449s   100ms    129s   539ms      2s      1s   266ms
# Lock time            15s       0     8ms   486us   657us   228us   467us
# Rows sent         10.92M       0  90.45k  375.59   20.43   3.29k    0.99
# Rows examine       6.44G       0  32.40M 221.45k 562.03k 974.32k  59.57k
# Query size       165.50M       6  46.99k   5.56k   4.49k   7.40k   4.49k

List

  • How the Markdown format makes styled collaborative editing easy
  • How Markdown differs from traditional formatting approaches
    • How to use Markdown to format text
  • code
    • hello
  1. Hello
  2. World
  3. 22222
  • Todo1
  • Todo2

Performance tip: A description or summary field could be added to the front matter to keep the import small while enabling the index page to give a preview of the content.

Image

Table

TablesAreCool
col 1 isleft-aligned$1600
col 2 iscentered$12
col 3 isright-aligned$1

Code

{
  "firstName": "John",
  "lastName": "Smith",
  "age": 25
}
import { useState } from 'react';

const regularStyles = {
  backgroundColor: '#40C9A2',
  color: '#E5F9E0',
};
const tappedStyles = {
  backgroundColor: '#E5F9E0',
  color: '#40C9A2',
};

export const Demonstration = () => {
  const [tapped, setTapped] = useState(false);

  return (
    <div
      style={tapped ? tappedStyles : regularStyles}
      onClick={() => setTapped(!tapped)}
    >
      🤜 Tap this React Component 🤛
    </div>
  );
};
  // tailwind.config.js
  module.exports = {
    theme: {
      backgroundColor: theme => ({
-       ...theme('colors'),
-       'primary': '#3490dc',
+       'secondary': '#ffed4a',
+       'danger': '#e3342f',
      })
    }
  }
@@ -4,6 +4,5 @@
-    let foo = bar.baz([1, 2, 3]);
-    foo = foo + 1;
+    const foo = bar.baz([1, 2, 3]) + 1;
     console.log(`foo: ${foo}`);
@@ -111,6 +114,9 @@
         nasty_btree_map.insert(i, MyLeafNode(i));
     }

+    let mut zst_btree_map: BTreeMap<(), ()> = BTreeMap::new();
+    zst_btree_map.insert((), ());
+
     // VecDeque
     let mut vec_deque = VecDeque::new();
     vec_deque.push_back(5);

Footnotes

  1. Here’s one with multiple blocks.