From 76c092dcf20959bc52fcb13b28cee50cd4217e40 Mon Sep 17 00:00:00 2001
From: Jacky Zhao <j.zhao2k19@gmail.com>
Date: Thu, 20 Jul 2023 04:59:48 +0000
Subject: [PATCH] add custom.scss
---
quartz/plugins/transformers/toc.ts | 65 ++++++++++++++------------------
1 files changed, 28 insertions(+), 37 deletions(-)
diff --git a/quartz/plugins/transformers/toc.ts b/quartz/plugins/transformers/toc.ts
index 863e3a1..01e0c8d 100644
--- a/quartz/plugins/transformers/toc.ts
+++ b/quartz/plugins/transformers/toc.ts
@@ -1,9 +1,8 @@
-import { PluggableList } from "unified"
import { QuartzTransformerPlugin } from "../types"
import { Root } from "mdast"
import { visit } from "unist-util-visit"
import { toString } from "mdast-util-to-string"
-import { slugAnchor } from "../../path"
+import { slug as slugAnchor } from 'github-slugger'
export interface Options {
maxDepth: 1 | 2 | 3 | 4 | 5 | 6,
@@ -20,47 +19,39 @@
interface TocEntry {
depth: number,
text: string,
- slug: string
+ slug: string // this is just the anchor (#some-slug), not the canonical slug
}
-export class TableOfContents extends QuartzTransformerPlugin {
- name = "TableOfContents"
- opts: Options
+export const TableOfContents: QuartzTransformerPlugin<Partial<Options> | undefined> = (userOpts) => {
+ const opts = { ...defaultOptions, ...userOpts }
+ return {
+ name: "TableOfContents",
+ markdownPlugins() {
+ return [() => {
+ return async (tree: Root, file) => {
+ const display = file.data.frontmatter?.enableToc ?? opts.showByDefault
+ if (display) {
+ const toc: TocEntry[] = []
+ let highestDepth: number = opts.maxDepth
+ visit(tree, 'heading', (node) => {
+ if (node.depth <= opts.maxDepth) {
+ const text = toString(node)
+ highestDepth = Math.min(highestDepth, node.depth)
+ toc.push({
+ depth: node.depth,
+ text,
+ slug: slugAnchor(text)
+ })
+ }
+ })
- constructor(opts?: Partial<Options>) {
- super()
- this.opts = { ...defaultOptions, ...opts }
- }
-
- markdownPlugins(): PluggableList {
- return [() => {
- return async (tree: Root, file) => {
- const display = file.data.frontmatter?.enableToc ?? this.opts.showByDefault
- if (display) {
- const toc: TocEntry[] = []
- let highestDepth: number = this.opts.maxDepth
- visit(tree, 'heading', (node) => {
- if (node.depth <= this.opts.maxDepth) {
- const text = toString(node)
- highestDepth = Math.min(highestDepth, node.depth)
- toc.push({
- depth: node.depth,
- text,
- slug: slugAnchor.slug(text)
- })
+ if (toc.length > opts.minEntries) {
+ file.data.toc = toc.map(entry => ({ ...entry, depth: entry.depth - highestDepth }))
}
- })
-
- if (toc.length > this.opts.minEntries) {
- file.data.toc = toc.map(entry => ({ ...entry, depth: entry.depth - highestDepth }))
}
}
- }
- }]
- }
-
- htmlPlugins(): PluggableList {
- return []
+ }]
+ },
}
}
--
Gitblit v1.10.0