diff --git a/docusaurus.config.ts b/docusaurus.config.ts index 2ce5a8a..6ae7b0e 100644 --- a/docusaurus.config.ts +++ b/docusaurus.config.ts @@ -68,6 +68,16 @@ const config: Config = { ], ], + stylesheets: [ + { + href: "https://cdn.jsdelivr.net/npm/katex@0.13.24/dist/katex.min.css", + type: "text/css", + integrity: + "sha384-odtC+0UGzzFL/6PNoE8rX/SPcQDXBJ+uRepguP4QkPCm2LBxH3FA3y+fKSiJ+AmM", + crossorigin: "anonymous", + }, + ], + themeConfig: { // Replace with your project's social card image: "img/docusaurus-social-card.jpg", @@ -141,9 +151,21 @@ const config: Config = { copyright: `Copyright © ${new Date().getFullYear()} JavaScript Mastery. All rights reserved.`, }, prism: { - theme: prismThemes.github, - darkTheme: prismThemes.dracula, - }, + theme: prismThemes.github, + darkTheme: prismThemes.dracula, + additionalLanguages: [ + "java", + "latex", + "haskell", + "matlab", + "PHp", + "powershell", + "bash", + "diff", + "json", + "scss", + ], + }, } satisfies Preset.ThemeConfig, plugins: ["./src/plugins/tailwind-config.js"], diff --git a/src/components/js-live-code-editor/index.tsx b/src/components/js-live-code-editor/index.tsx index e6ae466..5d37151 100644 --- a/src/components/js-live-code-editor/index.tsx +++ b/src/components/js-live-code-editor/index.tsx @@ -123,11 +123,13 @@ export default function JSEditor({ children = "", title = "index.js" }: Props) { Prism.tokenize(code, Prism.languages.javascript), ); return tokens.map((line, i) => ( -
+
+ {/* {i + 1}. - + */} + {line.map((token, key) => ( + +