Advanced Features
Beyond basic Markdown, GitBook Online Generator supports tables, Mermaid diagrams, and more.
Tables
Tables use the standard pipe syntax:
| Language | Greeting | Script |
|---|---|---|
| English | Hello | Latin |
| 中文 | 你好 | CJK |
| 日本語 | こんにちは | CJK |
| العربية | مرحبا | Arabic |
| Español | Hola | Latin |
Alignment
| Left-aligned | Center-aligned | Right-aligned |
|---|---|---|
| Left | Center | Right |
| Data | Data | Data |
| More | More | More |
Mermaid Diagrams
Mermaid diagrams are rendered client-side. Use fenced code blocks with the mermaid language identifier.
Flowchart
graph TD
A[Start] --> B{Is it working?}
B -->|Yes| C[Great!]
B -->|No| D[Debug]
D --> B
C --> E[Ship it!]
Sequence Diagram
sequenceDiagram
participant User
participant GitHub
participant Actions
participant Pages
User->>GitHub: git push
GitHub->>Actions: Trigger workflow
Actions->>Actions: Build static HTML
Actions->>Pages: Deploy artifacts
Pages->>User: Serve website
Pie Chart
pie title Content Types
"Markdown" : 70
"Code" : 15
"Diagrams" : 10
"Config" : 5
Mixed Language Content
This system fully supports Unicode and multilingual content.
中文示例
GitBook Online Generator 完全支持中文内容。您可以自由混合使用中文和英文。
特性列表：
- 完整的 UTF-8 编码支持
- 中日韩（CJK）字符渲染
- 响应式布局适配
- 四种阅读主题
Code with Comments in Chinese
# 构建目录树
def build_tree(directory):
"""递归扫描目录，构建章节树结构。"""
tree = []
for item in sorted(directory.iterdir()):
if item.is_dir():
# 文件夹代表章节
children = build_tree(item)
tree.append({"type": "directory", "children": children})
elif item.suffix == ".md":
# Markdown 文件代表内容页面
tree.append({"type": "file", "path": str(item)})
return tree
Nested Blockquotes
Note: This is a top-level note.
This is a nested blockquote. It supports formatting too.
Task Lists
While task list rendering depends on the Markdown parser, here's the syntax:
- [x] Create build script
- [x] Design templates
- [x] Implement theme switching
- [ ] Add search functionality
- [ ] Multi-book support
Complex Table
| Feature | Default | Dark | Light | Sepia |
|---|---|---|---|---|
| Background | White | Near-black | Off-white | Cream |
| Text | Black | Light gray | Dark gray | Brown |
| Sidebar | Black | Dark gray | White | Tan |
| Contrast | High | Medium | Medium | Medium |
You've now seen all the major features. Happy writing!