moonblox

@badge(text: "new", tone: "info")

@counter(value: 0)

:::callout(type: "note", title: "Tip")
Your Markdown content here.
:::

::score_panel { count = 0 }
  @metric(value=count, label="Clicks")
  @chart(value=count, max=10, label="Progress")
  @counter(value=count)
::

#Features

• Front matter: YAML metadata (title, date, tags) rendered in page output
• Tables: Markdown table support with alignment
• 8 built-in components: badge, counter, callout, card, grid, metric, chart, graph
• Configuration: moonblox.json for custom input/output/component paths
• Live reload: moonblox-cli serve with file watcher and WebSocket reload
• Incremental builds: Dev server skips unchanged files, uses debug builds

#Quick Start

moon install xz-xuezhe/moonblox-cli

moonblox-cli init my-site
cd my-site
moonblox-cli serve        # dev server with live reload
moonblox-cli build        # production build

#Documentation

#Project Structure

my-site/
  posts/index.md           # your Markdown content
  components/        — your components (8 built-in: badge, counter, callout, card, grid, metric, chart, graph)
  theme/base.css           # global styles
  dist/                    # built output

#Components

@badge(text: "stable", tone: "success")

:::callout(type: "note", title: "Tip")
Markdown content can live inside container components.
:::

#Structured Block Syntax

::dashboard { count = 0 }
  @metric(value=count, label="Clicks")
  @chart(value=count, max=10, label="Progress")
  @counter(value=count)
::

#Dependencies

• rabbita — UI framework
• mizchi/markdown — Markdown parser
• moonbitlang/x — filesystem utilities
• moonbitlang/async — async runtime
• Yoorkin/ArgParser — CLI argument parsing

#CLI Commands

• moonblox-cli init <dir> — scaffold a new project
• moonblox-cli build <dir> — build static site to dist/
• moonblox-cli serve <dir> [--port 3000] — start dev server with live reload

#License