search

DavidCouronne / gridsome-plugin-remark-prismjs-all

Syntax highlighting for Gridsome with PrismJS
https://kind-elion-23889d.netlify.com/demo-gridsome-plugin-remark-prismjs-all/
MIT License
11 stars 1 forks source link

Demo page not working #1

Closed peoray closed 4 years ago

peoray commented 4 years ago

The demo page doesn't work and only shows a not found message on the browser

DavidCouronne commented 4 years ago

https://5e145900f69efacdc2a95dfe--kind-elion-23889d.netlify.com/demo-gridsome-plugin-remark-prismjs-all/

Fixed

peoray commented 4 years ago

What theme are you using for the article. I prefer a black theme for code but it seems none of the default themes is dark

DavidCouronne commented 4 years ago

I use tomorrow theme. In main.js:

require('prismjs/themes/prism-tomorrow.css');
peoray commented 4 years ago

Well, somehow it doesn't render the way it does in yours, perhap, there are conflicting styles. it's not important though

DavidCouronne commented 4 years ago

Hello,

I've made an update for the plugin, and add two built-in theme: tomorrow-night and night-owl.

Update to version 0.2.6 and in main.js just add:

// In your main.js
require('gridsome-plugin-remark-prismjs-all/themes/tomorrow.css');

or

// In your main.js
require('gridsome-plugin-remark-prismjs-all/themes/night-owl.css');

Happy Coding !

peoray commented 4 years ago

This is great. Definitely gonna be switching to night-owl. Thanks for the work you put in :)

peoray commented 4 years ago

Hey. Sorry if this is a dumb question. How do I use this in an existing project as mine? I mean the new theme. I want to use the night owl. I believe it's the one by Sarah Drasner?