diff --git a/src/layouts/BaseLayout.astro b/src/layouts/BaseLayout.astro
index 49ee25a..874f5ef 100644
--- a/src/layouts/BaseLayout.astro
+++ b/src/layouts/BaseLayout.astro
@@ -6,10 +6,21 @@ import { SITE_TITLE, SITE_DESCRIPTION } from "../consts"
 const { primaryTitle } = Astro.props
 const title = primaryTitle ? `${primaryTitle}  -  ${SITE_TITLE}` : SITE_TITLE;
 ---
-
   <html class="js no-touch  progressive-image  no-reduced-motion progressive" lang="zh-CN" dir="ltr">
     <head>
       <BaseHead title={title} description={SITE_DESCRIPTION} />
+      <script type="text/javascript" is:inline>
+        (function (c, l, a, r, i, t, y) {
+          c[a] = c[a] || function () {
+            (c[a].q = c[a].q || []).push(arguments)
+          }
+          t = l.createElement(r)
+          t.async = 1
+          t.src = "https://www.clarity.ms/tag/" + i
+          y = l.getElementsByTagName(r)[0]
+          y.parentNode.insertBefore(t, y)
+        })(window, document, "clarity", "script", "tcqhxia97o")
+      </script>
     </head>
     <body class="flex flex-col min-h-screen">
       <Header />
