## Basic Syntax

This website uses kramdown as the basic syntax. However, a lot of html/css/js has been applied to generate some certain contents or styles.

Math also follows the kramdown syntax.

## Notes div

Please beware that with markdown="1" the content and div tags have to be on different lines.

## Figure with Caption

Please determine the path of the image according to the path of the post itself. Otherwise, an absolute path can be specified,

![](https://datumorphism.com/assets/programming/chrome-dev-tools-inspect.png)


where https://datumorphism.com is the configured url of the site.

Alternatively, we can use the set attributes syntax in kramdown.

The results shows as a paragraph with the corresponding class. Notice that this only works for one paragraph.

This is a paragraph with some class. The class is specified in the end of the paragraph.