AbstractMark Syntax

Table of Contents

Blockquote

Blockquote

Syntax:

> Blockquote

Nested Blockquote

> Blockquote
>> Nested Blockquote
> Blockquote

Result:

Blockquote

Nested Blockquote

Blockquote

Code

Inline Code

This is an inline code.

Syntax:

This is an `inline code`.

Fenced Code Block

<script>
alert("Hello World")
</script>

Syntax:

```
<script>
alert("Hello World")
</script>
```

Class

Defining class and tags styles

Defining CSS Class and tags styles using CSS Standart

Syntax:

---define
className{
	// styles here
}
---

Example:

---define
.blue-text{
	color: blue;
}
.red-text{
	color: red;
}
---

Class Usage

Syntax

Elements {.className}

Example

# Hello World {.blue-text}

NB: To use multiple classes on an element, split it by space, example:

# Hello World {.blue-text red-background}

External Scripts

External CSS

Syntax

stylesheet = (CSS URL)

Example

stylesheet = https://cdn.jsdelivr.net/npm/@fire-ui/fire-ui@0.2.4/FireUI.min.css

External JavaScript

Syntax

script = (JS URL)

Example

script = https://cdn.jsdelivr.net/npm/@fire-ui/fire-ui@0.2.4/FireUI.min.js

Heading

AbstractMark supports 6 level of heading, such as:

First Level Heading

Second Level Heading

Third Level Heading

Fourth Level Heading

Fifth Level Heading

Sixth Level Heading

Syntax

# First Level Heading
## Second Level Heading
### Third Level Heading
#### Fourth Level Heading
##### Fifth Level Heading
###### Sixth Level Heading

Heading ID

As default, AbstractMark will use the first 50 characters of your heading text with the text lowerized, without non-ASCII character and replace space into "-". For example # Hello World heading id will be hello-world, to customize it, add following syntax into your heading:

# Heading {#heading-id}

Horizontal Rule

This is horizontal rule:

Syntax

---

Image

Syntax

![Alt text](image link)

Example

![AbstractMark Logo](https://avatars.githubusercontent.com/u/77182073?s=200&v=4)

Marquee

Syntax

Right direction marquee

~> Marquee text

Left direction marquee

<~ Marquee text

Example

~> Marquee text
<~ Marquee text

Link

Syntax

[Text](URL)

Example

AbstractMark Documentation Site

[AbstractMark Documentation Site](https://abstractmark.netlify.app/)

List

Ordered List

Syntax

You can ordered a list by starting a line with a number and a .(dot). You can use sequential numbers or just any number.

1. Ordered List
2. Ordered List
3. You can use sequential number like this,
1. or unsequental number like this

Example

1. Ordered List
2. Ordered List
3. You can use sequential number like this,
4. or unsequental number like this

1. Ordered List
2. Ordered List
3. You can use sequential number like this,
1. or unsequental number like this

Unordered List

Syntax

You can create an unordered list by starting a line with '-' followed by a space.

- Unordered List
- Unordered List
- Unordered List

Example

• Unordered List
• Unordered List
• Unordered List

- Unordered List
- Unordered List
- Unordered List

Nested List

Nested List is made by indenting "n" spaces or tabs. Note that n should be a constant number.

Nested List Example

• Unordered List
• Unordered List
1. Nested Ordered List
2. Nested Ordered List
• Nested Unordered List
• Nested Unordered List
1. Nested Ordered List
2. Nested Ordered List
• Nested Unordered List
3. Nested Ordered List
• Unordered List

- Unordered List
- Unordered List
	1. Nested Ordered List
	2. Nested Ordered List
		- Nested Unordered List
		- Nested Unordered List
			1. Nested Ordered List
			2. Nested Ordered List
		- Nested Unordered List
	3. Nested Ordered List
- Unordered List

Style

AbstractMark supports CSS based inline style too!

Syntax

Elements {CSS styles here}

Example

Hello World

#### Hello World {color: red}

Table

Syntax

Table row data is splitted by | and a space.

| Heading | Heading |
| ----- | ----- |
| Table data | Table data |
| Table data | Table data |

Example

| Heading | Heading | Heading |
| ----- | ----- | ----- |
| Table data | Table data | Table data |
| Table data | Table data | Table data |

Task List

Syntax

- [ ] Task List
- [x] Checked Task List

Example

- [ ] Task List
- [x] Checked Task List
- [ ] Task List
- [x] Checked Task List

Typography

Bold

Bold text

Syntax

**Bold text**

Italic

Italic text

Syntax

_Italic text_

Strikethrough

Strikethrough

Syntax

~~Strikethrough~~

Underline

Underline text

Syntax

%Underline text%

Combination

Combined Typography

**~~_%`Combined Typography`%_~~**