Markdown Features Demo

This post demonstrates all the enhanced markdown features available in Nova Learn.

Code Blocks

Code blocks support syntax highlighting for multiple languages including Python, TypeScript, JavaScript, and Bash.

typescriptCopy
1interface User {
2  id: string;
3  name: string;
4  email: string;
5}
6
7function getUser(id: string): User {
8  return {
9    id,
10    name: 'John Doe',
11    email: 'john@example.com',
12  };
13}

pythonCopy
1def calculate_sum(numbers):
2    """Calculate the sum of a list of numbers."""
3    return sum(numbers)
4
5result = calculate_sum([1, 2, 3, 4, 5])
6print(f"The sum is: {result}")

bashCopy
1# Install dependencies
2npm install
3
4# Run development server
5npm run dev
6
7# Build for production
8npm run build

Alert Messages

You can create different types of alert messages using blockquote syntax with special indicators.

Tables

Tables are fully supported with responsive design and proper styling.

Comparison Table

Lists

Unordered Lists

• First item
• Second item
  • Nested item
  • Another nested item
• Third item

Ordered Lists

1. First step
2. Second step
   1. Sub-step A
   2. Sub-step B
3. Third step

Inline Code

You can use inline code like const x = 42 within your text. It supports variables, functions(), and commands.

Blockquotes

Regular blockquotes still work as expected:

"The best way to predict the future is to invent it." — Alan Kay

Images

Images are automatically styled with rounded corners:

Emphasis

You can use bold text for emphasis, or italic text for subtle emphasis. You can even combine them with bold and italic.

Horizontal Rules

Use horizontal rules to separate sections:

Links

Check out Nova Learn for more courses and tutorials. External links work too: MDN Web Docs.

Combining Features

You can combine multiple features together:

typescriptCopy
1// Good example
2function calculateTotalPrice(items: Item[]): number {
3  return items.reduce((sum, item) => sum + item.price, 0);
4}

This demonstrates how alerts, code blocks, lists, and inline formatting can work together seamlessly.