javascript - 如何使用语法高亮 GitBook

Question

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

---

---

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

我在文档中搜索了这个，但我找不到任何相关的 .

这本书启用了语法突出显示并且可以正常工作：
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%}

输出。

这工作得很好！