From b8c011410d6bcd6837f4efd6a3948196a0f7aeea Mon Sep 17 00:00:00 2001
From: Jacky Zhao <j.zhao2k19@gmail.com>
Date: Sat, 10 Jun 2023 06:06:02 +0000
Subject: [PATCH] toc
---
quartz/plugins/emitters/contentPage.tsx | 19 ++++++++-----------
1 files changed, 8 insertions(+), 11 deletions(-)
diff --git a/quartz/plugins/emitters/contentPage.tsx b/quartz/plugins/emitters/contentPage.tsx
index 2ab914c..d44b709 100644
--- a/quartz/plugins/emitters/contentPage.tsx
+++ b/quartz/plugins/emitters/contentPage.tsx
@@ -1,19 +1,18 @@
-import { toJsxRuntime } from "hast-util-to-jsx-runtime"
import { StaticResources } from "../../resources"
import { EmitCallback, QuartzEmitterPlugin } from "../types"
import { ProcessedContent } from "../vfile"
-import { Fragment, jsx, jsxs } from 'preact/jsx-runtime'
import { render } from "preact-render-to-string"
import { GlobalConfiguration } from "../../cfg"
import { QuartzComponent } from "../../components/types"
import { resolveToRoot } from "../../path"
import Header from "../../components/Header"
import { QuartzComponentProps } from "../../components/types"
+import Body from "../../components/Body"
interface Options {
head: QuartzComponent
header: QuartzComponent[],
- body: QuartzComponent
+ body: QuartzComponent[]
}
export class ContentPage extends QuartzEmitterPlugin {
@@ -26,17 +25,14 @@
}
getQuartzComponents(): QuartzComponent[] {
- return [this.opts.head, Header, ...this.opts.header, this.opts.body]
+ return [this.opts.head, Header, ...this.opts.header, ...this.opts.body]
}
async emit(cfg: GlobalConfiguration, content: ProcessedContent[], resources: StaticResources, emit: EmitCallback): Promise<string[]> {
const fps: string[] = []
- const { head: Head, header, body: Body } = this.opts
+ const { head: Head, header, body } = this.opts
for (const [tree, file] of content) {
- // @ts-ignore (preact makes it angry)
- const content = toJsxRuntime(tree, { Fragment, jsx, jsxs, elementAttributeNameCase: 'html' })
-
const baseDir = resolveToRoot(file.data.slug!)
const pageResources: StaticResources = {
css: [baseDir + "/index.css", ...resources.css],
@@ -51,7 +47,8 @@
fileData: file.data,
externalResources: pageResources,
cfg,
- children: [content]
+ children: [],
+ tree
}
const doc = <html>
@@ -59,10 +56,10 @@
<body>
<div id="quartz-root" class="page">
<Header {...componentData} >
- {header.map(HeaderComponent => <HeaderComponent {...componentData}/>)}
+ {header.map(HeaderComponent => <HeaderComponent {...componentData} position="header" />)}
</Header>
<Body {...componentData}>
- {content}
+ {body.map(BodyComponent => <BodyComponent {...componentData } position="body" />)}
</Body>
</div>
</body>
--
Gitblit v1.10.0