redesign: 沉浸式梦境主题 - 星空粒子、水晶效果、滚动动画

themes/dreamscape/layouts/_default/single.html

@@ -1,19 +1,23 @@
 {{ define "main" }}
-<div class="page-header">
-    <h1>{{ .Title }}</h1>
-    {{ if .Params.subtitle }}<p class="subtitle">{{ .Params.subtitle }}</p>{{ end }}
-    <div class="meta">
-        <time datetime="{{ .Date.Format "2006-01-02" }}">{{ .Date.Format "2006年01月02日" }}</time>
-        {{ with .Params.tags }}<span class="tags">{{ range . }}<span class="tag">{{ . }}</span>{{ end }}</span>{{ end }}
+<article class="dream-article">
+    <div class="article-hero reveal">
+        <div class="article-glyph">◇</div>
+        <h1 class="article-title">{{ .Title }}</h1>
+        <div class="article-meta">
+            <time>{{ .Date.Format "2006年01月02日" }}</time>
+            <div class="article-tags">
+                {{ range .Params.tags }}<span class="tag">{{ . }}</span>{{ end }}
+            </div>
+        </div>
     </div>
-</div>
 
-<article class="article">
-    {{ .Content }}
+    <div class="article-body">
+        {{ .Content }}
+    </div>
+
+    <nav class="article-nav">
+        {{ with .PrevInSection }}<a href="{{ .RelPermalink }}" class="nav-prev">← {{ .Title }}</a>{{ end }}
+        {{ with .NextInSection }}<a href="{{ .RelPermalink }}" class="nav-next">{{ .Title }} →</a>{{ end }}
+    </nav>
 </article>
-
-<nav class="post-nav">
-    {{ with .PrevInSection }}<a href="{{ .RelPermalink }}" class="prev">← {{ .Title }}</a>{{ end }}
-    {{ with .NextInSection }}<a href="{{ .RelPermalink }}" class="next">{{ .Title }} →</a>{{ end }}
-</nav>
 {{ end }}