hexo-theme-hydrogen 1.1.0

package/LICENSE.md

@@ -0,0 +1,10 @@
+The MIT License (MIT)
+---
+
+Copyright © 2026 `Frish2021`
+
+Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the “Software”), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED “AS IS”, WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

package/README.md

@@ -0,0 +1,34 @@
+# hexo-theme-hydrogen
+
+基于`hexo-theme-starter`主题制作，其中文译名为`氢博客`，致力于制作轻量、简介的博客。
+
+## 1 | 如何下载
+
+### 1.1 | 初始化Hexo（可选）
+如果你已经有成型的hexo框架的话可以不需要初始化
+
+```bash
+hexo init
+```
+
+### 1.2 | 下载主题
+
+```
+git clone https://github.com/CoderFrish/hexo-theme-hydrogen.git themes/hydrogen
+```
+
+### 1.3 | 设置主题
+
+在文件`_config.yml`下，找到`theme`项，将其修改成以下：
+```diff
+theme: hydrogen
+```
+
+### 1.4 | 更多方法
+
+可以用npm来安装
+```bash
+npm install hexo-theme-hydrogen
+```
+
+剩下同理

package/_config.yml

@@ -0,0 +1,82 @@
+# Starter Theme Configuration
+# 主题配置文件
+
+# ===== 站点信息 =====
+# 这些信息会覆盖 Hexo 根目录的配置
+favicon: /images/favicon.ico
+
+# ===== 导航菜单 =====
+menu:
+  首页: /
+  归档: /archives
+  标签: /tags
+
+# ===== 社交链接 =====
+social:
+  github: https://github.com/CoderFrish
+  email: mailto:1573880184@qq.com
+
+# ===== 侧边栏配置 =====
+sidebar:
+  # 显示最新文章数量
+  recent_posts: 5
+  # 是否显示标签云
+  show_tags: true
+  # 是否显示归档
+  show_archives: true
+
+post:
+  # 字数统计
+  word_count: true
+  # 阅读时间估算
+  reading_time: true
+  # 每分钟阅读字数
+  words_per_minute: 300
+  # 显示更新时间
+  show_updated: true
+  # 显示版权信息
+  copyright: true
+
+# ===== 搜索配置 =====
+search:
+  enable: true
+  # 搜索内容：title, content, tags
+  fields:
+    - title
+    - content
+    - tags
+  # 搜索结果摘要长度
+  excerpt_length: 100
+
+# ===== 图片设置 =====
+images:
+  # 图片懒加载
+  lazyload: true
+  # 图片灯箱效果
+  lightbox: true
+
+# ===== 主题外观 =====
+appearance:
+  # 默认主题：light / dark / auto
+  default_theme: auto
+  # 主题色
+  primary_color: "#2563eb"
+  # 是否显示主题切换按钮
+  theme_toggle: true
+
+# ===== 页脚配置 =====
+footer:
+  # 建站年份
+  since: 2025
+  # 备案信息（中国大陆）
+  icp:
+  # 自定义内容（支持 HTML）
+  custom:
+
+# ===== TOC 目录 =====
+toc:
+  enable: true
+  # 最大深度
+  max_depth: 3
+  # 自动编号
+  number: true

package/layout/_partial/footer.ejs

