Enhanced Blog Features Demo

This post demonstrates the new enhanced features for blog posts including math rendering, syntax highlighting, and styled text.

Math Support

Inline math: The quadratic formula is $x = \frac{-b \pm \sqrt{b^2 - 4ac}}{2a}$ .

Block math:

\int_{-\infty}^{\infty} e^{-x^2} dx = \sqrt{\pi}

Matrix example:

\begin{pmatrix} a & b \\ c & d \end{pmatrix} \begin{pmatrix} x \\ y \end{pmatrix} = \begin{pmatrix} ax + by \\ cx + dy \end{pmatrix}

Code Highlighting

JavaScript Example

javascript

function fibonacci(n) {
  if (n <= 1) return n;
  return fibonacci(n - 1) + fibonacci(n - 2);
}

console.log(fibonacci(10)); // Output: 55

Python Example

python

def quick_sort(arr):
    if len(arr) <= 1:
        return arr
    
    pivot = arr[len(arr) // 2]
    left = [x for x in arr if x < pivot]
    middle = [x for x in arr if x == pivot]
    right = [x for x in arr if x > pivot]
    
    return quick_sort(left) + middle + quick_sort(right)

print(quick_sort([3, 6, 8, 10, 1, 2, 1]))

CSS Example

css

.enhanced-text {
  background: linear-gradient(45deg, #ff6b6b, #4ecdc4);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: bold;
  transition: all 0.3s ease;
}

.enhanced-text:hover {
  transform: scale(1.05);
}

Styled Text Features

Bold text appears in yellow for emphasis.

Italic text appears in cyan for subtle highlighting.

Bold and italic combines both styles.

~~Strikethrough text~~ appears in red.

Lists and Tables

Unordered List

First item
Second item
- Nested item
- Another nested item
Third item

Ordered List

First step
Second step
Third step

Table Example

Language	Syntax Highlighting	Math Support
Markdown	✅	✅
LaTeX	✅	✅
HTML	✅	❌

Blockquotes

This is a beautifully styled blockquote that demonstrates the enhanced styling with background color and rounded corners.

It supports multiple paragraphs and maintains consistent formatting.

Inline Code

You can use inline code like const result = Math.sqrt(16) within sentences.

This demonstrates all the enhanced features available in the blog system!