fix: Resolve 404 errors for tag archive and tags pages

- Rename archive/archive.html to archive/index.html to fix /archive/ URL
- Create tags/index.html page with tag cloud and tag list
- All tag archive URLs now work correctly:
  * /archive/ - main archive page with tag filtering
  * /archive/?tag=XXX - filtered by specific tag
  * /tags/ - dedicated tags overview page

This fixes 6 URLs returning 404 in Google Search Console.

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>

Author: calderbuild

archive/archive.html archive/index.htmlarchive/archive.html renamed to archive/index.html

@@ -0,0 +1,152 @@
+---
+title: Tags
+layout: default
+description: "技术标签 | 文章分类 | 主题归档"
+header-img: "img/bg-little-universe.jpg"
+---
+
+<!-- Page Header -->
+{% include intro-header.html type='page' short=true %}
+
+<!-- Main Content -->
+<div class="container">
+	<div class="row">
+		<div class="col-lg-8 col-lg-offset-2 col-md-10 col-md-offset-1">
+			<!-- Tags Cloud -->
+			<div id='tag_cloud' class="tags tags-sup">
+				{% capture tags %}
+				{% for tag in site.tags %}
+				<a href="{{ site.baseurl }}/archive/?tag={{ tag[0] | strip | url_encode }}"
+				   class="tag-button"
+				   title="{{ tag[0] }}"
+				   rel="{{ tag[1].size }}">
+					{{ tag[0] }}
+					<sup>{{tag[1].size}}</sup>
+				</a>
+				{% endfor %}
+				{% endcapture %}
+				{{ tags | split:'__SEPERATOR__' | sort }}
+			</div>
+
+			<!-- Tag List -->
+			<div class="tag-list">
+				{% for tag in site.tags %}
+				<div class="tag-section">
+					<h3 id="{{ tag[0] | strip | url_encode }}" class="tag-heading">
+						<a href="{{ site.baseurl }}/archive/?tag={{ tag[0] | strip | url_encode }}">
+							{{ tag[0] }}
+						</a>
+						<span class="tag-count">({{ tag[1].size }})</span>
+					</h3>
+					<ul class="post-list">
+						{% for post in tag[1] %}
+						<li>
+							<a href="{{ post.url | prepend: site.baseurl }}">
+								{{ post.title }}
+							</a>
+							<span class="post-date">{{ post.date | date: "%Y-%m-%d" }}</span>
+						</li>
+						{% endfor %}
+					</ul>
+				</div>
+				{% endfor %}
+			</div>
+		</div>
+	</div>
+</div>
+
+<style>
+.tags {
+	margin: 30px 0;
+}
+
+.tag-button {
+	display: inline-block;
+	padding: 8px 15px;
+	margin: 5px;
+	background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+	color: white;
+	border-radius: 20px;
+	text-decoration: none;
+	font-size: 14px;
+	transition: all 0.3s ease;
+}
+
+.tag-button:hover {
+	transform: translateY(-2px);
+	box-shadow: 0 5px 15px rgba(102, 126, 234, 0.4);
+	color: white;
+	text-decoration: none;
+}
+
+.tag-button sup {
+	font-size: 11px;
+	opacity: 0.8;
+	margin-left: 3px;
+}
+
+.tag-list {
+	margin-top: 50px;
+}
+
+.tag-section {
+	margin-bottom: 40px;
+}
+
+.tag-heading {
+	font-size: 24px;
+	font-weight: 600;
+	margin-bottom: 15px;
+	padding-bottom: 10px;
+	border-bottom: 2px solid #667eea;
+}
+
+.tag-heading a {
+	color: #333;
+	text-decoration: none;
+}
+
+.tag-heading a:hover {
+	color: #667eea;
+}
+
+.tag-count {
+	color: #999;
+	font-size: 18px;
+	font-weight: normal;
+}
+
+.post-list {
+	list-style: none;
+	padding-left: 0;
+}
+
+.post-list li {
+	padding: 8px 0;
+	border-bottom: 1px solid #eee;
+}
+
+.post-list li a {
+	color: #555;
+	text-decoration: none;
+	font-size: 16px;
+}
+
+.post-list li a:hover {
+	color: #667eea;
+}
+
+.post-date {
+	float: right;
+	color: #999;
+	font-size: 14px;
+}
+
+@media (max-width: 768px) {
+	.post-date {
+		float: none;
+		display: block;
+		margin-top: 5px;
+	}
+}
+</style>