From d7704782f881dbc8c78c75d6a847a5e95120fe60 Mon Sep 17 00:00:00 2001 From: Hatem Hosny Date: Sat, 24 May 2025 07:07:44 +0300 Subject: [PATCH 1/3] docs: add eleventy to markdown-to-livecodes docs --- docs/docs/markdown-to-livecodes.mdx | 21 +++++++++++++++++++++ 1 file changed, 21 insertions(+) diff --git a/docs/docs/markdown-to-livecodes.mdx b/docs/docs/markdown-to-livecodes.mdx index 90ec799cdb..fa54efcc2f 100644 --- a/docs/docs/markdown-to-livecodes.mdx +++ b/docs/docs/markdown-to-livecodes.mdx @@ -403,6 +403,27 @@ export default { }; ``` +### Eleventy + +([demo](https://markdown-to-livecodes-11ty.pages.dev/) - [code on GitHub](https://github.com/hatemhosny/markdown-to-livecodes-11ty)) + +Install the `markdown-it-livecodes` plugin: + +```bash npm2yarn +npm install -D markdown-it-livecodes +``` + +This is an example for adding the `markdown-it-livecodes` plugin to `eleventy.config.js` file: + +```js title="eleventy.config.js" +import markdownItLivecodes from "markdown-it-livecodes"; + +export default async function (eleventyConfig) { + eleventyConfig.amendLibrary("md", (mdLib) => mdLib.use(markdownItLivecodes, { /* options */ })); + // ... +} +``` + ### Gatsby ([demo](https://markdown-to-livecodes-gatsby.pages.dev/markdown-to-livecodes/) - [code on GitHub](https://github.com/hatemhosny/markdown-to-livecodes-gatsby)) From bf6911d74b805667ab58f7bd07cc6e72bcfec8b9 Mon Sep 17 00:00:00 2001 From: Hatem Hosny Date: Sat, 24 May 2025 07:12:15 +0300 Subject: [PATCH 2/3] minor edit --- docs/docs/markdown-to-livecodes.mdx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/docs/docs/markdown-to-livecodes.mdx b/docs/docs/markdown-to-livecodes.mdx index fa54efcc2f..b16817663a 100644 --- a/docs/docs/markdown-to-livecodes.mdx +++ b/docs/docs/markdown-to-livecodes.mdx @@ -419,7 +419,7 @@ This is an example for adding the `markdown-it-livecodes` plugin to `eleventy.co import markdownItLivecodes from "markdown-it-livecodes"; export default async function (eleventyConfig) { - eleventyConfig.amendLibrary("md", (mdLib) => mdLib.use(markdownItLivecodes, { /* options */ })); + eleventyConfig.amendLibrary("md", (mdLib) => mdLib.use(markdownItLivecodes, { /* options */ })); // ... } ``` From bc95f6616392cf0bfe5d6b2da856f92549517f89 Mon Sep 17 00:00:00 2001 From: Hatem Hosny Date: Sat, 24 May 2025 07:15:02 +0300 Subject: [PATCH 3/3] minor edit --- docs/docs/markdown-to-livecodes.mdx | 4 +++- 1 file changed, 3 insertions(+), 1 deletion(-) diff --git a/docs/docs/markdown-to-livecodes.mdx b/docs/docs/markdown-to-livecodes.mdx index b16817663a..718f2a2576 100644 --- a/docs/docs/markdown-to-livecodes.mdx +++ b/docs/docs/markdown-to-livecodes.mdx @@ -419,7 +419,9 @@ This is an example for adding the `markdown-it-livecodes` plugin to `eleventy.co import markdownItLivecodes from "markdown-it-livecodes"; export default async function (eleventyConfig) { - eleventyConfig.amendLibrary("md", (mdLib) => mdLib.use(markdownItLivecodes, { /* options */ })); + eleventyConfig.amendLibrary("md", (mdLib) => + mdLib.use(markdownItLivecodes, { /* options */ }), + ); // ... } ```