@@ -0,0 +1,71 @@
+<footer class="site-footer">
+  <div class="footer-container">
+    <div class="footer-content">
+      <!-- 版权信息 -->
+      <div class="footer-copyright">
+        <p>
+          &copy; 
+          <% if (theme.footer.since && theme.footer.since != new Date().getFullYear()) { %>
+            <%= theme.footer.since %> - 
+          <% } %>
+          <%= new Date().getFullYear() %> 
+          <a href="<%- url_for('/') %>"><%= config.author || config.title %></a>
+        </p>
+      </div>
+
+      <!-- 社交链接 -->
+      <% if (theme.social) { %>
+        <div class="footer-social">
+          <% if (theme.social.github) { %>
+            <a href="<%= theme.social.github %>" target="_blank" rel="noopener noreferrer" aria-label="GitHub" title="GitHub">
+              <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+                <path d="M15 22v-4a4.8 4.8 0 0 0-1-3.5c3 0 6-2 6-5.5.08-1.25-.27-2.48-1-3.5.28-1.15.28-2.35 0-3.5 0 0-1 0-3 1.5-2.64-.5-5.36-.5-8 0C6 2 5 2 5 2c-.3 1.15-.3 2.35 0 3.5A5.403 5.403 0 0 0 4 9c0 3.5 3 5.5 6 5.5-.39.49-.68 1.05-.85 1.65-.17.6-.22 1.23-.15 1.85v4"></path>
+                <path d="M9 18c-4.51 2-5-2-7-2"></path>
+              </svg>
+            </a>
+          <% } %>
+          <% if (theme.social.twitter) { %>
+            <a href="<%= theme.social.twitter %>" target="_blank" rel="noopener noreferrer" aria-label="Twitter" title="Twitter">
+              <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+                <path d="M22 4s-.7 2.1-2 3.4c1.6 10-9.4 17.3-18 11.6 2.2.1 4.4-.6 6-2C3 15.5.5 9.6 3 5c2.2 2.6 5.6 4.1 9 4-.9-4.2 4-6.6 7-3.8 1.1 0 3-1.2 3-1.2z"></path>
+              </svg>
+            </a>
+          <% } %>
+          <% if (theme.social.email) { %>
+            <a href="<%= theme.social.email %>" aria-label="Email" title="Email">
+              <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+                <rect width="20" height="16" x="2" y="4" rx="2"></rect>
+                <path d="m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7"></path>
+              </svg>
+            </a>
+          <% } %>
+        </div>
+      <% } %>
+
+      <!-- 技术支持 -->
+      <div class="footer-powered">
+        <p>
+          Powered by <a href="https://hexo.io" target="_blank" rel="noopener noreferrer">Hexo</a>
+          <span class="separator">|</span>
+          Theme Hydrogen
+        </p>
+      </div>
+
+      <!-- 备案信息 -->
+      <% if (theme.footer.icp) { %>
+        <div class="footer-icp">
+          <a href="https://beian.miit.gov.cn/" target="_blank" rel="noopener noreferrer">
+            <%= theme.footer.icp %>
+          </a>
+        </div>
+      <% } %>
+
+      <!-- 自定义内容 -->
+      <% if (theme.footer.custom) { %>
+        <div class="footer-custom">
+          <%- theme.footer.custom %>
+        </div>
+      <% } %>
+    </div>
+  </div>
+</footer>

package/layout/_partial/head.ejs

@@ -0,0 +1,55 @@
+<meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<meta http-equiv="X-UA-Compatible" content="ie=edge">
+
+<!-- 标题 -->
+<title><%= page.title ? page.title + ' | ' + config.title : config.title %></title>
+
+<!-- 网站描述 -->
+<meta name="description" content="<%= page.description || page.excerpt || config.description %>">
+<meta name="keywords" content="<%= page.tags ? page.tags.map(t => t.name).join(',') : config.keywords %>">
+<meta name="author" content="<%= config.author %>">
+
+<!-- Open Graph -->
+<meta property="og:type" content="<%= is_post() ? 'article' : 'website' %>">
+<meta property="og:title" content="<%= page.title || config.title %>">
+<meta property="og:description" content="<%= page.description || page.excerpt || config.description %>">
+<meta property="og:url" content="<%= url %>">
+<meta property="og:site_name" content="<%= config.title %>">
+<% if (page.cover) { %>
+<meta property="og:image" content="<%= page.cover %>">
+<% } %>
+
+<!-- Favicon -->
+<% if (theme.favicon) { %>
+<link rel="icon" href="<%= url_for(theme.favicon) %>">
+<% } %>
+
+<!-- 预连接 -->
+<link rel="preconnect" href="https://fonts.googleapis.com">
+<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+
+<!-- 字体 -->
+<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Noto+Sans+SC:wght@400;500;700&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet">
+
+<!-- 样式表 -->
+<%- css('css/style.css') %>
+
+<!-- RSS -->
+<% if (config.feed && config.feed.path) { %>
+<link rel="alternate" type="application/rss+xml" title="<%= config.title %>" href="<%= url_for(config.feed.path) %>">
+<% } %>
+
+<!-- 规范链接 -->
+<link rel="canonical" href="<%= url %>">
+
+<!-- 主题色 -->
+<meta name="theme-color" content="<%= theme.appearance.primary_color || '#2563eb' %>" media="(prefers-color-scheme: light)">
+<meta name="theme-color" content="#1e293b" media="(prefers-color-scheme: dark)">
+
+<!-- 自定义样式变量 -->
+<style>
+  :root {
+    --primary-color: <%= theme.appearance.primary_color || '#2563eb' %>;
+  }
+</style>

package/layout/_partial/header.ejs

