如何使用语法高亮 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

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

我尝试了另一个名为 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%}

输出。

这工作得很好！

Answer 2

如果您使用 Markdown 编写 GitBook 页面，您可以像下面这样突出显示您的代码：

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

其中'javascript'可以换成其他语言，如'python'、'java'、'c'等

如何使用语法高亮 GitBook

How to use Syntax Highlighting GitBook

javascript

syntax-highlighting

gitbook