不稳定的改动

templates/assets/js/hingle.js

@@ -27,8 +27,8 @@ var Paul_Hingle = function (config) {
 
     // 关灯切换
     this.night = function () {
-        //如果开启了评论
-        if (document.getElementById("halo-comment")){
+        //如果开启了评论组件，且评论组件没更新的话
+        if (document.getElementById("halo-comment") && document.querySelector("div#halo-comment > div > div")){
             var comment_on = true;
             var ii = document.querySelector("div#halo-comment > div > div");
             var comment_box = ii.shadowRoot.querySelector("div.halo-comment-widget");

templates/assets/js/out/hingle.dev.js

@@ -0,0 +1,178 @@
+"use strict";
+
+/* ----
+
+# Hingle Theme
+# By: Dreamer-Paul
+# Last Update: 2021.10.25
+
+一个简洁大气，含夜间模式的 Hexo 博客模板。
+
+本代码为奇趣保罗原创，并遵守 MIT 开源协议。欢迎访问我的博客：https://paugram.com
+
+---- */
+var Paul_Hingle = function Paul_Hingle(config) {
+  var body = document.body;
+  var content = ks.select(".post-content:not(.is-special), .page-content:not(.is-special)"); // 菜单按钮
+
+  this.header = function () {
+    var menu = document.getElementsByClassName("head-menu")[0];
+
+    ks.select(".toggle-btn").onclick = function () {
+      menu.classList.toggle("active");
+    };
+
+    ks.select(".light-btn").onclick = this.night;
+  }; // 关灯切换
+
+
+  this.night = function () {
+    //如果开启了评论组件，且评论组件没更新的话
+    if (document.getElementById("halo-comment") && document.querySelector("div#halo-comment > div > div")) {
+      var comment_on = true;
+      var ii = document.querySelector("div#halo-comment > div > div");
+      var comment_box = ii.shadowRoot.querySelector("div.halo-comment-widget");
+    } else {
+      comment_on = false;
+    }
+
+    ;
+
+    if (body.classList.contains("dark-theme")) {
+      body.classList.remove("dark-theme", "color-scheme-dark");
+      body.classList.add("color-scheme-light");
+
+      if (comment_on) {
+        comment_box.classList.remove("dark");
+        comment_box.classList.add("light");
+      }
+
+      document.cookie = "night=false;" + "path=/;" + "max-age=21600";
+    } else {
+      body.classList.remove("color-scheme-light");
+      body.classList.add("dark-theme", "color-scheme-dark");
+
+      if (comment_on) {
+        comment_box.classList.remove("light");
+        comment_box.classList.add("dark");
+      }
+
+      document.cookie = "night=true;" + "path=/;" + "max-age=21600";
+    }
+  }; // 目录树
+
+
+  this.tree = function () {
+    if (isPost) {
+      var id = 1;
+      var wrap = ks.select(".wrap");
+      var headings = content.querySelectorAll("h1, h2, h3, h4, h5, h6");
+
+      if (headings.length > 0) {
+        var toggle_tree = function toggle_tree() {
+          var buttons = ks.select("footer .buttons");
+          var btn = ks.create("a", {
+            "class": "toggle-list"
+          });
+          buttons.appendChild(btn);
+          btn.addEventListener("click", function () {
+            trees.classList.toggle("active");
+          });
+        };
+
+        body.classList.add("has-trees");
+        var trees = ks.create("section", {
+          "class": "article-list",
+          html: "<h4><span class=\"title\">目录</span></h4>"
+        });
+        ks.each(headings, function (t) {
+          var cls,
+              text = t.innerText;
+          t.id = "title-" + id;
+
+          switch (t.tagName) {
+            case "H2":
+              cls = "item-2";
+              break;
+
+            case "H3":
+              cls = "item-3";
+              break;
+
+            case "H4":
+              cls = "item-4";
+              break;
+
+            case "H5":
+              cls = "item-5";
+              break;
+
+            case "H6":
+              cls = "item-6";
+              break;
+          }
+
+          trees.appendChild(ks.create("a", {
+            "class": cls,
+            text: text,
+            href: "#title-" + id
+          }));
+          id++;
+        });
+        wrap.appendChild(trees);
+        toggle_tree();
+      }
+    }
+  }; // 返回页首
+
+
+  this.to_top = function () {
+    var btn = document.getElementsByClassName("to-top")[0];
+    var scroll = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop;
+    scroll >= window.innerHeight / 2 ? btn.classList.add("active") : btn.classList.remove("active");
+  };
+
+  this.header();
+
+  if (content) {
+    this.tree();
+  } // 返回页首
+
+
+  window.addEventListener("scroll", this.to_top); // 如果开启自动夜间模式
+
+  if (ThemeConfig.night) {
+    var hour = new Date().getHours();
+
+    if (document.cookie.indexOf("night") === -1 && (hour <= 5 || hour >= 22)) {
+      document.body.classList.remove("color-scheme-light");
+      document.body.classList.add("dark-theme", "color-scheme-dark");
+      document.cookie = "night=true;" + "path=/;" + "max-age=21600";
+    }
+  } else if (document.cookie.indexOf("night") !== -1) {
+    if (document.cookie.indexOf("night=true") !== -1) {
+      document.body.classList.remove("color-scheme-light");
+      document.body.classList.add("dark-theme", "color-scheme-dark");
+    } else {
+      document.body.classList.remove("dark-theme", "color-scheme-dark");
+      document.body.classList.add("color-scheme-light");
+    }
+  } // 如果开启复制内容提示
+
+
+  if (ThemeConfig.copyright) {
+    document.oncopy = function () {
+      ks.notice("复制内容请注明来源并保留版权信息！", {
+        color: "yellow",
+        overlay: true
+      });
+    };
+  }
+}; // 图片缩放
+
+
+ks.image(".post-content:not(.is-special) img, .page-content:not(.is-special) img"); // 请保留版权说明
+
+if (window.console && window.console.log) {
+  console.log("%c Hingle %c https://paugram.com ", "color: #fff; margin: 1em 0; padding: 5px 0; background: #6f9fc7;", "margin: 1em 0; padding: 5px 0; background: #efefef;");
+}

templates/error/404.html

@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html xmlns:th="https://www.thymeleaf.org"
+    th:replace="~{module/macro :: html(title = '404'  + '-' + ${site.title}, head=null, content = ~{::content})}">
+
+<th:block th:fragment="content">
+    <main>
+        <div class="wrap">
+            <div class="error-page">
+                <h1>404</h1>
+                <p>找不到页面啦</p>
+                <img th:src="@{/assets/images/404.png}" />
+            </div>
+        </div>
+    </main>
+</th:block>
+
+</html>

templates/photos.html

@@ -0,0 +1,39 @@
+<!DOCTYPE html>
+<html xmlns:th="https://www.thymeleaf.org"
+    th:replace="~{module/macro :: html(title = '相册' -  ${site.title}, head=~{::head}, content = ~{::content})}">
+
+<th:block th:fragment="head">
+
+    <link rel="stylesheet" th:href="@{/assets/css/photos_style.css}">
+    </th>
+</th:block>
+
+<th:block th:fragment="content">
+    <main>
+        <div class="wrap min">
+            <section class="home-title">
+                <h1>相册</h1>
+            </section>
+
+            <section class="post-content">
+                <th:block th:each="group : ${groups}">
+                    <h2 class="photos-team" th:text="${group.spec.displayName}"></h2>
+                    <div class="item" th:each="photo : ${group.photos}">
+                        <img th:src="${photo.spec.url}" th:alt="${photo.spec.displayName}">
+                    </div>
+                </th:block>
+            </section>
+
+            <!-- 分页 -->
+            <section class="page-navigator">
+                <a th:if="${photos.hasPrevious()}" class="extend prev" rel="prev" th:href="@{${photos.prevUrl}}">«</a>
+                <span class="page-number current" th:text="${photos.page}"></span>
+                <a th:if="${photos.hasNext()}" class="extend next" rel="next" th:href="@{${photos.nextUrl}}">»</a>
+            </section>
+
+        </div>
+
+    </main>
+</th:block>
+
+</html>

theme.yaml

@@ -13,7 +13,7 @@ spec:
   repo: https://github.com/PedroNull/halo-theme-hingle2.0.git
   settingName: "theme-Hingle-setting"
   configMapName: "theme-Hingle-configMap"
-  version: 2.0.1
+  version: 2.0.2
   requires: 2.0.0
   license:
     - name: "MIT"