You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何在Astro.js代码块中引用frontmatter变量?

在Astro代码块中使用Frontmatter变量的正确方式
  • 先在文件顶部的Frontmatter中定义变量:
---
url: "https://github.com/fusionauth/fusionauth-quickstart-javascript-express-web"
---
  • 要在代码块里渲染变量,需给代码块标记astro语言标识,让Astro解析其中的插值语法:
git clone {frontmatter.url}.git
cd fusionauth-quickstart-javascript-express-web
  • 若使用MDX格式的Astro文件,可直接省略frontmatter.前缀调用变量:
git clone {url}.git
cd fusionauth-quickstart-javascript-express-web
  • 也可用原生HTML标签配合插值实现,适合需要自定义样式的场景:
<pre><code>git clone {frontmatter.url}.git
cd fusionauth-quickstart-javascript-express-web</code></pre>

普通无语言标识的代码块会把{frontmatter.url}当作纯文本,无法解析变量值,必须启用Astro的代码插值支持。

内容的提问来源于stack exchange,提问作者Richard

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.07.10 15:45:53