hexo-theme-gnix 6.2.0 → 8.0.0

package/scripts/hot-reload.js

@@ -0,0 +1,92 @@
+const LIVE_RELOAD_PATH = "/__hexo_live_reload";
+const clients = new Set();
+const reloadDebounceMs = 150;
+const reloadCooldownMs = 500;
+
+function isHexoServerCommand(ctx) {
+  const command = ctx.env?.cmd;
+  const aliases = ctx.extend?.console?.alias ?? {};
+
+  return command === "server" || aliases[command] === "server";
+}
+
+function broadcastReload() {
+  const payload = `data: ${JSON.stringify({ type: "reload", at: Date.now() })}\n\n`;
+
+  for (const client of clients) {
+    client.write(payload);
+  }
+}
+
+if (isHexoServerCommand(hexo)) {
+  let reloadTimer = null;
+  let lastBroadcastAt = 0;
+
+  function scheduleReload() {
+    if (reloadTimer) {
+      clearTimeout(reloadTimer);
+    }
+
+    reloadTimer = setTimeout(() => {
+      reloadTimer = null;
+
+      const now = Date.now();
+      if (now - lastBroadcastAt < reloadCooldownMs) {
+        return;
+      }
+
+      lastBroadcastAt = now;
+      broadcastReload();
+    }, reloadDebounceMs);
+  }
+
+  hexo.on("generateAfter", () => {
+    scheduleReload();
+  });
+
+  hexo.extend.filter.register("server_middleware", (app) => {
+    app.use((req, res, next) => {
+      if (req.url !== LIVE_RELOAD_PATH) {
+        next();
+        return;
+      }
+
+      res.writeHead(200, {
+        "Cache-Control": "no-cache, no-transform",
+        Connection: "keep-alive",
+        "Content-Type": "text/event-stream",
+        "X-Accel-Buffering": "no",
+      });
+
+      res.write("retry: 1000\n\n");
+      clients.add(res);
+
+      req.on("close", () => {
+        clients.delete(res);
+        res.end();
+      });
+    });
+  });
+
+  hexo.extend.injector.register(
+    "body_end",
+    `
+<script>
+(() => {
+  if (!window.EventSource) return;
+
+  const source = new EventSource('${LIVE_RELOAD_PATH}');
+  source.addEventListener('message', (event) => {
+    try {
+      const data = JSON.parse(event.data);
+      if (data.type === 'reload') {
+        window.location.reload();
+      }
+    } catch (_) {
+      window.location.reload();
+    }
+  });
+})();
+</script>`,
+  );
+}

package/scripts/index.js

@@ -1,5 +1,7 @@
 require("../include/hexo/filter")(hexo);
 require("../include/hexo/generator")(hexo);
+require("../include/hexo/feed")(hexo);
+require("../include/hexo/encrypt")(hexo);
 require("../include/hexo/view").init(hexo);
 require("../include/hexo/helper")(hexo);
 require("../include/hexo/renderer")(hexo);

package/source/css/archive.css

