diff --git a/layouts/_default/baseof.html b/layouts/_default/baseof.html
new file mode 100644
index 0000000..b11dbe5
--- /dev/null
+++ b/layouts/_default/baseof.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html lang="{{ .Site.LanguageCode }}">
+<head>{{ partial "head.html" . }}</head>
+<body>
+  <div id="all">
+      <div class="container-fluid">
+          <link href="https://artalk.jamesflare.com/dist/Artalk.css" rel="stylesheet">
+          <script src="https://artalk.jamesflare.com/dist/Artalk.js"></script>
+          <div class="row row-offcanvas row-offcanvas-left">
+              {{ partial "sidebar.html" . }}
+              {{ block "main" . }}
+              {{ end }}
+          </div>
+      </div>
+  </div>
+  {{ partial "scripts.html" . }}
+</body>
+</html>
diff --git a/layouts/partials/head.html b/layouts/partials/head.html
index 18b48e3..21b5275 100644
--- a/layouts/partials/head.html
+++ b/layouts/partials/head.html
@@ -31,5 +31,5 @@
 {{ end }}
 {{ template "_internal/google_analytics.html" . }}
 <script async src="https://track.jamesflare.com/script.js" data-website-id="226742b8-6efb-4be9-8f8f-d297df42401c"></script>
-<link href="https://artalk.jamesflare.com/dist/Artalk.css" rel="stylesheet">
-<script src="https://artalk.jamesflare.com/dist/Artalk.js"></script>
\ No newline at end of file
+<link rel="preload" as="script" href="https://artalk.jamesflare.com/dist/Artalk.js">
+<link rel="preload" as="stylesheet" href="https://artalk.jamesflare.com/dist/Artalk.css">
\ No newline at end of file
