10.Hexo 通过variables在.ejs文件中访问.md文件的内容

本文介绍了如何在Hexo框架中使用变量(如title、date和content)来动态渲染博客文章,以及如何添加自定义变量,如作者信息。post.ejs布局文件展示了如何在不同页面间共享和更新内容。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

variables,Hexo变量基本上是存储在网站上的其他页面或者网站本身的值
可以在layout上使用这些变量,去以更好的方式显示网站上的所有信息

打开post.ejs
这个是网站上所有帖子使用的布局
![[Pasted image 20240417183215.png]]

现在有两个博客,a.md和b.md
这两个文件都可以被显示出来

打开b页面
![[Pasted image 20240417183407.png]]

它正在使用post.ejs这个文件,
![[Pasted image 20240417183507.png]]

打开a,也是相同的布局
因为都是用这个post.ejs布局

如果访问页面frontmatter内容的变量,使这些页面不同
不如,在b页面时,希望页面告诉我在b页面
打开a页面时,希望页面告诉我在a页面

实际上可以从post.ejs布局文件访问这些文章如a.md中的frontmatter变量
将内容改成

<h1><%- page.title %></h1>

要访问页面的标题
当刷新页面后
![[Pasted image 20240417184706.png]]

当在a.md中修改title时
![[Pasted image 20240417184832.png]]

![[Pasted image 20240417184851.png]]

a的页面这里也会同步变化,它会在模板上自动更新

因此除了访问标题之外,还可以访问页面日期

<p><%- page.date %></p>

![[Pasted image 20240417190424.png]]

也可以访问页面内容

<%- page.content %>

这样就会提供文件中的所有内容
![[Pasted image 20240417190701.png]]

可以使用这些不同的变量来访问有关博客的frontmatter的信息,还有其他信息

在Hexo的文档里,列出了所有默认情况下可以访问的变量的数量
除了默认变量还可以访问自定义变量
![[Pasted image 20240417191207.png]]

比如添加一个作者变量
可以在post.ejs中去渲染它,这是一个完全自定义的变量
![[Pasted image 20240417191646.png]]

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值