如何在Front Matter中实现页面变量的赋值与复用?
Front Matter变量复用实现方案
该需求完全可行,具体操作分两种场景:
场景1:静态站点生成器支持Front Matter内模板语法(如Hugo)
直接在Front Matter里通过模板语法引用其他变量即可,修改后的代码如下:
--- draft: false title: 如何复用文章变量 date: "2021-04-21" cover: image: "images/3153420617.png" alt: "文章封面图" relative: false lastMod: "2023-04-25" description: "UPD {{ .lastMod }}. 寻找解决方案中。" summary: "{{ .description }}" keywords: "问题" ---
description字段通过{{ .lastMod }}直接引用lastMod的日期值,生成后会自动替换为实际日期summary字段通过{{ .description }}直接复用description的内容
场景2:生成器不支持Front Matter内模板语法
不需要在Front Matter中定义summary字段,直接在页面模板中调用description的值作为summary使用即可。比如在模板中写:
<div class="post-summary">{{ .Params.description }}</div>
这样就能实现summary复用description内容的效果;而description中的日期,你可以手动维护,或者在模板层面拼接lastMod和描述文本,比如:
<meta name="description" content="UPD {{ .Params.lastMod }}. 寻找解决方案中。">
内容的提问来源于stack exchange,提问作者Frumda Grayforce
相关产品推荐
相关产品推荐

