Text Content


Render Structure

The title in front matter is rendered as <h1> at the top. Avoid using another <h1> in your text.

Basic Text

Eliza supports most Markdown syntax. Examples:

Markdown HTML Output Notes
# <h1> Already used for page title
## <h2> Added to page TOC
### <h3> Added to page TOC
#### <h4>  
##### <h5>  
###### <h6>  
(plain text) <p>  

Styles

Italic
Bold
Bold & Italic
Strikethrough
Highlight

*Italic*
**Bold**
***Bold & Italic***
~~Strikethrough~~
<mark>Highlight</mark>

Ordered List

  1. Frontend
  2. Backend
1. Frontend
2. Backend

Unordered List

Use * with indentation for nested lists.

* Database
  * NoSQL
    1. MongoDB
    2. Redis
  * SQL
    1. SQLite
    2. MySQL
* OS
  * WindowsNT
  * Linux
  * MacOS

Lists can mix ordered and unordered.

Quote

Don’t let anyone define you by your background. The only limit is your soul — Ratatouille

> Don’t let anyone define you by your background. The only limit is your soul — Ratatouille

Table

- Alexander Hamilton Aaron Burr
Origin Humble Aristocratic
Political Party Federalist Democratic-Republican
Key Political Roles U.S. Secretary of the Treasury; Leading figure of the Federalist Party. U.S. Senator; New York Attorney General; Vice President of the U.S.
| - | Alexander Hamilton | Aaron Burr |
| :---: | :---: | :---: |
| Origin | Humble | Aristocratic |
| Political Party | Federalist  | 	Democratic-Republican |
| Key Political Roles	 | U.S. Secretary of the Treasury; Leading figure of the Federalist Party. | U.S. Senator; New York Attorney General; Vice President of the U.S. |

https://supportukrainenow.org/

<https://supportukrainenow.org/>

Google

Yahoo

[Google][1]
[Yahoo][2]
  [1]: http://google.com/ "Go to Google"
  [2]: http://search.yahoo.com/ "Go to Yahoo"

Code Blocks

Use triple backticks with a language name for syntax highlighting.

puts "Hello_World"
``` ruby  
puts "Hello_World"  
` ``

Default supported: Ruby, Python, JavaScript, HTML, CSS.
For more languages, visit Prism and import extra scripts.

<script src="https://unpkg.com/prismjs/components/prism-ruby.min.js"></script>
<script src="https://unpkg.com/prismjs/components/prism-javascript.min.js"></script>
<script src="https://unpkg.com/prismjs/components/prism-css.min.js"></script>
<script src="https://unpkg.com/prismjs/components/prism-html.min.js"></script>
<script src="https://unpkg.com/prismjs/components/prism-python.min.js"></script>

Tip Blocks

This is an info block (blue).

This is a tip block (green).

This is a warning block (orange).


This is an info block (blue).
{: .tips-info}

This is a tip block (green).
{: .tips-tip}

This is a warning block (orange).
{: .tips-warning}