27 lines
1.1 KiB
TypeScript
27 lines
1.1 KiB
TypeScript
import { StrictMode } from "react";
|
|
import { createRoot } from "react-dom/client";
|
|
import { ThemeProvider } from "reacticle";
|
|
import "reacticle/styles.css";
|
|
// __COVER_IMPORT_BEGIN__ (scaffold.sh 在 --no-cover 时剥掉这一段，连同标记)
|
|
import { Cover } from "./Cover";
|
|
// __COVER_IMPORT_END__
|
|
import { ArticleDoc } from "./Article";
|
|
|
|
// Entry for the self-contained single-file HTML build.
|
|
// Theme is fixed here — change `theme` (must be a registered reacticle theme id:
|
|
// "tufte" | "press" | …) to switch the whole look.
|
|
//
|
|
// 渲染顺序：Cover（封面，可选）→ ArticleDoc（含 TOC + 正文 + colophon）。
|
|
// Cover 故意**不**塞进 <Article> 内部（那样会被挤到正文栏旁边），而是和 <ArticleDoc/>
|
|
// 在 ThemeProvider 下做兄弟，DOM 顺序天然就是「封面 → TOC → 正文 → colophon」。
|
|
createRoot(document.getElementById("root")!).render(
|
|
<StrictMode>
|
|
<ThemeProvider theme="__THEME__">
|
|
{/* __COVER_RENDER_BEGIN__ (scaffold.sh 在 --no-cover 时剥掉这一段，连同标记) */}
|
|
<Cover />
|
|
{/* __COVER_RENDER_END__ */}
|
|
<ArticleDoc />
|
|
</ThemeProvider>
|
|
</StrictMode>
|
|
);
|