@@ -0,0 +1,84 @@
+<header class="site-header">
+  <div class="header-container">
+    <!-- Logo / 站点标题 -->
+    <div class="site-brand">
+      <a href="<%- url_for('/') %>" class="site-logo">
+        <% if (theme.logo) { %>
+          <img src="<%- url_for(theme.logo) %>" alt="<%= config.title %>">
+        <% } else { %>
+          <span class="site-title"><%= config.title %></span>
+        <% } %>
+      </a>
+    </div>
+
+    <!-- 导航菜单 -->
+    <nav class="site-nav">
+      <ul class="nav-list">
+        <% for (let name in theme.menu) { %>
+          <li class="nav-item">
+            <a href="<%- url_for(theme.menu[name]) %>" 
+               class="nav-link <%= is_current(theme.menu[name]) ? 'active' : '' %>">
+              <%= name %>
+            </a>
+          </li>
+        <% } %>
+      </ul>
+    </nav>
+
+    <!-- 工具栏 -->
+    <div class="header-tools">
+      <!-- 搜索按钮 -->
+      <% if (theme.search.enable) { %>
+        <button class="tool-btn search-toggle" aria-label="搜索" title="搜索">
+          <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+            <circle cx="11" cy="11" r="8"></circle>
+            <path d="m21 21-4.3-4.3"></path>
+          </svg>
+        </button>
+      <% } %>
+
+      <!-- 主题切换 -->
+      <% if (theme.appearance.theme_toggle) { %>
+        <button class="tool-btn theme-toggle" aria-label="切换主题" title="切换主题">
+          <svg class="icon-sun" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+            <circle cx="12" cy="12" r="4"></circle>
+            <path d="M12 2v2"></path>
+            <path d="M12 20v2"></path>
+            <path d="m4.93 4.93 1.41 1.41"></path>
+            <path d="m17.66 17.66 1.41 1.41"></path>
+            <path d="M2 12h2"></path>
+            <path d="M20 12h2"></path>
+            <path d="m6.34 17.66-1.41 1.41"></path>
+            <path d="m19.07 4.93-1.41 1.41"></path>
+          </svg>
+          <svg class="icon-moon" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+            <path d="M12 3a6 6 0 0 0 9 9 9 9 0 1 1-9-9Z"></path>
+          </svg>
+        </button>
+      <% } %>
+
+      <!-- 移动端菜单按钮 -->
+      <button class="tool-btn menu-toggle" aria-label="菜单" title="菜单">
+        <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+          <line x1="4" x2="20" y1="12" y2="12"></line>
+          <line x1="4" x2="20" y1="6" y2="6"></line>
+          <line x1="4" x2="20" y1="18" y2="18"></line>
+        </svg>
+      </button>
+    </div>
+  </div>
+
+  <!-- 移动端导航 -->
+  <div class="mobile-nav">
+    <ul class="mobile-nav-list">
+      <% for (let name in theme.menu) { %>
+        <li class="mobile-nav-item">
+          <a href="<%- url_for(theme.menu[name]) %>" 
+             class="mobile-nav-link <%= is_current(theme.menu[name]) ? 'active' : '' %>">
+            <%= name %>
+          </a>
+        </li>
+      <% } %>
+    </ul>
+  </div>
+</header>

package/layout/_partial/pagination.ejs

@@ -0,0 +1,66 @@
+<% if (page.total > 1) { %>
+  <nav class="pagination">
+    <% if (page.prev) { %>
+      <a href="<%- url_for(page.prev_link) %>" class="page-link prev">
+        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+          <path d="m15 18-6-6 6-6"></path>
+        </svg>
+        上一页
+      </a>
+    <% } else { %>
+      <span class="page-link prev disabled">
+        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+          <path d="m15 18-6-6 6-6"></path>
+        </svg>
+        上一页
+      </span>
+    <% } %>
+
+    <div class="page-numbers">
+      <%
+        const current = page.current;
+        const total = page.total;
+        const start = Math.max(1, current - 2);
+        const end = Math.min(total, current + 2);
+      %>
+      
+      <% if (start > 1) { %>
+        <a href="<%- url_for(page.base) %>" class="page-number">1</a>
+        <% if (start > 2) { %>
+          <span class="page-ellipsis">...</span>
+        <% } %>
+      <% } %>
+      
+      <% for (let i = start; i <= end; i++) { %>
+        <% if (i === current) { %>
+          <span class="page-number current"><%= i %></span>
+        <% } else { %>
+          <a href="<%- url_for(page.base + (i === 1 ? '' : config.pagination_dir + '/' + i + '/')) %>" class="page-number"><%= i %></a>
+        <% } %>
+      <% } %>
+      
+      <% if (end < total) { %>
+        <% if (end < total - 1) { %>
+          <span class="page-ellipsis">...</span>
+        <% } %>
+        <a href="<%- url_for(page.base + config.pagination_dir + '/' + total + '/') %>" class="page-number"><%= total %></a>
+      <% } %>
+    </div>
+
+    <% if (page.next) { %>
+      <a href="<%- url_for(page.next_link) %>" class="page-link next">
+        下一页
+        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+          <path d="m9 18 6-6-6-6"></path>
+        </svg>
+      </a>
+    <% } else { %>
+      <span class="page-link next disabled">
+        下一页
+        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+          <path d="m9 18 6-6-6-6"></path>
+        </svg>
+      </span>
+    <% } %>
+  </nav>
+<% } %>

