When I add the Prism.js css and js
- What’s your URL? https://ghost.dahler.se/untitled/
- What version of Ghost are you using? Latest docker image
- What configuration?
- What browser? Google Chrome
- What errors or information do you see in the console? No errors
- What steps could someone else take to reproduce the issue you’re having?
Add the following code in the beginning of default.hbs
{{!-- Styles'n'Scripts --}}
<link rel="stylesheet" type="text/css" href="{{asset "built/screen.css"}}" />
<link rel="stylesheet" type="text/css" href="{{asset "css/prism.css"}}" />
Add the following code in the end of default.hbs
{{!-- The #block helper will pull in data from the #contentFor other template files. In this case, there's some JavaScript which we only want to use in post.hbs, but it needs to be included down here, after jQuery has already loaded. --}}
{{{block "scripts"}}}
{{!-- Prism Javascript --}}
<script type="text/javascript" src="{{asset "js/prism.js"}}"></script>
{{!-- Ghost outputs important scripts and data with this tag - it should always be the very last thing before the closing body tag --}}
{{ghost_foot}}
The latest Prism css and js is downloaded and put in the assets folder as per many instructions found on the web.
As you can can see from this picture the frame of the prism highlight section is t00 small and the font looks weird.