これは 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
- Hello
- World
- 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
Tables | Are | Cool |
---|---|---|
col 1 is | left-aligned | $1600 |
col 2 is | centered | $12 |
col 3 is | right-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
-
Here’s one with multiple blocks. ↩