Content images

This content is not available in your language yet.

This page shows the body-image baseline that @hagicode/hagilight-starlight applies automatically.

Markdown and MDX images outside a <picture> element get loading="lazy", decoding="async", and the hagilight-content-image class. Values the author already set are kept, and the class is added once.

Relative local image

The image below is rendered with <Picture formats={['avif', 'webp']}>, so browsers that support AVIF receive it first, then WebP, then the PNG fallback. It already sits in a <picture> element, so the handling above does not apply to it.

A teal and lime gradient with a cream circle, used as a relative local image

Site-root image

A warm gradient stored in the public folder and referenced from the site root

Author-set loading

A warm gradient that the author asked to load eagerly

To turn this handling off for the whole site, set contentImages: { enabled: false } on the Starlight plugin.

HagiCode

HagiCode 是面向專案開發的 AI 編碼工作台：豐富、便利的介面互動讓規劃、Agent 執行與專案工作更容易上手和跟進，帶來更投入的開發體驗。

透過豐富、便利的介面互動，讓規劃、Agent 執行與專案工作更容易上手和跟進。

造訪 HagiCode 閱讀文件

智慧OpenSpec 工作流程將意圖轉化為從提案、設計、任務到交付的可執行路徑。
高效多 Agent 並行推進研究、實作與審查，並支援多儲存庫變更與你熟悉的 Agent CLI。
有趣豐富、便利的介面互動讓規劃、Agent 執行與專案工作更容易上手和跟進，帶來更投入的開發體驗。

下載 Windows 版

從 Microsoft Store 取得

HagiCode 透過豐富、便利的介面互動，讓規劃、Agent 執行與專案工作更容易上手和跟進：https://www.hagicode.com/

讓想法化為交付成果。

HagiCode 是面向專案開發的 AI 編碼工作台：以 OpenSpec 工作流程規劃變更，多 Agent 並行執行，再由 Hero Scenario 讓進度一目了然，將想法化為交付成果。

下載 HagiCode 產品文件

智慧: OpenSpec 工作流程將意圖轉化為從提案到交付的可執行路徑。
高效: 多 Agent 並行推進研究、實作與審查。
有趣: 豐富、便利的介面互動，讓規劃、Agent 執行與專案工作更容易跟進。

© 2026 HagiCode | Powered By hagilight-starlight@0.1.0 | Branch: main | Commit: 19ad7f2 | Built: 2026-11-13T16:53:12Z