getting-started

Prism.js Syntax Highlighting Test

Python Example with Line Numbers

def fibonacci(n):
    """Generate Fibonacci sequence up to n."""
    sequence = [0, 1]
    while sequence[-1] + sequence[-2] <= n:
        sequence.append(sequence[-1] + sequence[-2])
    return sequence

# Example usage
result = fibonacci(50)
print("Fibonacci sequence:", result)

JavaScript Example

// Async function to fetch user data
async function fetchUserData(userId) {
    try {
        const response = await fetch(`https://api.example.com/users/${userId}`);
        const userData = await response.json();
        return userData;
    } catch (error) {
        console.error('Error fetching user data:', error);
        return null;
    }
}

// Event listener example
document.addEventListener('DOMContentLoaded', () => {
    const userButton = document.getElementById('fetchUser');
    userButton.addEventListener('click', async () => {
        const userData = await fetchUserData(123);
        console.log(userData);
    });
});

Ruby Example

# Class definition with methods
class Person
  attr_accessor :name, :age

  def initialize(name, age)
    @name = name
    @age = age
  end

  def introduce
    puts "Hi, I'm #{@name} and I'm #{@age} years old."
  end

  def self.create_group(names)
    names.map { |name| Person.new(name, rand(20..50)) }
  end
end

# Creating and using Person instances
people = Person.create_group(['Alice', 'Bob', 'Charlie'])
people.each(&:introduce)

Bash Script Example

#!/bin/bash

# Simple backup script
BACKUP_DIR="/path/to/backups"
SOURCE_DIR="/path/to/source"

# Create backup directory if it doesn't exist
mkdir -p "$BACKUP_DIR"

# Generate timestamp
TIMESTAMP=$(date +"%Y%m%d_%H%M%S")

# Perform backup
tar -czf "$BACKUP_DIR/backup_$TIMESTAMP.tar.gz" "$SOURCE_DIR"

echo "Backup completed: backup_$TIMESTAMP.tar.gz"

JSON Configuration Example

{
  "name": "Documentation Theme",
  "version": "1.0.0",
  "description": "A modern, responsive documentation theme",
  "features": [
    "syntax highlighting",
    "dark mode",
    "responsive design"
  ],
  "dependencies": {
    "hugo": "^0.92.0",
    "prism": "^1.29.0"
  }
}