2016-06-25 25 views
0

我是GitBook的新手,我正在嘗試使語法突出顯示對某些JavaScript代碼行的預期工作。如何使用語法突出顯示GitBook


some javascript lines without colour


我注意到,有在編輯器插件商店。我啓用了一個名爲highlight的插件,但它並沒有完成它的工作。

我在文檔中搜索了這個,但I couldn't find anything related

這本書的語法高亮啓用,並且工作:
https://gitbookio.gitbooks.io/javascript/content/basics/comments.html

book.json

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

我怎麼能這樣做?

回答

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

輸出。

code highlighted

這是工作就好了!

2

如果你正在寫在降價GitBook頁面,您可以突出顯示像下面的代碼:

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

在哪裏「的javascript」可以用其他語言來代替,如「巨蟒」,「Java的」,' c'等