+
+
+{post.data.title}
+{categories && <> · {categories}}
+
+ {about && 
}
+
+{title}
+ {article ? : !about && subtitle &&{subtitle}
} +
+ {siteConfig.site.title}
+
+
+
+ {toolbarItems.map((item) => (
+
+
+ {item.type === 'search' &&
+ ))}
+ {title}
+ {description &&{description}
} +暂时还没有已发布的文章。
} +
+
+ {!compact && taxonomy.categories.length > 0 && }
+ {!compact && taxonomy.categories.map((category) => {category})}
+ {!compact && showTags && taxonomy.tags.length > 0 && {taxonomy.tags.map((tag) => #{tag})}}
+
diff --git a/src/components/Search.astro b/src/components/Search.astro
new file mode 100644
index 0000000..ea36188
--- /dev/null
+++ b/src/components/Search.astro
@@ -0,0 +1,90 @@
+---
+import { Search as SearchIcon } from '@lucide/astro';
+import { siteConfig } from '@/site.config';
+
+interface Props { mobile?: boolean; }
+const { mobile = false } = Astro.props;
+const placeholder = siteConfig.search.provider === 'pagefind' ? siteConfig.search.placeholder : '搜索';
+---
+
+
+ {!mobile && }
+
+
+
+
+
+
diff --git a/src/components/SeoHead.astro b/src/components/SeoHead.astro
new file mode 100644
index 0000000..bbba082
--- /dev/null
+++ b/src/components/SeoHead.astro
@@ -0,0 +1,34 @@
+---
+import { siteConfig } from '@/site.config';
+
+interface Props {
+ title?: string;
+ description?: string;
+ image?: string;
+ type?: 'website' | 'article';
+ noindex?: boolean;
+}
+
+const {
+ title,
+ description = siteConfig.site.description,
+ image,
+ type = 'website',
+ noindex = false
+} = Astro.props;
+const pageTitle = title ? `${title} - ${siteConfig.site.title}` : siteConfig.site.title;
+const canonical = new URL(Astro.url.pathname, siteConfig.site.url);
+const imageUrl = image ? new URL(image, siteConfig.site.url) : undefined;
+---
+
+
+
+
+
+
+)}
+
+
+
+
diff --git a/src/components/ThemeSwitcher.astro b/src/components/ThemeSwitcher.astro
new file mode 100644
index 0000000..cae7a7a
--- /dev/null
+++ b/src/components/ThemeSwitcher.astro
@@ -0,0 +1,165 @@
+---
+import { CloudSun, Monitor, Moon, Minus, Plus, Sun, Type } from '@lucide/astro';
+
+interface Props { placement?: 'down' | 'up'; }
+const { placement = 'down' } = Astro.props;
+
+const themes = [
+ { value: 'auto', label: '自动', icon: Monitor },
+ { value: 'light', label: '日间', icon: Sun },
+ { value: 'sunset', label: '日落', icon: CloudSun },
+ { value: 'dark', label: '夜间', icon: Moon }
+] as const;
+---
+
+
+
+
+
+
+
diff --git a/src/components/ToolbarIcon.astro b/src/components/ToolbarIcon.astro
new file mode 100644
index 0000000..75d0b1c
--- /dev/null
+++ b/src/components/ToolbarIcon.astro
@@ -0,0 +1,11 @@
+---
+import { Link, Rss, Search, TramFront, Type } from '@lucide/astro';
+import type { ToolbarIcon as ToolbarIconName } from '@/types/config';
+
+interface Props { icon: ToolbarIconName; }
+const { icon } = Astro.props;
+const icons = { link: Link, rss: Rss, search: Search, settings: Type, 'tram-front': TramFront } as const;
+const Icon = icons[icon];
+---
+
+
diff --git a/src/components/TwikooClient.astro b/src/components/TwikooClient.astro
new file mode 100644
index 0000000..2159a87
--- /dev/null
+++ b/src/components/TwikooClient.astro
@@ -0,0 +1,69 @@
+
diff --git a/src/components/TwikooCommentCounts.astro b/src/components/TwikooCommentCounts.astro
new file mode 100644
index 0000000..d5c8d40
--- /dev/null
+++ b/src/components/TwikooCommentCounts.astro
@@ -0,0 +1,37 @@
+---
+import { siteConfig } from '@/site.config';
+const enabled = siteConfig.comments.provider === 'twikoo' && Boolean(siteConfig.comments.envId.trim());
+const clientConfig = siteConfig.comments.provider === 'twikoo' && siteConfig.comments.envId.trim() ? {
+ envId: siteConfig.comments.envId,
+ ...(siteConfig.comments.envId.startsWith('http') ? {} : { region: siteConfig.comments.region })
+} : null;
+---
+{enabled && clientConfig && }
diff --git a/src/components/TwikooComments.astro b/src/components/TwikooComments.astro
new file mode 100644
index 0000000..8a58b9f
--- /dev/null
+++ b/src/components/TwikooComments.astro
@@ -0,0 +1,173 @@
+---
+import { siteConfig } from '@/site.config';
+
+interface Props { enabled: boolean; path?: string; }
+const { enabled, path } = Astro.props;
+const comments = siteConfig.comments;
+const config = comments.provider === 'twikoo' && comments.envId.trim() ? {
+ envId: comments.envId,
+ lang: comments.lang ?? siteConfig.site.locale,
+ path: comments.path ?? path ?? Astro.url.pathname,
+ ...(comments.envId.startsWith('http') ? {} : { region: comments.region })
+} : null;
+---
+{enabled && config && + +
+
+
+
+
+
+
+ 颜色主题
+ +
+ {themes.map(({ value, label, icon: Icon }) => (
+
+ ))}
+
+
+
+
+
+ 字号
+ +
+
+
+
+
+
+
+
+
+ 字体
+ +
+
+
+
+ 评论
+
+
+Twikoo 尚未配置
+ + + +暂无评论
+
+
+ 写作热力图
+自博客建立以来，已输出 {totalWordsLabel}字
+
+ 少
+ {[0, 1, 2, 3, 4].map((level) => )}
+ 多
+
+
+
+
+Ctrl + K
+
+## 主题短代码
+
+[hint type="info" title="信息提示"]
+这是一个信息提示块，包含 **Markdown 文本**。
+[/hint]
+
+[collapse title="折叠内容"]
+这里是折叠区域中的内容。
+
+- 列表项目
+- 另一项目
+[/collapse]
+
+[tabs title="选项卡测试"]
+[tab name="选项一" selected]
+第一个选项卡的内容。
+[/tab]
+[tab name="选项二"]
+第二个选项卡的内容。
+[/tab]
+[/tabs]
+
+[button href="https://astro.build/"]访问 Astro[/button]
+
+[tag type="success"]成功标签[/tag]
+
+## 段落收尾
+
+最后一段用于观察文章底部留白、正文行高以及中英文混排效果。The quick brown fox jumps over the lazy dog. 0123456789。
diff --git a/src/env.d.ts b/src/env.d.ts
new file mode 100644
index 0000000..b31bfed
--- /dev/null
+++ b/src/env.d.ts
@@ -0,0 +1,12 @@
+/// 展开原生 HTML 内容
+这是一段位于 details 元素中的内容。
+$1');
+
+function normalizeMarkdownHeadings(source: string): string {
+ source = source.replace(/^()\s*(?=#{1,6})/gm, '$1\n');
+ let fence: string | null = null;
+ return source.split('\n').map((line) => {
+ const trimmed = line.trim();
+ const fenceMatch = trimmed.match(/^(`{3,}|~{3,})/);
+ if (fenceMatch) {
+ if (!fence) fence = fenceMatch[1][0];
+ else if (fenceMatch[1][0] === fence) fence = null;
+ return line;
+ }
+ if (fence) return line;
+ return line.replace(/^(#{1,6})([^ #])/, '$1 $2');
+ }).join('\n');
+}
+
+function markdown(source: string, preserveHtml = false): string {
+ const normalized = normalizeMarkdownHeadings(source);
+ const tree = fromMarkdown(normalized, { extensions: [gfm()], mdastExtensions: [gfmFromMarkdown()] });
+ transform(tree, normalized);
+ if (!preserveHtml) visit(tree, 'html', (node: any) => { if (!node.data?.shortcode) node.value = ''; });
+ const hast = toHast(tree, { allowDangerousHtml: true }) as any;
+ if (siteUrl) applyExternalLinks(hast, siteUrl);
+ return toHtml(hast, { allowDangerousHtml: true });
+}
+
+export function renderMarkdown(source: string): string {
+ return markdown(source, true);
+}
+
+function renderBlock(name: string, args: Record${inline(label || '展开内容')}
${markdown(body, true)}
${inline(label || '展开内容')}
${markdown(body)}
${markdown(tab.body)}
`).join('');
+ return `${buttons}
${panels}${inline(label)}
` : ''}- ${tools}
${inline(description)}
` : ''; + const readMoreMarkup = readMore ? `Read More` : ''; + const commitMarkup = `Last Commit `; + const downloadMarkup = download ? `Download as zip` : ''; + const contentMarkup = descriptionMarkup || readMoreMarkup ? `${descriptionMarkup}${readMoreMarkup}
` : '';
+ const footerMarkup = commitMarkup || downloadMarkup ? `` : '';
+ return `${stats('Stars', stars)}${stats('Forks', forks)}
404
页面未找到
地址可能已经改变，或者这个页面已经不存在了。返回首页 +
+
+ {[...archives].map(([year, months]) =>
+ )}
+
+
+{year} 年
+ {[...months].map(([month, entries]) =>
+
)}
+ {String(month).padStart(2, '0')} 月
+- {entries.map((post) =>
- {post.data.title} )}
+ {tags.map((tag) => #{tag})}
+
}
+
+ 搜索结果
+{query ? `查询词：${query}` : '请输入查询词开始搜索。'}
+
+ {query ?
+ 正在搜索...
:请输入查询词开始搜索。
} +
评论
+ +