@windcoder/astro-theme-orchid 0.0.0-stage → 0.2.0

package/src/components/Sidebar.astro

@@ -0,0 +1,334 @@
+---
+import config from "virtual:theme/config";
+// Icon（§4.65）：Iconify 标准图标组件，构建期内联渲染
+import { Icon } from "astro-icon/components";
+import { t } from "../i18n/index.js";
+import { resolveThemeIcon } from "../icons.js";
+import {
+	collectCategories,
+	collectTags,
+	daysSince,
+	type PostLike,
+} from "../utils.js";
+import Calendar from "./Calendar.astro";
+import type { TocHeading } from "./Toc.astro";
+
+interface Props {
+	/** 全站已发布文章（用于聚合分类/标签/统计） */
+	posts: PostLike[];
+	/** list：首页/列表页；post：文章详情页（可选 toc widget） */
+	variant?: "list" | "post";
+	/** 文章标题锚点（variant=post 时供 toc widget 渲染） */
+	headings?: TocHeading[];
+}
+
+const { posts, variant = "list", headings = [] } = Astro.props;
+const isPost = variant === "post";
+const tocItems = headings.filter((h) => h.depth >= 2 && h.depth <= 4);
+const cats = [...collectCategories(posts).entries()];
+const tags = [...collectTags(posts).keys()];
+
+// 标签 widget（§4.48）：仅展示前 count 个热门标签（collectTags 已按文章数降序），
+// 其余收进「…更多」入口跳转 /tags/；count=0 表示全部展示。
+// §4.52 专属参数统一入口：从 widgets 数组 tags 项的 specificConfig 读取
+const tagWidget = config.sidebar.widgets.find((w) => w.type === "tags");
+const tagCount =
+	tagWidget?.type === "tags" ? tagWidget.specificConfig.count : 12;
+const shownTags = tagCount > 0 ? tags.slice(0, tagCount) : tags;
+const tagHidden = tags.length - shownTags.length;
+
+const runDays = config.since ? daysSince(config.since) : null;
+
+// widget 开关与顺序（P2 侧栏改造）：config.sidebar.widgets 数组即渲染顺序；
+// 两个方向的显隐（对齐参考模板 showOnPostPage/hideOnNonPostPage）：
+// showOnPost=false 仅列表页显示；postOnly=true 仅文章页侧栏显示；文章页整体开关由路由层 onPost 把关
+// hideOnMobile=true 的 widget 在 <768px 隐藏（§4.49 移动端差异化，CSS .side-hide-m）
+const widgets = config.sidebar.widgets.filter(
+	(w) => w.enabled && (isPost ? w.showOnPost : !w.postOnly),
+);
+
+// §4.50 sticky 侧栏：按 position 拆两组——top 组普通流式，sticky 组包进粘性容器
+// （≥768px 跟随滚动，CSS .side-sticky）；组内保持 widgets 数组顺序
+const topWidgets = widgets.filter((w) => w.position !== "sticky");
+const stickyWidgets = widgets.filter((w) => w.position === "sticky");
+
+// 公告 widget（P1-17）：content 留空整卡不渲染
+const ann = config.announcement;
+const showAnnouncement = ann.content.trim() !== "";
+const annLink = Boolean(ann.link.text && ann.link.url);
+
+// 个人资料卡（§4.15）：头像/昵称/简介至少配一项才渲染
+const profile = config.profile;
+const showProfile = Boolean(profile.name || profile.avatar || profile.bio);
+const profileInitial = (profile.name || "?").trim().slice(0, 1) || "?";
+
+// 广告 widget（P2 保留项，默认关）：enabled + 至少一项内容 + 未过期才渲染
+const ad = config.advertisement;
+const adExpired = ad.expireDate ? new Date() > new Date(ad.expireDate) : false;
+const showAd =
+	ad.enabled && Boolean(ad.image || ad.content || ad.link.text) && !adExpired;
+
+// 友链 widget（决策 8）：与友链页同源 themeConfig.friends.list；
+// random=false 时 featured 优先、其余按 weight 降序，取前 count 个。
+// §4.52 专属参数统一入口：count/random 从 widgets 数组 friends 项的 specificConfig 读取
+const fw = config.sidebar.widgets.find((w) => w.type === "friends");
+let sideFriends: typeof config.friends.list = [];
+if (fw?.type === "friends") {
+	const sc = fw.specificConfig;
+	const enabled = config.friends.list.filter((f) => f.enabled);
+	const pool = sc.random
+		? [...enabled].sort(() => Math.random() - 0.5)
+		: [...enabled].sort((a, b) => {
+				if (a.featured !== b.featured) return a.featured ? -1 : 1;
+				return b.weight - a.weight;
+			});
+	sideFriends = pool.slice(0, sc.count);
+}
+---
+
+<aside class="sidebar">
+  {
+    [
+      { cls: "side-top", list: topWidgets },
+      { cls: "side-sticky", list: stickyWidgets },
+    ]
+      .filter((g) => g.list.length > 0)
+      .map((group) => (
+        <div class={group.cls}>
+          {group.list.map((w) => (
+            <>
+        {w.type === 'profile' && showProfile && (
+          <section class:list={["side-card", "card", "reveal", "profile-card", { "side-hide-m": w.hideOnMobile }]}>
+            {profile.url ? (
+              <a class="profile-avatar-link" href={profile.url} aria-label={profile.name}>
+                {profile.avatar ? (
+                  <img class="profile-avatar" src={profile.avatar} alt={profile.name} loading="lazy" />
+                ) : (
+                  <span class="profile-avatar avatar-fallback">{profileInitial}</span>
+                )}
+              </a>
+            ) : profile.avatar ? (
+              <img class="profile-avatar" src={profile.avatar} alt={profile.name} loading="lazy" />
+            ) : (
+              <span class="profile-avatar avatar-fallback">{profileInitial}</span>
+            )}
+            {profile.name && (
+              <div class="profile-id">
+                {profile.url ? (
+                  <a class="profile-name" href={profile.url}>{profile.name}</a>
+                ) : (
+                  <span class="profile-name">{profile.name}</span>
+                )}
+                <span class="profile-bar" aria-hidden="true" />
+              </div>
+            )}
+            {profile.bio && <p class="profile-bio">{profile.bio}</p>}
+            {profile.links.length > 0 && (
+              <div class="profile-links">
+                {profile.links.map((lk) => {
+                  const external = /^https?:\/\//.test(lk.url);
+                  // icon 兼容三种写法（§4.65）："<" 开头为内联 SVG（向后兼容）；
+                  // 其余经 icons.ts 解析——Iconify 全名（"集:名"）或内置简名映射；
+                  // 未命中跳过图标只渲染文字
+                  const icon = lk.icon
+                    ? lk.icon.startsWith("<")
+                      ? { html: lk.icon }
+                      : resolveThemeIcon(lk.icon)
+                    : null;
+                  return (
+                    <a
+                      href={lk.url}
+                      target={external ? '_blank' : undefined}
+                      rel={external ? 'noopener noreferrer' : undefined}
+                      title={lk.name}
+                    >
+                      {icon?.name && (
+                        <span class="profile-link-icon">
+                          <Icon name={icon.name} />
+                        </span>
+                      )}
+                      {icon?.html && <span class="profile-link-icon" set:html={icon.html} />}
+                      {lk.showName && <span class="profile-link-name">{lk.name}</span>}
+                    </a>
+                  );
+                })}
+              </div>
+            )}
+          </section>
+        )}
+        {w.type === 'announcement' && showAnnouncement && (
+          <section class:list={["side-card", "card", "reveal", { "side-hide-m": w.hideOnMobile }]} id="announcement">
+            <h3>{ann.title}</h3>
+            <p class="side-announcement">{ann.content}</p>
+            {(annLink || ann.closable) && (
+              <div class="side-announcement-foot">
+                {annLink && (
+                  <a
+                    class="btn-ghost"
+                    href={ann.link.url}
+                    target={ann.link.external ? '_blank' : undefined}
+                    rel={ann.link.external ? 'noopener noreferrer' : undefined}
+                  >
+                    {ann.link.text}
+                  </a>
+                )}
+                {ann.closable && (
+                  <button
+                    class="side-close"
+                    type="button"
+                    aria-label={t('closeAnnouncement')}
+                    onclick="this.closest('section').style.display='none'"
+                  >
+                    ✕
+                  </button>
+                )}
+              </div>
+            )}
+          </section>
+        )}
+        {w.type === 'categories' && cats.length > 0 && (
+          <section class:list={["side-card", "card", "reveal", { "side-hide-m": w.hideOnMobile }]}>
+            <h3>{t('categories')}</h3>
+            <div class="cat-list">
+              {cats.map(([name, list]) => (
+                <a href={`/categories/${encodeURIComponent(name)}/`}>
+                  <span>{name}</span>
+                  <span class="count">{list.length}</span>
+                </a>
+              ))}
+            </div>
+          </section>
+        )}
+        {w.type === 'tags' && tags.length > 0 && (
+          <section class:list={["side-card", "card", "reveal", { "side-hide-m": w.hideOnMobile }]}>
+            <h3>{t('tags')}</h3>
+            <div class="side-tags">
+              {shownTags.map((tag) => (
+                <a class="chip" href={`/tags/${encodeURIComponent(tag)}/`}>
+                  {tag}
+                </a>
+              ))}
+              {tagHidden > 0 && (
+                <a class="chip chip-more" href="/tags/">{t('tagsMore')}</a>
+              )}
+            </div>
+          </section>
+        )}
+        {w.type === 'friends' && sideFriends.length > 0 && (
+          <section class:list={["side-card", "card", "reveal", { "side-hide-m": w.hideOnMobile }]}>
+            <h3>{t('friendLinks')}</h3>
+            <div class="side-friends">
+              {sideFriends.map((f) => (
+                <a href={f.site} target="_blank" rel="noopener" title={f.title}>
+                  {f.image ? (
+                    <img src={f.image} alt={f.title} loading="lazy" />
+                  ) : (
+                    <span class="avatar-fallback">{f.title.slice(0, 1)}</span>
+                  )}
+                  <span>{f.title}</span>
+                </a>
+              ))}
+            </div>
+          </section>
+        )}
+        {w.type === 'calendar' && (
+          <Calendar
+            lang={config.lang}
+            postTooltip={w.specificConfig.postTooltip}
+            hideMobile={w.hideOnMobile}
+          />
+        )}
+        {w.type === 'toc' && isPost && config.toc.enabled && tocItems.length > 0 && (
+          <section class:list={["side-card", "card", "reveal", "toc-widget", { "side-hide-m": w.hideOnMobile }]}>
+            <h3>{t('tocTitle')}</h3>
+            <nav class="side-toc">
+              {tocItems.map((h) => (
+                <a class={`toc-depth-${h.depth}`} href={`#${h.slug}`}>
+                  {h.text}
+                </a>
+              ))}
+            </nav>
+          </section>
+        )}
+        {w.type === 'siteInfo' && (
+          <section class:list={["side-card", "card", "reveal", { "side-hide-m": w.hideOnMobile }]}>
+            <h3>{t('siteInfo')}</h3>
+            <div class="site-info">
+              <div class="row"><span>{t('posts')}</span><b>{posts.length}</b></div>
+              <div class="row"><span>{t('categories')}</span><b>{cats.length}</b></div>
+              <div class="row"><span>{t('tags')}</span><b>{tags.length}</b></div>
+              {runDays !== null && <div class="row"><span>{t('running')}</span><b>{t('daysCount', { n: runDays })}</b></div>}
+            </div>
+          </section>
+        )}
+        {w.type === 'advertisement' && showAd && (
+          <section class:list={["side-card", "card", "reveal", "advertisement-widget", { "side-hide-m": w.hideOnMobile }]} id="advertisement">
+            <h3>{ad.title}</h3>
+            {ad.closable && (
+              <button
+                class="ad-close"
+                type="button"
+                aria-label={t('closeAd')}
+                onclick="window.__orchidCloseAd && window.__orchidCloseAd(this)"
+              >
+                ✕
+              </button>
+            )}
+            <div class="ad-body">
+              {ad.image &&
+                (ad.imageLink ? (
+                  <a href={ad.imageLink} target="_blank" rel="noopener">
+                    <img src={ad.image} alt={ad.imageAlt} loading="lazy" />
+                  </a>
+                ) : (
+                  <img src={ad.image} alt={ad.imageAlt} loading="lazy" />
+                ))}
+              {ad.content && <p>{ad.content}</p>}
+              {ad.link.text && (
+                <a
+                  class="btn-ghost"
+                  href={ad.link.url || '#'}
+                  target={ad.link.external ? '_blank' : undefined}
+                  rel={ad.link.external ? 'noopener noreferrer' : undefined}
+                >
+                  {ad.link.text}
+                </a>
+              )}
+            </div>
+          </section>
+        )}
+            </>
+          ))}
+        </div>
+      ))
+  }
+</aside>
+
+<!-- 广告初始化：置于顶层（条件表达式内无法放脚本体）；data-astro-rerun 保证 VT 换页后重绑/重计数。
+     displayCount>0 时按 localStorage 计数，超限隐藏当前页的广告卡 -->
+<script is:inline data-astro-rerun define:vars={{ adEnabled: showAd, displayCount: ad.displayCount }}>
+  (function () {
+    window.__orchidCloseAd = function (btn) {
+      var wrapper = btn.closest('.advertisement-widget');
+      if (!wrapper) return;
+      wrapper.style.transition = 'all .3s ease-out';
+      wrapper.style.transform = 'translateX(24px)';
+      wrapper.style.opacity = '0';
+      setTimeout(function () {
+        wrapper.style.display = 'none';
+      }, 300);
+    };
+    if (!adEnabled) return;
+    var widget = document.getElementById('advertisement');
+    if (!widget) return;
+    if (displayCount > 0) {
+      var key = 'ad-display-advertisement';
+      var n = parseInt(localStorage.getItem(key) || '0', 10);
+      if (n >= displayCount) {
+        widget.style.display = 'none';
+        return;
+      }
+      localStorage.setItem(key, String(n + 1));
+    }
+  })();
+</script>

