Showcase
Table of Contents
This article offers a sample of basic Markdown and LaTeX syntax that can be used in Hugo content files, also it shows whether basic HTML elements are decorated with CSS in a Hugo theme.
Headings#
From H1 to H6 are all available. They are not shown to maintaining the tidyness of TOC.
Images#


Figure with a caption#

Terminal Theme Preview
Blockquotes#
The blockquote element represents content that is quoted from another source, optionally with a citation which must be within a footer or cite element, and optionally with in-line changes such as annotations and abbreviations.
Blockquote without attribution#
Tiam, ad mint andaepu dandae nostion secatur sequo quae. Note that you can use Markdown syntax within a blockquote.
Blockquote with attribution#
Don’t communicate by sharing memory, share memory by communicating.
— Rob Pike1
Buttons and links#
Tables#
Tables aren’t part of the core Markdown spec, but Hugo supports supports them out-of-the-box.
| Name | Age |
|---|---|
| Bob | 27 |
| Alice | 23 |
Inline Markdown within tables#
| Italics | Bold | Code |
|---|---|---|
| italics | bold | code |
Forms#
Code Blocks#
Code block with backticks#
#include<bits/stdc++.h>
using namespace std;
int main(){
printf("Yes, sir!");
return 0;
}
Code block indented with four spaces#
#include<bits/stdc++.h>
using namespace std;
int main(){
printf("Yes, sir!");
return 0;
}
Code block with Hugo’s internal highlight shortcode#
#include<bits/stdc++.h>
using namespace std;
int main(){
printf("Yes, sir!");
return 0;
}Code block with custom built-in {{ < code > }} shortcode#
Hey, this is a code block title
#include<bits/stdc++.h>
using namespace std;
int main(){
printf("Yes, sir!");
return 0;
}List Types#
Ordered List#
- First item
- Second item
- Third item
Unordered List#
- List item
- Another item
- And another item
Nested list#
- Fruit
- Apple
- Orange
- Banana
- Dairy
- Milk
- Cheese
LaTeX#
Using MathJax engine.
$$\LaTeX$$$$ \int_{0}^{\infty}e^{-x}\text{ d}x $$\[ \text{why are you still there?} \]I have \(e^{\pi\text{i}}+1\) ideas.
Other Elements — abbr, sub, sup, kbd, mark#
GIF is a bitmap image format.
H2O
Xn + Yn = Zn
Press CTRL+ALT+Delete to end the session.
Most salamanders are nocturnal, and hunt for insects, worms, and other small creatures.