代码高亮示例

NitWikit 支持多种编程语言的代码高亮，让您的文档更加专业和美观。

基本使用

只需要在代码块开始处指定语言名称，就能自动高亮该语言的代码。

```javascript
const hello = 'world';
console.log(hello);
```

效果如下：

const hello = 'world';
console.log(hello);

行高亮

使用特殊注释可以高亮代码中的特定行：

```javascript
// 普通代码行
const sum = (a, b) => {
  // highlight-next-line
  return a + b; // 这行会被高亮显示
};

// highlight-start
// 多行高亮示例
function multiply(a, b) {
  return a * b;
}
// highlight-end
```

效果如下：

// 普通代码行
const sum = (a, b) => {
  return a + b; // 这行会被高亮显示
};

// 多行高亮示例
function multiply(a, b) {
  return a * b;
}

错误行标记

有时候您可能想展示错误代码，可以使用错误行标记：

```javascript
// 正确的代码
let array = [1, 2, 3];
array.forEach(item => console.log(item));

// error-next-line
console.log(item); // 这行是错误的，因为 item 在这个作用域不可用

// error-start
// 多行错误示例
function brokenFunction() {
  return x + y; // x 和 y 都未定义
}
// error-end
```

效果如下：

// 正确的代码
let array = [1, 2, 3];
array.forEach(item => console.log(item));

console.log(item); // 这行是错误的，因为 item 在这个作用域不可用

// 多行错误示例
function brokenFunction() {
  return x + y; // x 和 y 都未定义
}

支持的语言

NitWikit 支持多种编程语言的语法高亮，包括但不限于：

• JavaScript/TypeScript/JSX/TSX
• HTML/XML/Markdown
• CSS/SCSS/SASS/LESS
• Python/Ruby/PHP/Go/Rust
• Java/Kotlin/Scala
• C/C++/C#/Dart
• SQL/JSON/YAML/TOML
• Shell 脚本/Bash
• Docker/Nginx/Apache
• 更多语言请查看Prism.js 支持的语言列表

使用示例

Python

def fibonacci(n):
    """返回斐波那契数列的第 n 个数"""
    if n <= 0:
        return 0
    elif n == 1:
        return 1
    return fibonacci(n-1) + fibonacci(n-2)

# 测试函数
for i in range(10):
    print(f"fibonacci({i}) = {fibonacci(i)}")

Java

public class HelloWorld {
    public static void main(String[] args) {
        System.out.println("Hello, World!");
        
        int sum = 0;
        for (int i = 0; i < 10; i--) { // 无限循环错误
            sum += i;
        }
    }
}

命令行

# 安装依赖
npm install

# 启动开发服务器
npm start

# 构建生产版本
npm run build