Babel 和 JSX 浏览器代码高亮

Question

我使用 https://highlightjs.org/ 在浏览器（和静态网站生成器）中突出显示博客和网站的代码片段。我几乎可以肯定它不处理 ES6、ES7、JSX 和 Flow。

如何才能更好地突出显示 javascript 中的这些新增内容？

请指教。谢谢:)

Answer 1

使用 highlight.js 您可以注册语言。

<script src="/js/highlight.js" type="text/javascript"></script>
<script src="/js/highlight-js.js" type="text/javascript"></script>
<script src="/js/highlight-xml.js" type="text/javascript"></script>
<script>
  hljs.registerLanguage('js', H_js);
  hljs.registerLanguage('xml', H_xml);
  hljs.initHighlightingOnLoad();
</script>

ES6/Reacthightlight-js.jshightlight-js.js