diff --git a/.github/quartz/quartz.config.ts b/.github/quartz/quartz.config.ts
index 7caea7c..949b164 100644
--- a/.github/quartz/quartz.config.ts
+++ b/.github/quartz/quartz.config.ts
@@ -49,7 +49,7 @@ const config: QuartzConfig = {
       }),
       Plugin.SyntaxHighlighting(),
       Plugin.Comments(),
-      Plugin.ObsidianFlavoredMarkdown({ enableInHtmlEmbed: false, comments: false }),
+      Plugin.ObsidianFlavoredMarkdown({ enableInHtmlEmbed: false }),
       Plugin.GitHubFlavoredMarkdown(),
       Plugin.CrawlLinks({ markdownLinkResolution: "relative" }),
       Plugin.Latex({ renderEngine: "katex" }),
diff --git a/.github/quartz/quartz/plugins/transformers/index.ts b/.github/quartz/quartz/plugins/transformers/index.ts
new file mode 100644
index 0000000..9146244
--- /dev/null
+++ b/.github/quartz/quartz/plugins/transformers/index.ts
@@ -0,0 +1,12 @@
+export { FrontMatter } from "./frontmatter"
+export { Comments } from "./comments"
+export { GitHubFlavoredMarkdown } from "./gfm"
+export { CreatedModifiedDate } from "./lastmod"
+export { Latex } from "./latex"
+export { Description } from "./description"
+export { CrawlLinks } from "./links"
+export { ObsidianFlavoredMarkdown } from "./ofm"
+export { OxHugoFlavouredMarkdown } from "./oxhugofm"
+export { SyntaxHighlighting } from "./syntax"
+export { TableOfContents } from "./toc"
+export { HardLineBreaks } from "./linebreaks"
diff --git a/.github/quartz/quartz/styles/custom.scss b/.github/quartz/quartz/styles/custom.scss
new file mode 100644
index 0000000..d6e58a3
--- /dev/null
+++ b/.github/quartz/quartz/styles/custom.scss
@@ -0,0 +1,8 @@
+@use "./base.scss";
+
+// put your custom CSS here!
+.text-comment
+{
+    color: gray;
+    font-size: 0.8em;
+}