package/src/components/Toc.astro

@@ -0,0 +1,27 @@
+---
+import { t } from "../i18n/index.js";
+
+export interface TocHeading {
+	depth: number;
+	slug: string;
+	text: string;
+}
+
+interface Props {
+	headings: TocHeading[];
+}
+
+const { headings } = Astro.props;
+const items = headings.filter((h) => h.depth >= 2 && h.depth <= 4);
+---
+
+{
+  items.length > 0 && (
+    <aside class="toc" aria-label={t('toc')}>
+      <div class="toc-title">{t('tocTitle')}</div>
+      {items.map((h) => (
+        <a href={`#${h.slug}`}>{h.text}</a>
+      ))}
+    </aside>
+  )
+}

package/src/components/analytics/GoogleAnalytics.astro

@@ -0,0 +1,22 @@
+---
+/**
+ * Google Analytics（gtag.js）。orchid-blog analytics/GoogleAnalytics.astro 移植，
+ * 去掉 swup 专属 data-swup-ignore-script（主题用 ClientRouter，无需该标记）。
+ */
+interface Props {
+	analyticsId: string;
+}
+
+const { analyticsId } = Astro.props;
+---
+
+<!-- Google tag (gtag.js) -->
+<script is:inline async src={`https://www.googletagmanager.com/gtag/js?id=${analyticsId}`}></script>
+<script is:inline define:vars={{ analyticsId }}>
+  window.dataLayer = window.dataLayer || [];
+  function gtag() {
+    dataLayer.push(arguments);
+  }
+  gtag('js', new Date());
+  gtag('config', analyticsId);
+</script>