@@ -0,0 +1,251 @@
+@keyframes blink {
+  0%,
+  100% {
+    opacity: 1;
+  }
+  50% {
+    opacity: 0;
+  }
+}
+
+.article-meta {
+  font-size: 0.8rem;
+  color: var(--subtext1);
+  font-family: var(--font-handwriting);
+  white-space: nowrap;
+}
+
+a.archive-title {
+  font-family: var(--font-sans-serif);
+  font-weight: 400;
+  color: var(--text);
+}
+
+a.archive-title:hover {
+  color: var(--accent);
+}
+
+/* Breadcrumb navigation */
+.archive-breadcrumb {
+  color: var(--blue);
+  font-family: var(--font-mono);
+  margin: 0 0 1rem 0;
+  padding-left: 1em;
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  gap: 0;
+}
+
+.archive-breadcrumb .prompt {
+  color: var(--green);
+  user-select: none;
+  margin-right: 0.25em;
+}
+
+.archive-breadcrumb .cursor {
+  display: inline-block;
+  color: var(--mauve);
+  font-weight: bold;
+  margin-left: 2px;
+  animation: blink 1s step-end infinite;
+  user-select: none;
+}
+
+.archive-breadcrumb__cmd {
+  color: var(--yellow);
+  user-select: none;
+  padding-right: 0.5em;
+}
+
+.archive-breadcrumb__picker {
+  position: relative;
+  display: inline-flex;
+  align-items: center;
+}
+
+.archive-breadcrumb__trigger {
+  display: inline-flex;
+  align-items: center;
+  border: none;
+  background: transparent;
+  color: var(--yellow);
+  font-family: var(--font-mono);
+  padding: 0.05em 0.15em;
+  border-radius: 4px;
+  text-decoration: underline;
+  text-decoration-color: hsl(from var(--yellow) h s l / 0.6);
+  text-decoration-thickness: 1px;
+  text-underline-offset: 0.22em;
+  cursor: pointer;
+  transition:
+    transform 120ms ease,
+    color 120ms ease,
+    background 120ms ease,
+    text-decoration-color 120ms ease;
+}
+
+.archive-breadcrumb__trigger:hover {
+  color: var(--mauve);
+  background: hsl(from var(--base) h s l / 0.35);
+  text-decoration-color: hsl(from var(--mauve) h s l / 0.75);
+}
+
+.archive-breadcrumb__trigger:focus-visible {
+  outline: 2px solid hsl(from var(--mauve) h s l / 0.7);
+  outline-offset: 2px;
+  background: hsl(from var(--base) h s l / 0.35);
+}
+
+.archive-breadcrumb__trigger[aria-expanded="true"] {
+  transform: translateY(-1px);
+  color: var(--mauve);
+  text-decoration-color: hsl(from var(--mauve) h s l / 0.9);
+}
+
+.archive-breadcrumb__trigger[disabled] {
+  opacity: 0.45;
+  cursor: not-allowed;
+  text-decoration-color: hsl(from var(--subtext1) h s l / 0.4);
+}
+
+.archive-breadcrumb__menu {
+  position: absolute;
+  top: calc(100% + 6px);
+  left: 0;
+  min-width: 12rem;
+  max-height: 15rem;
+  overflow: auto;
+  background: hsl(from var(--base) h s l / 0.9);
+  border: 1px solid hsl(from var(--surface1) h s l / 0.9);
+  border-radius: 10px;
+  padding: 0.35rem;
+  box-shadow: 0 18px 50px hsl(from var(--crust) h s l / 0.45);
+  opacity: 0;
+  transform: translateY(-6px);
+  visibility: hidden;
+  pointer-events: none;
+  transition:
+    opacity 160ms ease,
+    transform 160ms ease,
+    visibility 0s linear 160ms;
+  z-index: 20;
+}
+
+.archive-breadcrumb__trigger[aria-expanded="true"] + .archive-breadcrumb__menu {
+  opacity: 1;
+  transform: translateY(0);
+  visibility: visible;
+  pointer-events: auto;
+  transition:
+    opacity 160ms ease,
+    transform 160ms ease,
+    visibility 0s;
+}
+
+.archive-breadcrumb__option {
+  width: 100%;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  gap: 0.5rem;
+  padding: 0.35rem 0.5rem;
+  border-radius: 8px;
+  border: none;
+  background: transparent;
+  color: var(--text);
+  font-family: var(--font-mono);
+  font-size: 0.9rem;
+  cursor: pointer;
+  transition:
+    background 120ms ease,
+    color 120ms ease;
+  text-align: left;
+}
+
+.archive-breadcrumb__option:hover,
+.archive-breadcrumb__option:focus-visible {
+  background: hsl(from var(--surface1) h s l / 0.55);
+  color: var(--yellow);
+  outline: none;
+}
+
+.archive-breadcrumb__option[aria-selected="true"] {
+  background: hsl(from var(--surface1) h s l / 0.75);
+  color: var(--mauve);
+}
+
+/* Card with year overlay */
+.card-content {
+  position: relative;
+  overflow: hidden;
+}
+
+span.year {
+  position: absolute;
+  top: 1.5rem;
+  right: 1.5rem;
+  z-index: 0;
+  pointer-events: none;
+  font-weight: bolder;
+  font-family: var(--font-handwriting);
+  font-size: 4em;
+  font-style: italic;
+  color: hsl(from var(--accent, var(--lavender)) h s l / 0.3);
+  line-height: 1;
+  user-select: none;
+}
+
+/* Season colors */
+.winter {
+  --accent: var(--blue);
+}
+
+.autumn {
+  --accent: var(--red);
+}
+
+.summer {
+  --accent: var(--green);
+}
+
+.spring {
+  --accent: var(--peach);
+}
+
+/* Archive item */
+.archive-item {
+  position: relative;
+  display: flex;
+  text-align: left;
+  align-items: flex-start;
+}
+
+.archive-item > div {
+  display: flex;
+  align-items: baseline;
+  gap: 0.75rem;
+}
+
+.archive-item + .archive-item {
+  border: none;
+  margin-top: 0;
+  padding-top: 1em;
+}
+
+/* Responsive */
+@media (max-width: 480px) {
+  .archive-breadcrumb {
+    padding-left: 0.5em;
+  }
+
+  .archive-breadcrumb__menu {
+    min-width: 8rem;
+    max-width: calc(100vw - 2rem);
+  }
+
+  span.year {
+    font-size: 2.5em;
+    right: 0.5rem;
+  }
+}