package/layout/_partial/post-meta.ejs

@@ -0,0 +1,81 @@
+<div class="post-meta">
+  <!-- 发布日期 -->
+  <span class="meta-item meta-date">
+    <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+      <rect width="18" height="18" x="3" y="4" rx="2" ry="2"></rect>
+      <line x1="16" x2="16" y1="2" y2="6"></line>
+      <line x1="8" x2="8" y1="2" y2="6"></line>
+      <line x1="3" x2="21" y1="10" y2="10"></line>
+    </svg>
+    <time datetime="<%= date(post.date, 'YYYY-MM-DD') %>">
+      <%= date(post.date, 'YYYY-MM-DD') %>
+    </time>
+  </span>
+
+  <!-- 更新日期 -->
+  <% if (typeof showFull !== 'undefined' && showFull && theme.post.show_updated && post.updated && post.updated.valueOf() !== post.date.valueOf()) { %>
+    <span class="meta-item meta-updated">
+      <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+        <path d="M21 12a9 9 0 1 1-9-9c2.52 0 4.93 1 6.74 2.74L21 8"></path>
+        <path d="M21 3v5h-5"></path>
+      </svg>
+      <time datetime="<%= date(post.updated, 'YYYY-MM-DD') %>">
+        更新于 <%= date(post.updated, 'YYYY-MM-DD') %>
+      </time>
+    </span>
+  <% } %>
+
+  <!-- 字数统计 -->
+  <% if (theme.post.word_count) { %>
+    <span class="meta-item meta-wordcount">
+      <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+        <path d="M17 6.1H3"></path>
+        <path d="M21 12.1H3"></path>
+        <path d="M15.1 18H3"></path>
+      </svg>
+      <% 
+        const content = strip_html(post.content);
+        const wordCount = content.length;
+        const displayCount = wordCount >= 1000 ? (wordCount / 1000).toFixed(1) + 'k' : wordCount;
+      %>
+      <%= displayCount %> 字
+    </span>
+  <% } %>
+
+  <!-- 阅读时间 -->
+  <% if (theme.post.reading_time) { %>
+    <span class="meta-item meta-readtime">
+      <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+        <circle cx="12" cy="12" r="10"></circle>
+        <polyline points="12 6 12 12 16 14"></polyline>
+      </svg>
+      <% 
+        const wpm = theme.post.words_per_minute || 300;
+        const text = strip_html(post.content);
+        const minutes = Math.ceil(text.length / wpm);
+      %>
+      约 <%= minutes %> 分钟
+    </span>
+  <% } %>
+
+  <!-- 标签（仅在列表页显示前几个） -->
+  <% if (post.tags && post.tags.length && (typeof showFull === 'undefined' || !showFull)) { %>
+    <span class="meta-item meta-tags">
+      <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+        <path d="M12 2H2v10l9.29 9.29c.94.94 2.48.94 3.42 0l6.58-6.58c.94-.94.94-2.48 0-3.42L12 2Z"></path>
+        <path d="M7 7h.01"></path>
+      </svg>
+      <% 
+        let tagCount = 0;
+        post.tags.each(function(tag) {
+          if (tagCount < 3) {
+      %>
+        <a href="<%- url_for(tag.path) %>"><%= tag.name %></a>
+      <%
+            tagCount++;
+          }
+        });
+      %>
+    </span>
+  <% } %>
+</div>

package/layout/_partial/search.ejs

