如何使用语法突出显示GitBook

Question

我是GitBook的新手，我正在努力使语法高亮显示工作符合一些JavaScript代码行的预期效果。

我注意到编辑器中有一个插件存储。我启用了一个名为highlight的插件，但它没有完成它的工作。

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

本书的语法高亮启用和工作：
https://gitbookio.gitbooks.io/javascript/content/basics/comments.html

book.json

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

我怎么能这样做？

Answer 1

如果您在Markdown中编写GitBook页面，可以突出显示如下代码：

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

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

Answer 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%}

<强>输出

这工作得很好！