Babel & JSX 浏览器代码高亮答案

【问题标题】：Babel & JSX Browser Code HighlightingBabel & JSX 浏览器代码高亮
【发布时间】：2015-03-26 02:43:00
【问题描述】：

我将https://highlightjs.org/ 用于浏览器内（以及静态站点生成器）以突出显示博客和站点的代码 sn-ps。我几乎可以肯定它不处理 ES6、ES7、JSX 和 Flow。

如何更好地突出显示这些 javascript 新增功能？

请指教。谢谢:)

【问题讨论】：

您是否尝试联系twitter.com/highlightjs？你为什么没有？
从我在 github 和其他地方的闲聊中收集到的信息来看，开源作者更喜欢在堆栈溢出时提出问题。 Github 用于在问题上进行协作，而 twitter 不是支持渠道。我可能是错的，但我认为在这里发帖是最好的形式。

标签： babeljs react-jsx static-site codehighlighter

【解决方案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/React hightlight-js.js。

【讨论】：