アルパカの徒然文

Mon Nov 23 2020 00:00:00 GMT+0000 (Coordinated Universal Time)

こんにちは mdx!!

# blog# tag1# tag2# perl

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

😄 hello

H1 - Hello, World

H2 - Hello, World

H3 - Hello, World

H4 - Hello, World


hellllllo

It means two big things:

Next.js by Vercel - The React Framework

Message: hello, world emphasis strong strikethrough


# 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

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>
  );
};