feat: try to add views count

pezy · pezy · commit 62d593ef2117 · 2025-02-09T11:44:58.000+08:00
diff --git a/_layouts/default.html b/_layouts/default.html
@@ -7,6 +7,7 @@
     <title>{% if page.title %}{{ page.title }} - {% endif %}{{ site.title }}</title>
     <link rel="stylesheet" href="{{ '/assets/css/style.css' | relative_url }}">
     <script src="https://unpkg.com/simple-jekyll-search@latest/dest/simple-jekyll-search.min.js"></script>
+    <script async src="//busuanzi.ibruce.info/busuanzi/2.3/busuanzi.pure.mini.js"></script>
 </head>
 <body>
     <header>
diff --git a/_layouts/post.html b/_layouts/post.html
@@ -5,9 +5,14 @@
 <article class="post">
   <header class="post-header">
     <h1>{{ page.title }}</h1>
-    <time datetime="{{ page.date | date_to_xmlschema }}">
-      {{ page.date | date: site.date_format }}
-    </time>
+    <div class="post-meta">
+      <time datetime="{{ page.date | date_to_xmlschema }}">
+        {{ page.date | date: site.date_format }}
+      </time>
+      <span id="busuanzi_container_page_pv">
+        <span id="busuanzi_value_page_pv"></span> views
+      </span>
+    </div>
     {% if page.tags %}
     <div class="post-tags">
       {% for tag in page.tags %}
diff --git a/assets/css/style.css b/assets/css/style.css
@@ -430,3 +430,21 @@ code {
     display: none;
   }
 }
+
+/* 文章元信息样式 */
+.post-meta {
+    display: flex;
+    align-items: center;
+    gap: 1rem;
+    color: var(--meta-color);
+    font-size: 0.9rem;
+}
+
+/* 隐藏未加载完成的访问量 */
+#busuanzi_container_page_pv {
+    display: none;  /* 默认隐藏 */
+}
+
+#busuanzi_container_page_pv[data-show] {
+    display: inline;  /* 加载完成后显示 */
+}
