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
- Frontend
- Backend
1. Frontend
2. Backend
Unordered List
Use * with indentation for nested lists.
- Database
- NoSQL
- MongoDB
- Redis
- SQL
- SQLite
- MySQL
- NoSQL
- OS
- WindowsNT
- Linux
- MacOS
* 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. |
Links
Plain Link
https://supportukrainenow.org/
<https://supportukrainenow.org/>
Reference Link
[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.
- Ruby example:
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}