feat: 增加阅读体验增强与深色模式

- 新增 assets/css/style.scss：覆盖主题样式表（保留 @import 主题），
  用 CSS 变量实现浅色/深色两套配色，含代码高亮深色 token 与打印适配
- 新增 assets/js/blog.js：阅读进度条、深色切换（含 localStorage 记忆）、
  代码块一键复制、文章目录自动生成与滚动高亮、中英文混合阅读时长
- _layouts/post.html：新增阅读时长/分类元信息、目录容器、标签、
  上一篇/下一篇导航
- _includes/head-custom.html：首屏前确定配色，避免深色模式白闪
- _layouts/default.html：引入 blog.js

全部为 Liquid/原生 JS 实现，未新增插件，兼容 GitHub Pages。

Author: tyuecode

_includes/head-custom.html

@@ -1 +1,12 @@
 {% comment %} 自定义 <head> 扩展：favicon 已在 default.html 引入，此处可放统计代码 / 自定义 meta {% endcomment %}
+<script>
+  // 在首次绘制前确定配色，避免深色模式下的白屏闪烁
+  (function () {
+    var saved = null;
+    try { saved = localStorage.getItem('theme'); } catch (e) { /* 隐私模式 */ }
+    if (!saved && window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches) {
+      saved = 'dark';
+    }
+    document.documentElement.setAttribute('data-theme', saved === 'dark' ? 'dark' : 'light');
+  })();
+</script>

_layouts/default.html

@@ -60,5 +60,6 @@ <h1><a href="{{ "/" | absolute_url }}">{{ site.title | default: site.github.repo
       </footer>
     </div>
     <script src="{{ "/assets/js/scale.fix.js" | relative_url }}"></script>
+    <script src="{{ "/assets/js/blog.js" | relative_url }}?v={{ site.time | date: "%s" }}"></script>
   </body>
 </html>

_layouts/post.html

@@ -1,9 +1,43 @@
 ---
 layout: default
 ---
-<h1>{{ page.title }}</h1>
+<article class="post">
+  <h1>{{ page.title }}</h1>
 
-<small>{{ page.date | date: "%Y年%-m月%-d日" }}</small>
+  <p class="post-meta">
+    <small>{{ page.date | date: "%Y年%-m月%-d日" }}</small>
+    <span class="dot">·</span>
+    <small data-reading-time>阅读时长计算中…</small>
+    {% if page.categories and page.categories.size > 0 %}
+    <span class="dot">·</span>
+    <small>{% for c in page.categories %}{{ c }}{% unless forloop.last %} / {% endunless %}{% endfor %}</small>
+    {% endif %}
+  </p>
 
-{{ content }}
+  <div id="toc" class="toc collapsed" hidden></div>
 
+  {{ content }}
+
+  {% if page.tags and page.tags.size > 0 %}
+  <p class="post-tags">
+    {% for tag in page.tags %}
+    <a href="{{ "/tags/" | relative_url }}#{{ tag | slugify }}">#{{ tag }}</a>
+    {% endfor %}
+  </p>
+  {% endif %}
+
+  {% if page.previous or page.next %}
+  <nav class="post-nav">
+    {% if page.previous %}
+    <a class="prev" href="{{ page.previous.url | relative_url }}">
+      <span class="label">← 上一篇</span>{{ page.previous.title }}
+    </a>
+    {% endif %}
+    {% if page.next %}
+    <a class="next" href="{{ page.next.url | relative_url }}">
+      <span class="label">下一篇 →</span>{{ page.next.title }}
+    </a>
+    {% endif %}
+  </nav>
+  {% endif %}
+</article>