From c538c151c7462ad0395ff2c15c5e11e89e362aa8 Mon Sep 17 00:00:00 2001
From: Striven <sg.striven@cutecat.club>
Date: Sat, 04 Apr 2026 19:47:16 +0000
Subject: [PATCH] Initial commit
---
quartz/plugins/transformers/gfm.ts | 84 +++++++++++++++++++++++++++++++++---------
1 files changed, 66 insertions(+), 18 deletions(-)
diff --git a/quartz/plugins/transformers/gfm.ts b/quartz/plugins/transformers/gfm.ts
index ef3a944..eec26f7 100644
--- a/quartz/plugins/transformers/gfm.ts
+++ b/quartz/plugins/transformers/gfm.ts
@@ -1,30 +1,78 @@
-import { PluggableList } from "unified"
import remarkGfm from "remark-gfm"
-import smartypants from 'remark-smartypants'
+import smartypants from "remark-smartypants"
import { QuartzTransformerPlugin } from "../types"
+import rehypeSlug from "rehype-slug"
+import rehypeAutolinkHeadings from "rehype-autolink-headings"
export interface Options {
enableSmartyPants: boolean
+ linkHeadings: boolean
}
const defaultOptions: Options = {
- enableSmartyPants: true
+ enableSmartyPants: true,
+ linkHeadings: true,
}
-export class GitHubFlavoredMarkdown extends QuartzTransformerPlugin {
- name = "GitHubFlavoredMarkdown"
- opts: Options
-
- constructor(opts?: Options) {
- super()
- this.opts = { ...defaultOptions, ...opts }
- }
-
- markdownPlugins(): PluggableList {
- return this.opts.enableSmartyPants ? [remarkGfm] : [remarkGfm, smartypants]
- }
-
- htmlPlugins(): PluggableList {
- return []
+export const GitHubFlavoredMarkdown: QuartzTransformerPlugin<Partial<Options>> = (userOpts) => {
+ const opts = { ...defaultOptions, ...userOpts }
+ return {
+ name: "GitHubFlavoredMarkdown",
+ markdownPlugins() {
+ return opts.enableSmartyPants ? [remarkGfm, smartypants] : [remarkGfm]
+ },
+ htmlPlugins() {
+ if (opts.linkHeadings) {
+ return [
+ rehypeSlug,
+ [
+ rehypeAutolinkHeadings,
+ {
+ behavior: "append",
+ properties: {
+ role: "anchor",
+ ariaHidden: true,
+ tabIndex: -1,
+ "data-no-popover": true,
+ },
+ content: {
+ type: "element",
+ tagName: "svg",
+ properties: {
+ width: 18,
+ height: 18,
+ viewBox: "0 0 24 24",
+ fill: "none",
+ stroke: "currentColor",
+ "stroke-width": "2",
+ "stroke-linecap": "round",
+ "stroke-linejoin": "round",
+ },
+ children: [
+ {
+ type: "element",
+ tagName: "path",
+ properties: {
+ d: "M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71",
+ },
+ children: [],
+ },
+ {
+ type: "element",
+ tagName: "path",
+ properties: {
+ d: "M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71",
+ },
+ children: [],
+ },
+ ],
+ },
+ },
+ ],
+ ]
+ } else {
+ return []
+ }
+ },
}
}
--
Gitblit v1.10.0