package/src/components/analytics/La51Analytics.astro

@@ -0,0 +1,52 @@
+---
+/**
+ * 51.la 统计（js-sdk-pro）。orchid-blog analytics/La51Analytics.astro 移植（去 swup 标记）。
+ */
+interface Props {
+	analyticsId: string;
+	sdkUrl?: string;
+	ck?: string;
+	autoTrack?: boolean;
+	hashMode?: boolean;
+	screenRecord?: boolean;
+}
+
+const {
+	analyticsId,
+	sdkUrl,
+	ck,
+	autoTrack = true,
+	hashMode = false,
+	screenRecord = true,
+} = Astro.props;
+---
+
+<script is:inline define:vars={{ analyticsId, sdkUrl, ck, autoTrack, hashMode, screenRecord }}>
+  !(function (p) {
+    'use strict';
+    !(function () {
+      var s = window,
+        e = document,
+        i = p,
+        c = sdkUrl || ''.concat(
+          'https:' === e.location.protocol ? 'https://' : 'http://',
+          'sdk.51.la/js-sdk-pro.min.js'
+        ),
+        n = e.createElement('script'),
+        r = e.getElementsByTagName('script')[0];
+      (n.type = 'text/javascript'),
+        n.setAttribute('charset', 'UTF-8'),
+        (n.async = !0),
+        (n.src = c),
+        (n.id = 'LA_COLLECT'),
+        (i.d = n);
+      var o = function () {
+        s.LA.ids.push(i);
+      };
+      s.LA
+        ? s.LA.ids && o()
+        : ((s.LA = p), (s.LA.ids = []), o()),
+        r.parentNode.insertBefore(n, r);
+    })();
+  })({ id: analyticsId, ck: ck || analyticsId, autoTrack: autoTrack, hashMode: hashMode, screenRecord: screenRecord });
+</script>

