<div class="page-header only-word">
        <div class="content flex-center " style="">
        <div class="container">
            <header class="post-header">
        <h1 class="post-title" style="">区块演示</h1>
        <div class="post-metas">
                            <span>最后更新于 2026-06-26</span>
                                    <a href="https://moecat.cc/author/nicocat/">
                    <span class="meta-author">
                        <img alt='nicocat' src='https://weavatar.com/avatar/1aeca73a20d6fea54d81269e6bc00175745e013f9a221a1ccd9492e2ff726287?s=24&#038;d=mm&#038;r=g' srcset='https://weavatar.com/avatar/1aeca73a20d6fea54d81269e6bc00175745e013f9a221a1ccd9492e2ff726287?s=48&#038;d=mm&#038;r=g 2x' class='avatar avatar-24 photo avatar-small' height='24' width='24' loading='lazy' decoding='async'/>                        nicocat                    </span>
                </a>
                                <span>74 次阅读</span>
                            </div>
    </header>
            </div>
    </div>
</div>
<div class="block-notice">
    <i class="icon task fa-icon-regular fa-clipboard"></i>
    <span>提示</span>
</div>


<div class="block-notice">
    <i class="icon warning fa-icon-solid fa-warning"></i>
    <span>警告</span>
</div>


<div class="block-notice">
    <i class="icon noway fa-icon-solid fa-square-xmark"></i>
    <span>禁止</span>
</div>


<div class="block-notice">
    <i class="icon buy fa-icon-solid fa-square-check"></i>
    <span>允许</span>
</div>

<div class="block-showcard">
    <div class="img">
                    <picture class="nuxtpic">
                <img decoding="async" src="https://wp.nicocat.cc/wp-content/uploads/2025/11/cropped-avatar.png" width="200" height="200" alt="展示卡片" loading="lazy" title="区块演示">
            </picture>
        
            </div>

    <div class="icon-title">
                <span class="title">展示卡片</span>
    </div>
</div>

<div class="block-conversation">
    <div
        class="conversations-code"
        style="flex-direction: row;">
                    <picture class="nuxtpic">
                <img decoding="async" src="https://wp.nicocat.cc/wp-content/uploads/2025/11/cropped-avatar.png" width="40" height="40" alt="" loading="lazy" title="区块演示">
            </picture>
                <div class="conversations-code-text">
            Hello        </div>
    </div>
</div>

<div class="block-conversation">
    <div
        class="conversations-code"
        style="flex-direction: row-reverse;">
                    <picture class="nuxtpic">
                <img decoding="async" src="https://wp.nicocat.cc/wp-content/uploads/2025/02/xiaosuki.gif" width="40" height="40" alt="" loading="lazy" title="区块演示">
            </picture>
                <div class="conversations-code-text">
            World        </div>
    </div>
</div>

<div class="block-bvideo">
    
            <iframe
            class="bvideo"
            scrolling="no"
            sandbox="allow-top-navigation allow-same-origin allow-forms allow-scripts"
            allowfullscreen
            src="https://player.bilibili.com/player.html?bvid=1x5U4BBE8e&page=1&autoplay=0&danmaku=0"
            frameborder="0"></iframe>
    </div>


<div class="block-ghcard">
    <div class="github-card">
        <a href="https://github.com/nicocatxzc/Sakurairo_Nuxt" target="_blank" rel="noopener">
            <header class="repo-name">
                <span class="title-text">
                    <i class="icon gh-repo"></i>
                    Sakurairo_Nuxt                </span>
            </header>

                            <div class="repo-desc">
                    Sakurairo主题的nuxt重制版本                </div>
            
            <div class="repo-meta">
                                    <span class="lang">
                        <span class="dot" style="background-color: #999;"></span>
                        Vue                    </span>
                
                <span class="stars">
                    <i class="icon gh-star"></i>
                    5                </span>

                <span class="forks">
                    <i class="icon gh-fork"></i>
                    0                </span>

                                    <span class="license">
                        <i class="icon gh-license"></i>
                        gpl-2.0                    </span>
                            </div>
        </a>
    </div>
</div>


<div id="hachimi-markdown" data-md="IyMgbWFya2Rvd27npLrkvosKCi0g56ys5LiACi0g56ys5LqMCgojIyMg5YWs5byPCgokJEUgPSBtY14yJCQKCiQkXGludF97LVxpbmZ0eX1ee1xpbmZ0eX0gZV57LXheMn0gZHggPSBcc3FydHtccGl9JCQ=" class="wp-block-hachimi-markdown"><pre>## markdown示例

- 第一
- 第二

### 公式

$$E = mc^2$$

$$\int_{-\infty}^{\infty} e^{-x^2} dx = \sqrt{\pi}$$</pre></div>



<div id="hachimi-markdown" data-md="YGBgbWVybWFpZApmbG93Y2hhcnQgTFIKCnN1YmdyYXBoIFNESwogIGRpcmVjdGlvbiBMUgogIFNfU3RhcnQoKOWFpeWPoykpIC0tPiBBMSAtLT4gQTIgLS0+IFNfRW5kKCjlh7rlj6MpKQplbmQKCnN1YmdyYXBoIFRPT0wKICBkaXJlY3Rpb24gTFIKICBUX1N0YXJ0KCjlhaXlj6MpKSAtLT4gQjEgLS0+IEIyIC0tPiBUX0VuZCgo5Ye65Y+jKSkKZW5kCgpTREtfU19FbmQgLS0+IFRPT0xfVF9TdGFydApgYGA=" class="wp-block-hachimi-markdown"><pre>```mermaid
flowchart LR

subgraph SDK
  direction LR
  S_Start((入口)) --> A1 --> A2 --> S_End((出口))
end

subgraph TOOL
  direction LR
  T_Start((入口)) --> B1 --> B2 --> T_End((出口))
end

SDK_S_End --> TOOL_T_Start
```</pre></div>
