Use highlight.js in startbootstrap-clean-blog-jekyll

[startbootstrap]

Use highlight.js in startbootstrap-clean-blog-jekyll

[i-a-n]

I use a customized highlight.js theme on my Clean Blog install. and I use a custom variable to decide whether to load the CSS/JS or not. an example post with it is here, and you can see my commit to add the whole thing on my repo.

[Huang-Libo]

@i-a-n
Hi, I use your method step by step and I successfully install the union-syntaxhighlighter-theme, however I want to use tomorrow-night-bright.css theme and my own highlight.pack.js, I try to replace union-syntaxhighlighter-slim.min.js with my own highlight.pack.js, and replace union-syntaxhighlighter.css with tomorrow-night-bright.css, and delete includeSyntax variable in related css files, but it do not work, what's wrong with my method?

[i-a-n]

@Huang-Libo — I can't really say what's wrong without seeing the code. maybe if you publish it to a repo and link to it, I can help. but I'm not sure what's wrong just based on your description.

[Huang-Libo]

@i-a-n
Hi, finally I solve this problem by add the code below to head.html and footer.html, and delete the code related with syntax.css in this theme.

<link rel="stylesheet" href="/css/tomorrow-night-bright.css">
<script src="/js/highlight.pack.js"></script>
<script>hljs.initHighlightingOnLoad();</script>

But another problem come: how can I Remove the border in code block? It seems have relationship with bootstrap.min.css or bootstrap.css.

[davidtmiller]

I'm going to close this for now. Jekyll has it's defaults, and if there are conflicts with Bootstrap rather than the theme itself then it's not relevant to the theme styles.