如何在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
相关产品推荐
相关产品推荐

