layout | title | description | date | image | tags | ||
---|---|---|---|---|---|---|---|
blog |
This is page title. It is displayed on top of the blog in large text. |
This is a short description of the post (for example, the first paragraph). It is displayed as the short excerpt (preview) of the blog on the blog listing pages. Also helps with the SEO. |
2020-12-23 |
/assets/img/blog/blog-post-main-image.png |
|
This document shows examples of writting markdown. Everything written here onwards will be visible on the page!
Checkout a quick Markdown guide here: https://www.markdownguide.org/cheat-sheet/
You can format the text as BOLD or ITALICS or both BOLD & ITALICS
- point one
- point two
- Sub point one (indent by 2-3 spaces)
- Sub point two (indent by 2-3 spaces)
- point three
- point one
- point two
- Sub point one (indent by 2-3 spaces)
- Sub point two (indent by 2-3 spaces)
- point three
Example:
There is not enough time to do all the nothing we want to do.
-- Bill Waterson (Calvin & Hobbes)
Example (internal link): Link text Example (external link): Link text
Note: Just writting a URL or an email will automatically turn it into a link!
Column 1 | Centered Column | Right Aligned | Column 4 |
---|---|---|---|
1 | Abc | ₹100.00 | Cdf |
2 | Xyz | ₹1500.50 | Ghi |
This website also supports extended markdown features added through external plugins:
For example, 😊 🙋 (Full Emoji List)
The top header types (H1, H2, H3) are automatically added.
Ex: This sentence has a ==highlighted== word.
Ex: The 6^th^ Sense
Ex: H2O
Ex: Define abbreviations anywhere on the page like this:
*[HTML]: Hyper Text Markup Language *[W3C]: World Wide Web Consortium The HTML specification is maintained by the W3C.
Ex: add footnotes in your content like this:
Here is a footnote reference,1 and another.2
Here is an inline note.^[Inlines notes are easier to write, since you don't have to pick an identifier and move down to type the note.]
Set a custom size for your embedded image like this: ![image title](image.png =100x200)
Here, image width = 100px & height = 200px.
A custom block container can be added like this:
::: warning here be dragons :::
This will add a 'div' with class="warning" and the contents inside it. This can be used by developers to create unique styled blocks!
Adds a lot of new ways to create complex tables. Check usage examples & demo here