基于 Cloudflare Worker + Tunnel 的 Trilium 博客边缘映射架构图

graph LR
    subgraph Internet [互联网]
        Visitor["fa:fa-user 访客 / AdSense 爬虫"]
    end

    subgraph CF [Cloudflare 边缘网络]
        direction TB
        Worker{{"fa:fa-code Cloudflare Worker<br/>(JS 后端逻辑)"}}
        Tunnel["fa:fa-shield-alt Cloudflare Tunnel"]
        
        subgraph Logic [Worker 内部处理流程]
            ads["1. 响应 /ads.txt (广告校验)"]
            rewrite["2. 路径重写: 根目录 -> /share/Index"]
            headers["3. 修正 Host 请求头 (解决访问权限)"]
            cache["4. 边缘缓存 (提升样式/图片加载速度)"]
        end
    end

    subgraph Home [私有网络 / NAS]
        Trilium["fa:fa-server Trilium 笔记后端<br/>(内容源服务器)"]
    end

    %% 数据流向
    Visitor -->|访问 xxx.org| Worker
    Worker --> Logic
    Logic --> Tunnel
    Tunnel -->|转发请求| Trilium
    Trilium -.->|返回内容| Tunnel
    Tunnel -.->|穿透回传| Worker
    Worker -.->|渲染后的博客页面| Visitor

    %% 样式美化
    style Worker fill:#f96,stroke:#333,stroke-width:2px
    style Tunnel fill:#27ae60,stroke:#333,stroke-width:2px
    style Trilium fill:#3498db,stroke:#333,stroke-width:2px,color:#fff