使用指南
Markdown 功能
Markdown 插件
配置Markdown
导入
---
import { Icon } from 'astro-icon';
---Astro 语法
动态 HTML
可以在类 JSX 函数中使用局部变量来产生动态生成的 HTML 元素:
---
const items = ["Dog", "Cat", "Platypus"];
---
<ul>
{items.map((item) => (
<li>{item}</li>
))}
</ul>Astro 可以使用 JSX 逻辑运算符和三元表达式有条件地显示 HTML。
---
const visible = true;
---
{visible && <p>Show me!</p>}
{visible ? <p>Show me!</p> : <p>Else show me!</p>}