Adding more syntax highlighting

[devMYC]

It seems that gfm has turned on syntax highlighting for JavaScript, Markdown, and HTML by default. And I saw that syntax highlighting for C is also supported by this repo.

deno_blog/deps.ts

Line 33 in a4772ab

import "https://esm.sh/prismjs@1.27.0/components/prism-c?no-check";

Is there a preferred way to support other languages?

[bartlomieju]

Currently there's no options, we should add a new key to BlogSettings interface to configure that

[yidingww]

@devMYC You can directly import the additional prismjs components/plugins to your actual blog project main.js/ts file, and it will work.

For me, I created a prismjs-extensions.ts file like this

import "https://esm.sh/prismjs@1.27.0/components/prism-typescript";
import "https://esm.sh/prismjs@1.27.0/components/prism-ruby";
import "https://esm.sh/prismjs@1.27.0/components/prism-python";
import "https://esm.sh/prismjs@1.27.0/components/prism-go";

Then in my main.ts i just import the bucket over above the blog({...}), it will just work

import "./prismjs-extensions.ts";

blog({
  ...
})

[devMYC]

@yidingww I will give it a try, thanks.

[gofenix]

@yidingww awesome, it works for me.

[sigmaSd]

I tried import "https://esm.sh/prismjs@1.27.0/components/prism-rust" but it fails with

error: Uncaught ReferenceError: Prism is not defined
    at https://esm.sh/v99/prismjs@1.27.0/deno/components/prism-rust.js:2:3014
    at https://esm.sh/v99/prismjs@1.27.0/deno/components/prism-rust.js:2:203
    at https://esm.sh/v99/prismjs@1.27.0/deno/components/prism-rust.js:2:3031```

[kyeotic]

Is there any way to change the prism theme?