diff --git a/exampleSite/content/post/getting-started.md b/exampleSite/content/post/getting-started.md
index 2aa90096..6b34b2d0 100644
--- a/exampleSite/content/post/getting-started.md
+++ b/exampleSite/content/post/getting-started.md
@@ -28,6 +28,8 @@ Key features:
 - Simple and refreshing one page design
 - Easy to customize
 
+{{% toc %}}
+
 ## Installation
 
 1. [Install Hugo](https://georgecushen.com/create-your-website-with-hugo/#installing-hugo) and create a new website by typing the following commands in your *Terminal* or *Command Prompt* app:
diff --git a/i18n/en.yaml b/i18n/en.yaml
index e43d180d..c735178e 100644
--- a/i18n/en.yaml
+++ b/i18n/en.yaml
@@ -3,6 +3,9 @@
 - id: toggle_navigation
   translation: Toggle navigation
 
+- id: table_of_contents
+  translation: Table of Contents
+
 # Buttons
 
 - id: btn_details
diff --git a/layouts/shortcodes/toc.html b/layouts/shortcodes/toc.html
new file mode 100644
index 00000000..31dd72c0
--- /dev/null
+++ b/layouts/shortcodes/toc.html
@@ -0,0 +1,2 @@
+<h2>{{ i18n "table_of_contents" }}</h2>
+{{ $.Page.TableOfContents }}