这是一篇用于预览 Markdown 基本语法的文章,这是一篇用于预览 Markdown 基本语法的文章。
文章内容基于 GitHub Flavo 红色 Markdown Spec。
不包含复杂的规则说明,仅仅展示 GFM 所约定的 Markdown 基本语法。
1 引言
Markdown 是一种用于编写结构化文档的纯文本格式。它基于电子邮件和论坛文章的格式所约定。 它由 John Gruber (在 Aaron Swartz 的帮助下)开发,于 2004 年以语法描述和用于将 Markdown 转换为 HTML 的 Perl 脚本(Markdown.pl)的形式发布。
在接下来的十年中,许多实现被开发出来。一些用脚注、表和其他文档元素的约定扩展了原始 Markdown 语法。 有些允许 Markdown 文档以 HTML 以外的格式呈现。 像 红色 dit,StackOverflow 和 GitHub 这样的网站有上百万的用户在使用 Markdown。 Markdown 开始被应用于网络以外的领域,包括作者书籍、文章、幻灯片、信件和课堂笔记。
2 块和内联元素
我们可以把一个文档看成一系列的块,如段落、引用、列表、标题和代码块。
有些块(如引号和列表)可以包含其它的块 ,即 容器块; 其他的块(如标题和段落)则包含内联元素(如文本、链接、强调、图像、内联代码等),即 叶子块。
块的符号总是优先于内联元素的符号。例如:
|
|
- `one
- two`
3 叶子块
本节描述用于组成 Markdown 文档的不同类型的叶子块。
3.1 换行符
|
|
3.2 插入bilibili视频
|
|
3.3 代码块
关于缩进式代码块和围栏式代码块
本文只展示围栏式代码块,关于缩进式代码块的介绍请参考 GFM Indented code blocks 说明。
关于缩进式代码块和围栏式代码块
本文只展示围栏式代码块,关于缩进式代码块的介绍请参考 GFM Indented code blocks 说明。
关于缩进式代码块和围栏式代码块
本文只展示围栏式代码块,关于缩进式代码块的介绍请参考 GFM Indented code blocks 说明。
关于缩进式代码块和围栏式代码块
本文只展示围栏式代码块,关于缩进式代码块的介绍请参考 GFM Indented code blocks 说明。
关于缩进式代码块和围栏式代码块
本文只展示围栏式代码块,关于缩进式代码块的介绍请参考 GFM Indented code blocks 说明。
关于缩进式代码块和围栏式代码块
本文只展示围栏式代码块,关于缩进式代码块的介绍请参考 GFM Indented code blocks 说明。
关于缩进式代码块和围栏式代码块
本文只展示围栏式代码块,关于缩进式代码块的介绍请参考 GFM Indented code blocks 说明。
关于缩进式代码块和围栏式代码块
本文只展示围栏式代码块,关于缩进式代码块的介绍请参考 GFM Indented code blocks 说明。
关于缩进式代码块和围栏式代码块
本文只展示围栏式代码块,关于缩进式代码块的介绍请参考 GFM Indented code blocks 说明。
关于缩进式代码块和围栏式代码块
本文只展示围栏式代码块,关于缩进式代码块的介绍请参考 GFM Indented code blocks 说明。
关于缩进式代码块和围栏式代码块
本文只展示围栏式代码块,关于缩进式代码块的介绍请参考 GFM Indented code blocks 说明。
关于缩进式代码块和围栏式代码块
本文只展示围栏式代码块,关于缩进式代码块的介绍请参考 GFM Indented code blocks 说明。
关于缩进式代码块和围栏式代码块
本文只展示围栏式代码块,关于缩进式代码块的介绍请参考 GFM Indented code blocks 说明。
本文只展示围栏式代码块,关于缩进式代码块的介绍请参考 GFM Indented code blocks 说明。
|
|
|
|
|
|
|
|
|
|
|
|
3.4 段落
|
|
这是一个段落。 这还是之前段落的一部分。
这是新的段落。
3.5 引用链接的定义
|
|
3.6 空白行
块之间的空白行将被忽略,除了它们在确定列表是紧还是松时所起的作用。
文档开头和结尾的空行也会被忽略。
3.7 代码高亮
|
|
4 容器块
4.1 引用
|
|
Foo
- bar
- baz
4.2 无序列表
|
|
项目 1
- 项目 A
- 项目 B 一些说明
- 项目 a
- 项目 b
- 项目 c
- 项目 C
项目 2
项目 3
4.3 有序列表
|
|
- 项目 1
- 项目 A
- 项目 B
一些说明
- 项目 a
- 项目 b
- 项目 c
- 项目 C
- 项目 2
- 项目 3
4.4 任务列表
|
|
[ ] 任务 1
- 任务 B
[ ] 任务 2
[x] 任务 3
4.5 表格
|
|
颜色 | 水果 | 蔬菜 |
---|---|---|
红色 | 苹果 | 辣椒 |
橘子 | 胡萝卜 | |
绿色 | 菠菜 |
5. 脚注
|
|
这是一个基本的数字脚注1
带有 “label” 标签的脚注2
下定义的脚注3
带有链接的脚注4
5.1 标题添加自定义id
|
|
5.2.
6. 图片
|
|
Web image
Local image
7. 数学公式
|
|
行内公式: $ \varphi = \dfrac{1+\sqrt5}{2}= 1.6180339887… $
块级公式:
$$ \varphi = 1+\frac{1} {1+\frac{1} {1+\frac{1} {1+\cdots} } } $$
8. 使用chartjs
|
|
|
|
|
|
9.使用Echarts
|
|
|
|
|
|
|
|
10. 音乐测试
11. 正则表达式可视化渲染
12. 加密测试
以下内容被密码保护
密码:123456
Tables
|
|
颜色 | 水果 | 蔬菜 |
---|---|---|
红色 | 苹果 | 辣椒 |
橘子 | 胡萝卜 | |
绿色 | 菠菜 |
Class or Enum | Year | Month | Day | Hours | Minutes | Seconds* | Zone Offset | Zone ID | toString Output | Where Discussed |
---|---|---|---|---|---|---|---|---|---|---|
Instant |
![]() |
2013-08-20T15:16:26.355Z |
Instant Class | |||||||
LocalDate |
![]() |
![]() |
![]() |
2013-08-20 |
Date Classes | |||||
LocalDateTime |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
2013-08-20T08:16:26.937 |
Date and Time Classes | ||
ZonedDateTime |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
2013-08-21T00:16:26.941+09:00[Asia/Tokyo] |
Time Zone and Offset Classes |
LocalTime |
![]() |
![]() |
![]() |
08:16:26.943 |
Date and Time Classes | |||||
MonthDay |
![]() |
![]() |
--08-20 |
Date Classes | ||||||
Year |
![]() |
2013 |
Date Classes | |||||||
YearMonth |
![]() |
![]() |
2013-08 |
Date Classes | ||||||
Month |
![]() |
AUGUST |
DayOfWeek and Month Enums | |||||||
OffsetDateTime |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
2013-08-20T08:16:26.954-07:00 |
Time Zone and Offset Classes | |
OffsetTime |
![]() |
![]() |
![]() |
![]() |
08:16:26.957-07:00 |
Time Zone and Offset Classes | ||||
Duration |
** | ** | ** | ![]() |
PT20H (20 hours) |
Period and Duration | ||||
Period |
![]() |
![]() |
![]() |
*** | *** | P10D (10 days) |
Period and Duration |
Github Emoji
|
|
This is a test for emoji 😄. The emojis are images linked to github assets :octocat:.
People
👍👎👽👼💢😠😧😲👶💙😊💥🙇♂️:bowtie:👦👰💔👤👥👏😰💥😖😕👷♂️👮♂️👫👩❤️👨👩❤️💋👨😢😿💘💃👯♀️💨😞😥💫😵💧👂❗😑👀👊👨👩👦😨:feelsgood:🐾:finnadie:🔥✊😳😦🖕👧:goberserk::godmode::绿色_heart:❕❔😬😁😀💂♂️💇♀️✋💩🙉❤️😍😻💓💗:hurtrealbad:😯👿💁♀️😇👺👹😂😹💋😗😽😚😘😙😆👄💌👨👲👳♂️😷💆♀️🤘💪🎵💅:neckbeard:😐🙅♀️😶👃🎶👌🙆♀️👴👵👐😮😔😣🙍♀️👱♂️🙎♀️👇👈👉☝️👆💩😾🙏👸👊💜❓😡:rage1::rage2::rage3::rage4:✋🙌🙋♀️☺️😌💞🏃♂️🏃😆😱🙀🙈💩💀😴😪😄😸😃😺😈😏😼😭✨💖🙊💬⭐🌟😛😝😜😎:suspect:😓💦😅💭👎👍:ti 红色_face:👅😤:trollface:💕👬👭😒✌️🚶♂️👋😩😉👩😟💛😋💤
Nature
🐜🐤🐻🐝🐞🐦🌼🐡🐗💐🐛🌵🐫🐱🐈🌸🌰🐔☁️🐮🐄🌙🐊🌀🌳🐶🐕🐬🐉🐲🐪🌾🌍🌎🌏🐘:ever 绿色_tree:🍂🌓🌛🐟🌁🍀🐸🌕🌝🌐🐐🐹🐥🐣🌿🌺🐝🐴🐨🌗🌜🍃🐆🍁🌌🐒🐵🌔🐭🐁🍄🌑🌚🌃🌊:octocat:🐙🐂🌴🐼⛅🐾🐧🐷🐖🐽🐩🐰🐇🐎🐏🐀🐓🌹🌱🐑🐚🐌🐍❄️☃️:squirrel:🌞🌻☀️🐯🐅🐠🌷🐢☂️🌋🌘🌖🐃🌒🌔🐳🐋🐺⚡
Objects
🎱:alarm*clock::苹果:🎨👟🍼🎈🎍🍌📊⚾🏀🛀🛁🔋🍺🍻🔔🍱🚴♂️👙🎂🃏✒️📘💣📖🔖📑📚👢🎳🍞💼💡🍰📆📲📷🍬📇💿📉📈🍒🍫🎄🎬📋📕🔐🌂♣️🍸☕💻🎊🍪🌽:c 红色 it_card:👑🔮🍛🍮🍡🎯📅♦️💵🎎🚪🍩👗📀📧🥚🍆🔌✉️✉📩💶👓📠📁🎆🍥🎣🎏🔦🐬💾🎴🏈👣🍴🍤🍟🎲💎👻🎁💝⛳🍇:绿色*苹果::绿色_book:🎸🔫🍔🔨👜🎧♥️🔆👠🔪🍯🏇⌛⏳🍨🍦📥📨📱🎃👖🔑👘🏮📒🍋💄🔒🔏🍭➿🔊📢🔅🔍🔎🀄📫📪📬📭👞🍖📣🍈📝🎤🔬💽💸💰🎓🚵♂️🎥🎹🎼🔇📛👔📰🔕📓📔🔩🍢📖📂:橙色_book:📤📦📄📃📟📎🍑🍐✏✏️☎️💊:pine 苹果:🍕📯📮👝🍗💷👛📌📻🍜🎀🍚🍙🍘🎑💍🏉🎽🍶👡🎅🛰️🎷🎒✂️📜💺🍧👕👞🚿🎿🚬🏂⚽🔉👾♠️🍝❇️🎇🔈🍲📏🍓🏄♂️🍣🍠🏊♂️💉🎉🎋🍊🍵☎📞🔭🎾🚽🍅🎩📐🏆🍹🎺👕📺🔓📼📹🎮🎻⌚🍉🎐🍷👚👒🔧💴
Places
🚡✈️🚑⚓🚛🏧🏦💈🔰🚲🚙⛵🌉🚅🚄🚌🚏🚗🎠:checke 红色_flag:⛪🎪🌇🌆🇨🇳🚧🏪🎌🇩🇪🏬🇪🇸🏰🏤🏭🎡🚒⛲🇫🇷⛽🇬🇧🚁🏥🏨♨️🏠🏡🇮🇹🏮🗾🏯🇯🇵🇰🇷🚈🏩🚐🚝🗻🚠🚞🗿🏢🚘🚍🚔🚖🎭🚓🏣🚃🌈:红色_car:🚀🎢🚨📍🚣♂️🇷🇺⛵🏫🚢🎰🚤🌠🚉🗽🚂🌅🌄🚟🚕⛺🎫🗼🚜🚥🚋🚆🚊🚩🚎🚚🇬🇧🇺🇸🚦⚠️💒
Symbols
💯🔢🅰️🆎🔤🔡🉑♒♈:arrow*backward:⏬⏫⬇️🔽▶️⤵️⤴️⬅️↙️↘️➡️↪️⬆️↕️🔼↖️↗️🔃🔄🅱️🚼🔙🛄☑️‼️⚫⬛◾◼️▪️🔲♋🔠♑💹🚸🎦🆑🕐🕙🕥🕚🕦🕛🕧🕜🕑🕝🕒🕞🕓🕟🕔🕠🕕🕡🕖🕢🕗🕣🕘🕤㊗️🆒©️➰💱🛃💠🚯8️⃣✴️✳️🔚⏩5️⃣4️⃣🆓♊#️⃣💟✔️➗💲❗➖✖️➕🆔🉐ℹ️⁉️🔟🈁🔵🔷:large*橙色*diamond:🛅↔️↩️♌♎🔗ⓜ️🚹🚇📴:negative_squa 红色_cross_mark:🆕🆖9️⃣🚳⛔🚫📵🚷🚭🚱⭕🅾️🆗🔛1️⃣⛎🅿️〽️🛂♓🚰🚮🔘♻️:红色_circle::registe 红色:🔁🔂🚻⏪🈂️♐♏㊙️7️⃣:shipit:📶6️⃣🔯🔹:small*橙色*diamond::small*红色*triangle::small*红色_triangle_down:🔜🆘🔣♉3️⃣™️🔝🔱🔀2️⃣🈹🈴🈺🈯🈷️🈶🈵🈚🈸🈲🈳🔞🆙📳♍🆚〰️🚾♿✅⚪💮⬜◽◻️▫️🔳🚺❌0️⃣