mirror of
https://github.com/jackyzha0/quartz.git
synced 2025-12-24 13:24:05 -06:00
105 lines
3.0 KiB
TypeScript
105 lines
3.0 KiB
TypeScript
import { PageLayout, SharedLayout } from "./quartz/cfg"
|
|
import * as Component from "./quartz/components"
|
|
import * as ExtraComponent from "./quartz/extra/components"
|
|
|
|
// components shared across all pages
|
|
export const sharedPageComponents: SharedLayout = {
|
|
head: Component.Head(),
|
|
header: [],
|
|
afterBody: [
|
|
Component.Comments({
|
|
provider: 'giscus',
|
|
options: {
|
|
// from data-repo
|
|
repo: 'xxx',
|
|
// from data-repo-id
|
|
repoId: 'xxx',
|
|
// from data-category
|
|
category: 'Announcements',
|
|
// from data-category-id
|
|
categoryId: 'xxx',
|
|
// how to map pages -> discussions
|
|
// defaults to 'url'
|
|
mapping: "pathname",
|
|
// use strict title matching
|
|
// defaults to true
|
|
strict: false,
|
|
// whether to enable reactions for the main post
|
|
// defaults to true
|
|
reactionsEnabled: true,
|
|
// where to put the comment input box relative to the comments
|
|
// defaults to 'bottom'
|
|
inputPosition: "top",
|
|
}
|
|
}),
|
|
],
|
|
footer: Component.Footer({
|
|
links: {
|
|
GitHub: "https://github.com/jackyzha0/quartz",
|
|
"Discord Community": "https://discord.gg/cRFFHYye7t",
|
|
"Scroll to top ↑": "#",
|
|
},
|
|
}),
|
|
}
|
|
|
|
// components for pages that display a single page (e.g. a single note)
|
|
export const defaultContentPageLayout: PageLayout = {
|
|
beforeBody: [
|
|
Component.Breadcrumbs(),
|
|
Component.ArticleTitle(),
|
|
Component.ContentMeta(),
|
|
Component.TagList(),
|
|
],
|
|
left: [
|
|
Component.PageTitle(),
|
|
Component.MobileOnly(Component.Spacer()),
|
|
Component.MobileOnly(ExtraComponent.OverlayExplorer()),
|
|
Component.Search(),
|
|
Component.Darkmode(),
|
|
Component.DesktopOnly(
|
|
Component.RecentNotes({
|
|
title: "最近更新",
|
|
showTags: false,
|
|
limit: 4,
|
|
filter: (f) => {
|
|
if (f.filePath?.endsWith("index.md")) {
|
|
return false
|
|
}
|
|
return true
|
|
},
|
|
sort: (f1, f2) => {
|
|
if (f1.dates && f2.dates) {
|
|
if (Math.abs(f2.dates.modified.getDay() - f1.dates.modified.getDay())<=3) {
|
|
return f2.dates.created.getTime() - f1.dates.created.getTime()
|
|
}
|
|
return f2.dates.modified.getTime() - f1.dates.modified.getTime()
|
|
} else if (f1.dates && !f2.dates) {
|
|
return -1
|
|
}
|
|
return 1
|
|
}
|
|
})
|
|
),
|
|
Component.DesktopOnly(Component.TableOfContents()),
|
|
],
|
|
right: [
|
|
Component.Graph(),
|
|
Component.DesktopOnly(Component.TableOfContents()),
|
|
Component.Backlinks(),
|
|
],
|
|
}
|
|
|
|
// components for pages that display lists of pages (e.g. tags or folders)
|
|
export const defaultListPageLayout: PageLayout = {
|
|
beforeBody: [Component.Breadcrumbs(), Component.ArticleTitle(), Component.ContentMeta()],
|
|
left: [
|
|
Component.PageTitle(),
|
|
Component.MobileOnly(Component.Spacer()),
|
|
Component.MobileOnly(ExtraComponent.OverlayExplorer()),
|
|
Component.Search(),
|
|
Component.Darkmode(),
|
|
Component.DesktopOnly(Component.Explorer()),
|
|
],
|
|
right: [],
|
|
}
|