{pageTitle}
-
-
+
- {/* 上一级目录卡片 - 仅在浏览目录时显示 */}
- {!tagFilter && pathSegments.length > 0 && (
- 1 ? pathSegments.slice(0, -1).join('/') : ''}/`}
- class="group flex flex-col h-full p-5 border border-gray-200 dark:border-gray-700 rounded-xl bg-white dark:bg-gray-800 hover:shadow-xl hover:-translate-y-1 shadow-lg"
- data-astro-prefetch="hover">
-
-
- {/* 空内容提示 */}
- {((tagFilter && filteredArticles.length === 0) || (!tagFilter && currentSections.length === 0 && currentArticles.length === 0)) && (
-
-
-
- )}
-
- {/* 目录卡片 - 仅在浏览目录时显示 */}
- {!tagFilter && currentSections.map(section => {
- // 确保目录链接正确生成
- const dirLink = currentPath ? `${currentPath}/${section.name}` : section.name;
-
- return (
-
-
-
-
-
-
- 返回上级目录
- 返回上一级
-
-
-
-
-
-
- );
- })}
-
- {/* 文章卡片 - 根据是否有标签过滤显示不同内容 */}
- {tagFilter ? (
- // 显示标签过滤后的文章
- filteredArticles.map(article => (
-
-
-
-
-
- {section.name}
-
- {section.sections.length > 0 && (
-
-
- {section.sections.length} 个子目录
-
- )}
- {section.articles.length > 0 && (
-
-
- {section.articles.length} 篇文章
-
- )}
-
-
-
-
-
-
-
- ))
- ) : (
- // 显示当前目录的文章
- currentArticles.map(articlePath => {
- // 获取文章ID - 不需要移除src/content前缀，因为contentStructure中已经是相对路径
- const articleId = articlePath;
-
- // 尝试匹配文章
- const article = articles.find(a => a.id === articleId);
-
- if (!article) {
- return (
-
-
-
- {article.data.tags && article.data.tags.length > 0 && (
-
-
-
-
-
- {article.data.title}
- {article.body && ( -- {article.data.summary} -
- )} -
-
- 阅读全文
-
-
- {article.data.tags.map(tag => (
-
- #{tag}
-
- ))}
-
- )}
-
-
- );
- }
-
- return (
-
-
-
-
-
-
-
- 文章不存在
--
原始路径: {articlePath}
- 文章ID: {articleId}
- 当前目录: {currentPath}
-
-
-
- 可用的文章ID:
- {articles.map(a => a.id).join(', ')}
-
-
-
- );
- })
- )}
-
-
-
- {article.data.tags && article.data.tags.length > 0 && (
-
-
-
-
-
- {article.data.title}
- {article.body && ( -- {article.data.summary} -
- )} -
-
- 阅读全文
-
-
- {article.data.tags.map(tag => (
-
- #{tag}
-
- ))}
-
- )}
-
-
-
- )}
-
- ) : pageType === 'filter' ? (
-
- - {tagFilter ? `没有找到标签为 "${tagFilter}" 的文章` : '此目录为空'} -
-- {tagFilter ? '请尝试其他标签或返回文章列表' : '此目录下暂无内容，请浏览其他目录或返回上一级'} -
-
-
-
+
\ No newline at end of file
-
+
\ No newline at end of file
diff --git a/src/pages/filtered/index.astro b/src/pages/filtered/index.astro
new file mode 100644
index 0000000..bae608c
--- /dev/null
+++ b/src/pages/filtered/index.astro
@@ -0,0 +1,1416 @@
+---
+import { getCollection } from 'astro:content';
+import type { CollectionEntry } from 'astro:content';
+import Layout from "@/components/Layout.astro";
+import Breadcrumb from "@/components/Breadcrumb.astro";
+
+// 启用静态预渲染
+export const prerender = true;
+
+// 获取查询参数
+const searchParams = Astro.url.searchParams;
+
+// 获取所有文章，并按日期排序
+const articles: CollectionEntry<'articles'>[] = await getCollection('articles');
+const sortedArticles = articles.sort(
+ (a, b) => b.data.date.getTime() - a.data.date.getTime()
+);
+
+// 获取所有标签
+const allTags = articles.flatMap(article => article.data.tags || []);
+const tags = [...new Set(allTags)].sort();
+
+// 处理文章链接
+function getArticleUrl(articleId: string) {
+ return searchParams.toString() ?
+ `/articles/${articleId}?${searchParams.toString()}` :
+ `/articles/${articleId}`;
+}
+---
+
+
-
+
+ {/* 空内容提示 */}
+ {(currentSections.length === 0 && currentArticles.length === 0) && (
+ - - 文章筛选 -
- + +
+ {/* 上一级目录卡片 - 仅在浏览目录时显示 */}
+ {pathSegments.length > 0 && (
+ 1 ? pathSegments.slice(0, -1).join('/') : ''}/`}
+ class="group flex flex-col h-full p-5 border border-gray-200 dark:border-gray-700 rounded-xl bg-white dark:bg-gray-800 hover:shadow-xl hover:-translate-y-1 shadow-lg"
+ data-astro-prefetch="hover">
+
+ );
+ })}
+
+ {/* 文章卡片 */}
+ {currentArticles.map(articlePath => {
+ // 获取文章ID - 不需要移除src/content前缀，因为contentStructure中已经是相对路径
+ const articleId = articlePath;
+
+ // 尝试匹配文章
+ const article = articles.find(a => a.id === articleId);
+
+ if (!article) {
+ return (
+
+
-
-
-
+
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- {tags.map(tag => (
-
- ))}
-
-
-
-
-
-
-
-
-
-
+
- 返回上级目录
+ 返回上一级
-
-
-
- 已选筛选条件：
-
-
- 无筛选条件，显示全部文章
-
-
-
-
- 显示 0 篇文章（共 {sortedArticles.length} 篇）
-
-
-
-
-
-
-
-
-
-
- {sortedArticles.map(article => (
-
-
-
-
-
-
- ))}
-
-
-
- {article.data.tags && article.data.tags.length > 0 && (
-
-
-
-
-
- {article.data.title}
- {article.body && ( -- {article.data.summary} -
- )} -
-
- 阅读全文
-
-
- {article.data.tags.map(tag => (
-
- #{tag}
-
- ))}
-
- )}
-
-
-
- 筛选视图
-
-
-
+
+ )}
+
+ {/* 目录卡片 */}
+ {currentSections.map(section => {
+ // 确保目录链接正确生成
+ const dirLink = currentPath ? `${currentPath}/${section.name}` : section.name;
-
-
-
-
-
-
-
-
- ) : (
- // 默认视图（参数错误时显示）
- 没有找到符合条件的文章
-请尝试调整筛选条件或者清除筛选条件
-
-
+ 无效的视图模式
-您请求的视图模式"{pageType}"不存在，请选择其他视图。
- +
+
+
+
+
+ );
+ }
+
+ return (
+
+ );
+ })}
+
+
+
+
+
+
+
+ 文章不存在
++
原始路径: {articlePath}
+ 文章ID: {articleId}
+ 当前目录: {currentPath}
+
+
+
+
- )
- }
-
\ No newline at end of file
+ )}
+
+ 此目录为空
+此目录下暂无内容，请浏览其他目录或返回上一级
+
+
+
+
+文章筛选
+ + +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ + + 文章筛选 +
+ +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {tags.map(tag => (
+
+ ))}
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 已选筛选条件：
+
+
+ 无筛选条件，显示全部文章
+
+
+
+
+ 显示 0 篇文章（共 {sortedArticles.length} 篇）
+
+
+
+
+
+
+
+
+
+
+ {sortedArticles.map(article => (
+
+
+
+
+
+
+ ))}
+
+
+
+ {article.data.tags && article.data.tags.length > 0 && (
+
+
+
+
+
+ {article.data.title}
+ {article.body && ( ++ {article.data.summary} +
+ )} +
+
+ 阅读全文
+
+
+ {article.data.tags.map(tag => (
+
+ #{tag}
+
+ ))}
+
+ )}
+
+
+
+
+
+
+
+
+ 第 1 页，共 1 页
+
+
+
+
+
+
+
+
+ 没有找到符合条件的文章
+请尝试调整筛选条件或者清除筛选条件
+