blog / test-features.md

Testing New Blog Features

This file demonstrates the enhanced markdown processing capabilities.

Syntax Highlighting

Here’s some JavaScript code:

const openai = new OpenAI({
  apiKey: process.env.AI_API_MK,
  baseURL: `${req.headers.origin}/ai-api`,
});

And some Python:

def process_markdown(content):
    """Process markdown content with GitHub-compatible features"""
    if not content:
        return ""

    md_processor.reset()
    html_content = md_processor.convert(tornado.escape.native_str(content))

    return html_content

YAML configuration:

ai-api:
  container_name: ai-api
  image: ghcr.io/berriai/litellm:main-latest
  environment:
    - OPENAI_API_KEY=${OPENAI_API_TOKEN}
  labels:
    - traefik.enable=true

Task Lists

  • Upgrade markdown processing
  • Replace Prism.js with Highlight.js
  • Add Mermaid support
  • Test all features
  • Deploy to production

Tables

Feature Status Priority
Syntax Highlighting ✅ Complete High
Mermaid Diagrams ✅ Complete High
Task Lists ✅ Complete Medium
Admonitions ✅ Complete Low

Mermaid Diagram

graph TD A[Blog Request] --> B[Tornado Handler] B --> C[Blog API Call] C --> D[Git Repository] D --> E[Raw Markdown] E --> F[Python Markdown Processor] F --> G[HTML with Pygments] G --> H[Browser] H --> I[Highlight.js] H --> J[Mermaid.js] I --> K[Syntax Highlighted Code] J --> L[Rendered Diagrams]

Admonitions

Note: Information This is a note admonition. It provides additional context.

Warning: Warning This is a warning admonition. Pay attention to this information.

Tip: Pro Tip This is a tip admonition with helpful advice.

Inline Code

You can use inline code with backticks, and it will be styled consistently with the new theme.

The AI_API_MK environment variable controls access to all models.