Basic Elements of Markdown
Headings
H1
H2
H3
H4
H5
H6
Emphasis
Emphasis, aka italics, with asterisks or underscores.
Strong emphasis, aka bold, with asterisks or underscores.
Combined emphasis with asterisks and underscores.
Strikethrough uses two tildes. Scratch this.
Lists
Definition List (dl)
- Definition List Title
- This is a definition list division.
Ordered List (ol)
- List Item 1
- List Item 2
- List Item 3
Unordered List (ul)
- List Item 1
- List Item 2
- List Item 3
Paragraphs
Lorem ipsum dolor sit amet, test link consectetur adipiscing elit. Strong text pellentesque ligula commodo viverra vehicula. Italic text at ullamcorper enim. Morbi a euismod nibh. Underline text non elit nisl. Deleted text tristique, sem id condimentum tempus, metus lectus venenatis mauris, sit amet semper lorem felis a eros. Fusce egestas nibh at sagittis auctor. Sed ultricies ac arcu quis molestie. Donec dapibus nunc in nibh egestas, vitae volutpat sem iaculis. Curabitur sem tellus, elementum nec quam id, fermentum laoreet mi. Ut mollis ullamcorper turpis, vitae facilisis velit ultricies sit amet. Etiam laoreet dui odio, id tempus justo tincidunt id. Phasellus scelerisque nunc sed nunc ultricies accumsan.
Interdum et malesuada fames ac ante ipsum primis in faucibus. Sed erat diam
, blandit eget felis aliquam, rhoncus varius urna. Donec tellus sapien, sodales eget ante vitae, feugiat ullamcorper urna. Praesent auctor dui vitae dapibus eleifend. Proin viverra mollis neque, ut ullamcorper elit posuere eget.
This is a very long line that will still be quoted properly when it wraps. Oh boy let’s keep writing to make sure this is long enough to actually wrap for everyone. Oh, you can put Markdown into a blockquote.
Maecenas ornare arcu at mi suscipit, non molestie tortor ultrices. Aenean convallis, diam et congue ultricies, erat magna tincidunt orci, pulvinar posuere mi sapien ac magna. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Praesent vitae placerat mauris. Nullam laoreet ante posuere tortor blandit auctor. Sed id ligula volutpat leo consequat placerat. Mauris fermentum dolor sed augue malesuada sollicitudin. Vivamus ultrices nunc felis, quis viverra orci eleifend ut. Donec et quam id urna cursus posuere. Donec elementum scelerisque laoreet.
Tables
Table Header 1 | Table Header 2 | Table Header 3 |
---|---|---|
Division 1 | Division 2 | Division 3 |
Division 1 | Division 2 | Division 3 |
Division 1 | Division 2 | Division 3 |
Markdown | Less | Pretty |
---|---|---|
Still | renders | nicely |
1 | 2 | 3 |
Other Elements - abbr, acronym, sub, sup, kbd, etc.
Lorem superscript dolor subscript amet, consectetuer adipiscing elit. Nullam dignissim convallis est. Quisque aliquam. cite. Nunc iaculis suscipit dui. Nam sit amet sem. Aliquam libero nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl. Praesent mattis, massa quis luctus fermentum, turpis mi volutpat justo, eu volutpat enim diam eget metus. Maecenas ornare tortor. Donec sed tellus eget sapien fringilla nonummy. NBA Mauris a ante. Suspendisse quam sem, consequat at, commodo vitae, feugiat in, nunc. Morbi imperdiet augue quis tellus. AVE. Use Crtl + C to stop.
Images
Horizontal Rule
Code Blocks
1 | Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. |
1 |
|
1 | [ |
1 |
|
1 |
|
1 | function $initHighlight(block, cls) { |
1 |
|
1 | CREATE TABLE "topic" ( |
1 |
|
1 | /** |
1 | import Foundation |
1 | @font-face { |
1 | # The Greeter class |
1 | # Makefile |
1 | package main |
1 |
|
1 | ; boilerplate |
Tag Plugins
Blockquotes
Do not just seek happiness for yourself. Seek happiness for all. Through kindness. Through mercy.
Every interaction is both precious and an opportunity to delight.
Code Blocks
With Title and URL
1 | .compact([0, 1, false, 2, ‘’, 3]); |
With Selected Lines
1 | const http = require('http'); |
jsFiddle
Pull Quote
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas tempus molestie arcu, et fringilla mauris placerat ac. Nullam luctus bibendum risus. Ut cursus sed ipsum feugiat egestas. Suspendisse elementum, velit eu consequat consequat, augue lorem dapibus libero, eget pulvinar dolor est sit amet nulla. Suspendisse a porta tortor, et posuere mi. Pellentesque ultricies, mi quis volutpat malesuada, erat felis vulputate nisl, ac congue ante tortor ut ante. Proin aliquam sem vel mauris tincidunt, eget scelerisque tortor euismod. Nulla tincidunt enim nec commodo dictum. Mauris id sapien et orci gravida luctus id ut dui. In vel vulputate odio. Duis vel turpis molestie, scelerisque enim eu, lobortis eros. Cras at ipsum gravida, sagittis ante vel, viverra tellus. Nunc mauris turpis, elementum ullamcorper nisl pretium, ultrices cursus justo. Mauris porttitor commodo eros, ac ornare orci interdum in. Cras fermentum cursus leo sed mattis. In dignissim lorem sem, sit amet elementum mauris venenatis ac.
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ligula justo, lobortis sit amet semper vel, dignissim sit amet libero. Praesent ac tempus ligula. Maecenas at gravida odio. Etiam tristique volutpat lacus eu faucibus. Donec non tempus arcu. Phasellus adipiscing, mauris nec mollis egestas, ipsum nunc auctor velit, et rhoncus lorem ipsum at ante. Praesent et sem in velit volutpat auctor. Duis vel mauris nulla. Maecenas mattis interdum ante, quis sagittis nibh cursus et. Nulla facilisi. Morbi convallis gravida tortor, ut fermentum enim gravida et. Nunc vel dictum nisl, non ultrices libero. Proin vestibulum felis eget orci consectetur lobortis. Vestibulum augue nulla, iaculis vitae augue vehicula, dignissim ultrices libero. Sed imperdiet urna et quam ultrices tincidunt nec ac magna. Etiam vel pharetra elit.
Math Formulas
Flowcharts
sequenceDiagram participant Client participant Proxy Object participant Proxy Handler participant Target Object Client->>Proxy Object: Call Method Proxy Object->>Proxy Handler: Forward to Proxy Handler
Invoke() Method Proxy Handler->>Target Object: Determine Method
Call Target Object's Method Target Object->>Proxy Handler: Return Result Proxy Handler->>Proxy Object: Return Result Proxy Object->>Client: Return Result
graph LR c1[Client1
Socket]--Client Requests Connection-->ss[ServerSocket] c2[Client2
Socket]--Client Requests Connection-->ss[ServerSocket] ss--Server Accepts Request and Creates New Socket-->s1[Socket Created for Client1] ss--Server Accepts Request and Creates New Socket-->s2[Socket Created for Client2] c1--Dedicated Connection Between Sockets-->s1 c2--Dedicated Connection Between Sockets-->s2
Card
1 | {% postLinkCard "en/hexo-theme-reimu效果展示" auto %} |
1 | {% externalLinkCard "Github" "https://github.com/D-Sketon/hexo-theme-reimu" "https://github.githubassets.com/assets/apple-touch-icon-144x144-b882e354c005.png" %} |
Custom Containers
1 | ::: info |
INFO
This is an info box.
1 | ::: tip |
TIP
This is a tip.
1 | ::: warning |
WARNING
This is a warning.
1 | ::: danger STOP |
STOP
This is a dangerous warning.
1 | ::: details |
Details
This is a details block.