diff --git a/layouts/partials/after-content-js.html b/layouts/partials/after-content-js.html
index 6f1f4d7..f83402b 100644
--- a/layouts/partials/after-content-js.html
+++ b/layouts/partials/after-content-js.html
@@ -94,3 +94,8 @@ document.addEventListener("scroll", () => {
 })
 </script>
 {{ end }}
+
+<script>
+    const heti = new Heti('.heti');
+    heti.autoSpacing();
+</script>
diff --git a/layouts/partials/head.html b/layouts/partials/head.html
index 795f670..20c4828 100644
--- a/layouts/partials/head.html
+++ b/layouts/partials/head.html
@@ -55,6 +55,9 @@
 <script src="https://cdnjs.cloudflare.com/ajax/libs/pangu/4.0.7/pangu.min.js"></script>
 {{ end }}
 
+<link rel="stylesheet" href="//unpkg.com/heti/umd/heti.min.css">
+<script src="//unpkg.com/heti/umd/heti-addon.min.js"></script>
+
 <!-- website title -->
 <title>{{ .Site.Params.title }}</title>
 
diff --git a/layouts/partials/row.html b/layouts/partials/row.html
index f49d3e5..66b8fd5 100644
--- a/layouts/partials/row.html
+++ b/layouts/partials/row.html
@@ -55,7 +55,7 @@
 
                 <div style="padding-left: 5px; padding-right: 5px;">
                     {{/* Main text content */}}
-                    <div class="context">
+                    <div class="context heti">
                         {{ .Content }}
                     </div>
                     
@@ -125,4 +125,4 @@
         </div>
     </div>
 
-</div>
\ No newline at end of file
+</div>