gitbook-plugin-gbook-codetab
Version:
thanks for [gitbook-plugin-prism-codetab-fox](https://www.npmjs.com/package/gitbook-plugin-prism-codetab-fox)
56 lines (38 loc) • 1.24 kB
Markdown
# gitbook-plugin-gbook-code-tab
thanks for [gitbook-plugin-prism-codetab-fox](https://www.npmjs.com/package/gitbook-plugin-prism-codetab-fox)
## demo
``````md
{% codetab %}
```js {group: "g1", title: "helloworld"}
console.log('hi')
console.log('hi-----')
console.log("good job")
console.log(1+2)
```
```js {group: "g1"}
console.log('+++++')
```
```go
fmt.Println("hi go")
```
```py {title: 'job py'}
print('xxxxx')
```
@import "testcode/11.ts" {group: 'g2'}
@import "testcode/1.ts" {group: 'g2'}
@import "testcode/1.py" {lang: 'go', title: 'not go is python'}
@import "testcode/1.html" {dbe: true}
{% endcodetab %}
``````
说明:
- lang: 指定语言类型
- title: 给定tab标题,无则默认为对应语言类型
- group: 分组,可将同一分组合并到一格tab中
- dbe: 双大括号编码是否开启,默认false, 开启此项,代码内容 `{{` `}}` 将会加上转义,防止 gitbook 引擎将其内容解析为空,如果手写代码块需自己对内容加上转义
- 使用 @import 需要引入 [gbook-import-code](https://www.npmjs.com/package/gitbook-plugin-gbook-import-code)
## use in book.json
```json
{
"plugins": ["gbook-codetab"]
}
```