{page.title}
-归档
+
{posts.map((post) => (
diff --git a/src/pages/categories/[category].astro b/src/pages/categories/[category].astro
index 741540b..7104d64 100644
--- a/src/pages/categories/[category].astro
+++ b/src/pages/categories/[category].astro
@@ -1,5 +1,6 @@
---
import BaseLayout from '@/layouts/BaseLayout.astro';
+import PageHeaderCard from '@/components/PageHeaderCard.astro';
import PostCard from '@/components/PostCard.astro';
import { getAllCategories, getAllPosts } from '@/lib/posts';
@@ -16,7 +17,7 @@ const posts = getAllPosts().filter((post) => post.categories.includes(category))
-
-
-
-
{category}
+
{posts.map((post) =>
diff --git a/src/pages/categories/index.astro b/src/pages/categories/index.astro
index b3e7944..fc75480 100644
--- a/src/pages/categories/index.astro
+++ b/src/pages/categories/index.astro
@@ -1,5 +1,6 @@
---
import BaseLayout from '@/layouts/BaseLayout.astro';
+import PageHeaderCard from '@/components/PageHeaderCard.astro';
import { getAllCategories, getAllPosts } from '@/lib/posts';
const posts = getAllPosts();
@@ -8,7 +9,7 @@ const categories = getAllCategories();
分类
+
-
- 最新文章
- 查看全部 -
- {posts.slice(0, 16).map((post) =>
+
diff --git a/src/pages/posts/[slug].astro b/src/pages/posts/[slug].astro
index 47e8f31..b0a676c 100644
--- a/src/pages/posts/[slug].astro
+++ b/src/pages/posts/[slug].astro
@@ -1,4 +1,5 @@
---
+import ArticleSidebar from '@/components/ArticleSidebar.astro';
import BaseLayout from '@/layouts/BaseLayout.astro';
import { getAllPosts } from '@/lib/posts';
@@ -11,20 +12,93 @@ export function getStaticPaths() {
const { post } = Astro.props;
const { Content } = post;
+const allPosts = getAllPosts();
+
+function slugifyHeading(value: string): string {
+ return value
+ .trim()
+ .toLowerCase()
+ .replace(/<[^>]+>/g, '')
+ .replace(/[`*_~[\]()]/g, '')
+ .replace(/[^\p{Letter}\p{Number}\s-]/gu, '')
+ .replace(/\s+/g, '-')
+ .replace(/-+/g, '-')
+ .replace(/^-|-$/g, '');
+}
+
+function makeToc(raw: string) {
+ const used = new Map();
+ let inFence = false;
+
+ return raw
+ .split(/\r?\n/)
+ .flatMap((line) => {
+ if (/^\s*```/.test(line)) {
+ inFence = !inFence;
+ return [];
+ }
+
+ if (inFence) return [];
+
+ const match = /^(#{1,3})\s+(.+?)\s*#*$/.exec(line);
+ if (!match) return [];
+
+ const text = match[2].replace(/<[^>]+>/g, '').trim();
+ if (!text) return [];
+
+ const baseId = slugifyHeading(text) || 'section';
+ const count = used.get(baseId) ?? 0;
+ used.set(baseId, count + 1);
+
+ return [{
+ depth: match[1].length,
+ text,
+ id: count === 0 ? baseId : `${baseId}-${count}`,
+ }];
+ });
+}
+
+const toc = makeToc(post.rawContent?.() ?? '');
+const relatedPosts = allPosts
+ .filter((item) => item.slug !== post.slug)
+ .filter((item) => item.categories.some((category) => post.categories.includes(category)))
+ .slice(0, 8);
---
-
-
-
-
+
+
+
+ 最新文章
+ 查看全部 +
+ {posts.slice(0, 16).map((post) =>