diff --git a/themes/sukaato/layouts/_default/_markup/render-codeblock-abc.html b/themes/sukaato/layouts/_default/_markup/render-codeblock-abc.html
new file mode 100644
index 0000000..470186f
--- /dev/null
+++ b/themes/sukaato/layouts/_default/_markup/render-codeblock-abc.html
@@ -0,0 +1,4 @@
+<pre class="abc">
+    {{ .Inner | htmlEscape | safeHTML }}
+</pre>
+{{ .Page.Store.Set "hasAbc" true }}
\ No newline at end of file
diff --git a/themes/sukaato/layouts/_default/_markup/render-codeblock-mermaid.html b/themes/sukaato/layouts/_default/_markup/render-codeblock-mermaid.html
new file mode 100644
index 0000000..395dc0f
--- /dev/null
+++ b/themes/sukaato/layouts/_default/_markup/render-codeblock-mermaid.html
@@ -0,0 +1,4 @@
+<pre class="mermaid">
+    {{ .Inner | htmlEscape | safeHTML }}
+</pre>
+{{ .Page.Store.Set "hasMermaid" true }}
\ No newline at end of file
diff --git a/themes/sukaato/layouts/_default/_markup/render-codeblock-tab.html b/themes/sukaato/layouts/_default/_markup/render-codeblock-tab.html
new file mode 100644
index 0000000..d675969
--- /dev/null
+++ b/themes/sukaato/layouts/_default/_markup/render-codeblock-tab.html
@@ -0,0 +1,4 @@
+<pre class="jtab">
+    {{ .Inner | htmlEscape | safeHTML }}
+</pre>
+{{ .Page.Store.Set "hasTab" true }}
\ No newline at end of file