如何使用语法高亮 GitBook答案

【问题标题】：How to use Syntax Highlighting GitBook如何使用语法高亮 GitBook
【发布时间】：2016-06-25 00:08:25
【问题描述】：

我是 GitBook 的新手，我正在尝试使语法高亮显示在某些 JavaScript 代码行中按预期工作。

我注意到编辑器中有一个插件商店。我启用了一个名为 highlight 的插件，但它没有发挥作用。

我在文档中搜索过这个，但是I couldn't find anything related。

本书启用了语法高亮功能并且可以正常工作：
https://gitbookio.gitbooks.io/javascript/content/basics/comments.html

book.json

{
    "plugins": [
        "highlight"
    ],
    "pluginsConfig": {}
}

我该怎么做？

【问题讨论】：

标签： javascript syntax-highlighting gitbook

【解决方案1】：

如果你在 Markdown 中编写 GitBook 页面，你可以像下面这样突出显示你的代码：

```javascript
var foo = function(num) {
    return num + num;
}
```

其中 'javascript' 可以替换为其他语言，例如 'python'、'java'、'c' 等。

【讨论】：

【解决方案2】：

我进行了研究，发现了如何做到这一点。

我尝试了另一个名为 Ace 的插件。这个插件有效，这是我的 book.json

{
    "plugins": ["ace"],
    "pluginsConfig": {
    }
}

我需要用 JavaScript 的基本语法嵌套代码块。

输入。

## The Arrow function
Now this should be syntax highlighted
In ES5

{%ace edit=false, lang='javascript', check=false, theme="tomorrow" %}
var myFunction = function(num) {  
    return num + num;
};
{%endace%}

In ES6

{%ace edit=false, lang='javascript', check=false, theme="tomorrow" %}
let myFunction = (num) => num + num;
{%endace%}

输出。

这很好用！

【讨论】：