package/src/components/analytics/MicrosoftClarity.astro

@@ -0,0 +1,18 @@
+---
+/**
+ * Microsoft Clarity。orchid-blog analytics/MicrosoftClarity.astro 移植（去 swup 标记）。
+ */
+interface Props {
+	clarityId: string;
+}
+
+const { clarityId } = Astro.props;
+---
+
+<script is:inline define:vars={{ clarityId }}>
+  (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', clarityId);
+</script>

package/src/components/analytics/UmamiAnalytics.astro

@@ -0,0 +1,86 @@
+---
+/**
+ * Umami 统计。orchid-blog analytics/UmamiAnalytics.astro 移植（去 swup 标记）。
+ * 注意：所有 is:inline 脚本必须置于模板顶层（JSX 条件表达式内的脚本体
+ * 会被模板编译器按表达式解析，{}/箭头函数会编译失败）；
+ * 开关经 define:vars 传入，脚本内自行短路。
+ * 外链追踪用 document 级 astro:page-load 监听，VT 换页后自动重扫新 DOM 外链。
+ */
+interface Props {
+	websiteId: string;
+	scriptUrl?: string;
+	replaysScriptUrl?: string;
+	trackOutboundLinks?: boolean;
+	collectWebVitals?: boolean;
+	replays?: {
+		enabled?: boolean;
+		sampleRate?: number;
+		maskLevel?: "moderate" | "strict";
+		maxDuration?: number;
+		blockSelector?: string;
+	};
+}
+
+const {
+	websiteId,
+	scriptUrl,
+	replaysScriptUrl,
+	trackOutboundLinks = true,
+	collectWebVitals = false,
+	replays,
+} = Astro.props;
+
+const replaysEnabled = replays?.enabled ?? false;
+const replaysSampleRate = replays?.sampleRate ?? 0.15;
+const replaysMaskLevel = replays?.maskLevel ?? "moderate";
+const replaysMaxDuration = replays?.maxDuration ?? 300000;
+const replaysBlockSelector = replays?.blockSelector?.trim();
+---
+
+<script
+  is:inline
+  defer
+  src={scriptUrl}
+  data-website-id={websiteId}
+  data-performance={collectWebVitals ? 'true' : undefined}
+></script>
+
+{
+  replaysEnabled && (
+    <script
+      is:inline
+      defer
+      src={replaysScriptUrl}
+      data-website-id={websiteId}
+      data-sample-rate={String(replaysSampleRate)}
+      data-mask-level={replaysMaskLevel}
+      data-max-duration={String(replaysMaxDuration)}
+      data-block-selector={replaysBlockSelector || undefined}
+    />
+  )
+}
+
+<script is:inline define:vars={{ outboundEnabled: trackOutboundLinks }}>
+  (function () {
+    if (!outboundEnabled) return;
+    var name = 'outbound-link-click';
+
+    function applyOutboundTracking() {
+      document.querySelectorAll('a').forEach(function (a) {
+        if (a.host !== window.location.host && !a.getAttribute('data-umami-event')) {
+          a.setAttribute('data-umami-event', name);
+          a.setAttribute('data-umami-event-url', a.href);
+        }
+      });
+    }
+
+    if (document.readyState === 'loading') {
+      document.addEventListener('DOMContentLoaded', applyOutboundTracking, { once: true });
+    } else {
+      applyOutboundTracking();
+    }
+
+    // VT 换页后重扫新 DOM 中的外链
+    document.addEventListener('astro:page-load', applyOutboundTracking);
+  })();
+</script>

package/src/components/comments/Artalk.astro

@@ -0,0 +1,51 @@
+---
+/**
+ * Artalk 评论实现（orchid-blog components/comment/Artalk.astro 移植）。
+ * pageKey 与 orchid-blog 口径一致（/posts/<id> 无尾斜杠），迁移后既有评论数据无缝延续。
+ * VT 兼容：identical inline 脚本换页后不会重跑（按内容去重），必须显式
+ * data-astro-rerun——否则 guestbook → 其他页 → guestbook（pageKey 相同、脚本内容相同）
+ * 二次进入时脚本不重执行，评论区空白。旧 MutationObserver 经 window 句柄清理。
+ */
+import config from "virtual:theme/config";
+
+interface Props {
+	path: string;
+}
+
+const { path } = Astro.props;
+
+const artalkConfig = {
+	el: "#artalk",
+	server: config.comment.artalk.server,
+	site: config.title,
+	pageKey: path,
+	pageTitle: "",
+	locale: config.comment.artalk.locale,
+	dark: "html.dark",
+	...(config.comment.artalk.visitorCount ? { pageview: true } : {}),
+};
+---
+
+<div class="relative w-full">
+  <div id="artalk" style="--at-color-main: var(--accent); --at-color-bg: var(--surface); --at-color-border: var(--border);"></div>
+
+  <link rel="stylesheet" href="https://unpkg.com/artalk/dist/Artalk.css" />
+
+  <script is:inline type="module" data-astro-rerun define:vars={{ artalkConfig }}>
+    const ArtalkModule = await import('https://unpkg.com/artalk/dist/Artalk.mjs');
+
+    // VT 换页后旧观察器随本次执行清理，避免泄漏
+    if (window.__orchidArtalkObserver) window.__orchidArtalkObserver.disconnect();
+
+    const artalk = ArtalkModule.default.init(artalkConfig);
+
+    function updateArtalkTheme() {
+      artalk.setDarkMode(document.documentElement.classList.contains('dark'));
+    }
+    updateArtalkTheme();
+
+    const observer = new MutationObserver(updateArtalkTheme);
+    observer.observe(document.documentElement, { attributes: true, attributeFilter: ['class'] });
+    window.__orchidArtalkObserver = observer;
+  </script>
+</div>

package/src/components/comments/Disqus.astro

@@ -0,0 +1,43 @@
+---
+/**
+ * Disqus 评论实现（orchid-blog components/comment/Disqus.astro 移植）。
+ * identifier 口径与 orchid-blog 一致：post id（如 posts/<id>）、guestbook，
+ * 迁移后既有评论数据无缝延续；url = 站点域名 + path。
+ * VT 兼容：data-astro-rerun 重执行，注入前移除旧 embed 脚本防重复加载。
+ */
+import config from "virtual:theme/config";
+
+interface Props {
+	path: string;
+	/** 页面标题（Disqus 后台按 title 展示） */
+	title?: string;
+}
+
+const { path, title } = Astro.props;
+const shortname = config.comment.disqus.shortname;
+const siteHref = Astro.site?.href ?? "/";
+---
+
+<div id="disqus_thread"></div>
+
+<script is:inline data-astro-rerun define:vars={{ shortname, path, title, siteHref }}>
+  window.disqus_config = function () {
+    this.page.url = siteHref.replace(/\/$/, "") + path;
+    // 与 orchid-blog 口径一致：去首尾斜杠的 path（posts/<id>、guestbook）
+    this.page.identifier = path.replace(/^\/+|\/+$/g, "") || "index";
+    this.page.title = title || path;
+  };
+
+  // 换页重跑防护：移除旧 embed 脚本再注入
+  const old = document.getElementById("qy-disqus-embed");
+  if (old) old.remove();
+  const s = document.createElement("script");
+  s.id = "qy-disqus-embed";
+  s.src = `https://${shortname}.disqus.com/embed.js`;
+  s.setAttribute("data-timestamp", new Date().toString());
+  (document.head || document.body).appendChild(s);
+</script>
+
+<noscript>
+  请启用 JavaScript 以查看 <a href="https://disqus.com/?ref_noscript">Disqus 评论</a>。
+</noscript>