@@ -0,0 +1,46 @@
+<div id="search-modal" class="search-modal">
+  <div class="search-container">
+    <!-- 搜索头部 -->
+    <div class="search-header">
+      <div class="search-input-wrapper">
+        <svg class="search-icon" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+          <circle cx="11" cy="11" r="8"></circle>
+          <path d="m21 21-4.3-4.3"></path>
+        </svg>
+        <input 
+          type="text" 
+          id="search-input" 
+          class="search-input" 
+          placeholder="搜索文章、文档..." 
+          autocomplete="off"
+          autofocus
+        >
+        <button class="search-close" aria-label="关闭">
+          <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+            <path d="M18 6 6 18"></path>
+            <path d="m6 6 12 12"></path>
+          </svg>
+        </button>
+      </div>
+      <div class="search-shortcut">
+        <kbd>ESC</kbd> 关闭
+        <span class="shortcut-divider">|</span>
+        <kbd>↑</kbd><kbd>↓</kbd> 导航
+        <span class="shortcut-divider">|</span>
+        <kbd>Enter</kbd> 打开
+      </div>
+    </div>
+
+    <!-- 搜索结果 -->
+    <div id="search-results" class="search-results">
+      <div class="search-tip">输入关键词开始搜索</div>
+    </div>
+
+    <!-- 搜索页脚 -->
+    <div class="search-footer">
+      <span class="search-footer-text">
+        <kbd>Ctrl</kbd> + <kbd>K</kbd> 快速搜索
+      </span>
+    </div>
+  </div>
+</div>

package/layout/_partial/sidebar.ejs

@@ -0,0 +1,93 @@
+<aside class="blog-sidebar">
+  <!-- 作者信息 -->
+  <div class="sidebar-widget author-widget">
+    <div class="author-avatar">
+      <% if (config.author_avatar) { %>
+        <img src="<%- url_for(config.author_avatar) %>" alt="<%= config.author %>">
+      <% } else { %>
+        <div class="avatar-placeholder">
+          <%= config.author ? config.author.charAt(0).toUpperCase() : 'A' %>
+        </div>
+      <% } %>
+    </div>
+    <h3 class="author-name"><%= config.author || config.title %></h3>
+    <p class="author-desc"><%= config.description %></p>
+    <div class="author-stats">
+      <div class="stat-item">
+        <span class="stat-count"><%= site.posts.length %></span>
+        <span class="stat-label">文章</span>
+      </div>
+      <div class="stat-item">
+        <span class="stat-count"><%= site.tags.length %></span>
+        <span class="stat-label">标签</span>
+      </div>
+      <div class="stat-item">
+        <span class="stat-count"><%= site.categories.length %></span>
+        <span class="stat-label">分类</span>
+      </div>
+    </div>
+
+    <a class="author-about" href="/about">
+      关于我
+    </a>
+  </div>
+
+  <!-- 最新文章 -->
+  <% if (theme.sidebar.recent_posts) { %>
+    <div class="sidebar-widget recent-posts-widget">
+      <h3 class="widget-title">最新文章</h3>
+      <ul class="recent-posts-list">
+        <% site.posts.sort('date', 'desc').limit(theme.sidebar.recent_posts).each(function(post) { %>
+          <li class="recent-post-item">
+            <a href="<%- url_for(post.path) %>">
+              <span class="recent-post-title"><%= post.title %></span>
+              <span class="recent-post-date"><%= date(post.date, 'MM-DD') %></span>
+            </a>
+          </li>
+        <% }) %>
+      </ul>
+    </div>
+  <% } %>
+
+  <!-- 标签云 -->
+  <% if (theme.sidebar.show_tags && site.tags.length) { %>
+    <div class="sidebar-widget tags-widget">
+      <h3 class="widget-title">标签</h3>
+      <div class="sidebar-tags">
+        <% site.tags.sort('name').each(function(tag) { %>
+          <a href="<%- url_for(tag.path) %>" class="sidebar-tag">
+            <%= tag.name %><span class="tag-count"><%= tag.posts.length %></span>
+          </a>
+        <% }) %>
+      </div>
+    </div>
+  <% } %>
+
+  <!-- 归档 -->
+  <% if (theme.sidebar.show_archives) { %>
+    <div class="sidebar-widget archives-widget">
+      <h3 class="widget-title">归档</h3>
+      <ul class="archives-list">
+        <% 
+          const archives = {};
+          site.posts.each(function(post) {
+            const key = date(post.date, 'YYYY-MM');
+            if (!archives[key]) {
+              archives[key] = { date: post.date, count: 0 };
+            }
+            archives[key].count++;
+          });
+          const sortedArchives = Object.keys(archives).sort().reverse().slice(0, 12);
+        %>
+        <% sortedArchives.forEach(function(key) { %>
+          <li class="archive-item">
+            <a href="<%- url_for('/archives/' + key.replace('-', '/') + '/') %>">
+              <span class="archive-date"><%= key %></span>
+              <span class="archive-count">(<%= archives[key].count %>)</span>
+            </a>
+          </li>
+        <% }) %>
+      </ul>
+    </div>
+  <% } %>
+</aside>