Markdown Format Testing
This page is being used for testing markdown format which will show in Phong's blog.
Just like most people do when writing with Markdown, I want to have a place where I can preview how the syntax I use will actually look. I do the same thing, because I need to tweak a bit of CSS so that the display looks as good as possible after publishing. All the elements that I plan to use or might use when writing Markdown are listed here, and to make things less dry than a typical test page, I’ll make it a bit more lively by using real content.
1. Headings
Although I rarely use h4, I still want to test everything to cover all the headings supported by Markdown.
Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6
2. Styling text
Bold ** ** or __ __ : This text will be bold & This will also be bold
Italic * * or _ _ : This text will be italic & This will also be italic
Bold and nested italic ** ** with _ _ : This text is extremely important
All bold and italic *** *** : All this text is important
Underline <ins> </ins> : This text will be underline
Strikethrough ~~ ~~ : This text will be strike
Subscript <sub> </sub> : H2O
Superscript <sup> </sup> : E = mc2
Mark <mark> </mark> : This text will be highlight
3. Paragraphs
I want to make sure that paragraphs are displayed as readable as possible, without having to turn on Reader Mode in the browser. Since I think I’ll often re-read what I write, I try to make it look as visually clear as possible for myself. I’ll also try out multiple languages and different passages to see how they look. Here’s a short paragraph that I really like from a blog post that I absolutely love「私1人だけだった。ピンクのランドセルから学んだ好きなものを選ぶ大切さ」article by Maruko (currently she has changed her nickname to 楠木まる) published on her note:
あるとき、耐えきれなくなり両親に抗議をした。どうしてピンクのランドセルを選んだ時に、もっと必死に止めてくれなかったのかと詰め寄ったのだ。 身長が10cm伸び、私は小学5年生になっていた。 父はそらみたことかと嬉しそうに、自分がどれほど必死に止めたかを力説した。 しかし、母は顔色ひとつ変えずに、こう言った。
「あなたがピンクを選んだのよ。それにお母さんも、あの色が好きよ」
迷いのない言葉だった。
迷っているのは私だった。 本当は今でもピンクのランドセルが好きなくせに、周りの目が気になり、それを好きだと言えなくなっていた。 「仕方なく背負っているんだよね」と、そこにいない誰かのせいにしてやり過ごすこともあった。 ほかでもない。私が選んだというのに。 ごめんねの代わりに、私は翌日もピンクを背負って学校へいった。
This is a short Japanese passage that I want to see how it looks with the current font size and formatting. I also want to try a little bit with Vietnamese – my native language, which I use every day. Hmmm, let’s see, what should I write below to check how it looks? Maybe I’ll write a bit about my hobbies:
Tôi thích đi dạo trên cát với chân trần và ngắm nhìn về phía biển lúc hoàng hôn. Nó khiến tôi cảm giác như mình đang ở nơi tận cùng của thế giới, và tôi như đang ở rìa của vũ trụ nơi ý thức - không gian - và thời gian cùng tồn tại chỉ trong một khoảnh khắc duy nhất. Không có sợ hãi, không có lắng lo, không có niềm vui, cũng không có hạnh phúc, chỉ như có đang tồn tại và rồi biến mất mãi mãi.
Alright, that should be long enough and varied enough for me to judge how well this element will be displayed.
4. Images
5. Links
I love Bear Blog.
6. Blockquotes & Footnotes
Quotations are probably something very important. After all, people always develop everything by “standing on the shoulders of giants.”. That’s why I also want this section to look really nice (at least in my opinion).
Try to be useful.
Do things that are useful to your fellow human beings, to the world.
It's very hard to be useful. Very hard.
Are you contributing more than you consume?
Try to have a positive net contribution to society.
— Elon Musk1
I encourage people to read a lot of books, just read.
Basically try to ingest as much information as you can,
and try to also just develop a good general knowledge.
— Elon Musk2
7. Codes
Inline codes
This is some inline code 1 and inline code 2. I call it inline code.
Block codes
This is block code with highlight. In reality, I’ll probably use this element only rarely. Instead, I’ll likely embed a Github gist directly into the page, or just add an external link to Github. I’m not really sure. (haha)
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Phong's blog</title>
</head>
<body>
<p>Phong</p>
</body>
</html>
8. Tables
Although I will rarely use tables in Markdown, I still want to list it.
| English | Vietnamese | Japanese |
|---|---|---|
| Grass | Cỏ | くさ |
| Wind | Gió | かぜ |
| Sea | Biển | うみ |
| Sky | Bầu trời | そら |
9. Lists
I like making lists because they keep everything concise and easy to follow. I often use this method whenever I notice that I’m starting to overthink, my thoughts are getting tangled, or I’m making things more complicated than they need to be.
Ordered Lists
- Health
- Peaceful
- Freedom
Unordered Lists
- Sleeps
- Eats
- Exercises
- Emotions
- test
- test 2
- test 3
Nested lists
- Flowers
- Lavender
- Rose
- Forget me not
- Fruits
- Tangerine
- Watermelon
- Banana
10. Divider
With ---
11. Others
Whatever.
THAT'S IT.
Read more about Herman's Markdown cheatsheet
Elon Musk answered the questions "If we think about young people in high school, maybe in college, what advice would you give to them about if theu wanna try to do something big in this world, they wanna really have a big, positive impact, what advice would you give them about their career, maybe about life in general?" from Lex Fridman (2:18:34) during Lex Fridman Podcast #252. Published in 2021 December 29.↩
Elon Musk answered the questions "When you think about education and self-education, what do you recommend?" from Lex Fridman (2:19:50) during Lex Fridman Podcast #252. Published in 2021 December 29.↩