variables,Hexo变量基本上是存储在网站上的其他页面或者网站本身的值
可以在layout上使用这些变量,去以更好的方式显示网站上的所有信息
打开post.ejs
这个是网站上所有帖子使用的布局
![![[Pasted image 20240417183215.png]]](https://i-blog.csdnimg.cn/blog_migrate/a4b0a72b6e3de1958914bf10ed4dcb81.png)
现在有两个博客,a.md和b.md
这两个文件都可以被显示出来
打开b页面
![![[Pasted image 20240417183407.png]]](https://i-blog.csdnimg.cn/blog_migrate/cbe81fa44a7835d2d4acbb71d7dc892f.png)
它正在使用post.ejs这个文件,
![![[Pasted image 20240417183507.png]]](https://i-blog.csdnimg.cn/blog_migrate/e6b86cf289cc489ca64fe4c51747afb0.png)
打开a,也是相同的布局
因为都是用这个post.ejs布局
如果访问页面frontmatter内容的变量,使这些页面不同
不如,在b页面时,希望页面告诉我在b页面
打开a页面时,希望页面告诉我在a页面
实际上可以从post.ejs布局文件访问这些文章如a.md中的frontmatter变量
将内容改成
<h1><%- page.title %></h1>
要访问页面的标题
当刷新页面后
![![[Pasted image 20240417184706.png]]](https://i-blog.csdnimg.cn/blog_migrate/5341d3dc784b40ee51ab789a21debf78.png)
当在a.md中修改title时
![![[Pasted image 20240417184832.png]]](https://i-blog.csdnimg.cn/blog_migrate/306a090023fd09ce29864efb2a29b199.png)
![![[Pasted image 20240417184851.png]]](https://i-blog.csdnimg.cn/blog_migrate/d67fc51d2493cd4f39c5eeb7cbe1ba50.png)
a的页面这里也会同步变化,它会在模板上自动更新
因此除了访问标题之外,还可以访问页面日期
<p><%- page.date %></p>
![![[Pasted image 20240417190424.png]]](https://i-blog.csdnimg.cn/blog_migrate/77b4a14d38749ce54d1f84e2718c32a4.png)
也可以访问页面内容
<%- page.content %>
这样就会提供文件中的所有内容
![![[Pasted image 20240417190701.png]]](https://i-blog.csdnimg.cn/blog_migrate/b39b5f18fb68d5a3caf2eee862962df1.png)
可以使用这些不同的变量来访问有关博客的frontmatter的信息,还有其他信息
在Hexo的文档里,列出了所有默认情况下可以访问的变量的数量
除了默认变量还可以访问自定义变量
![![[Pasted image 20240417191207.png]]](https://i-blog.csdnimg.cn/blog_migrate/ccae164525ad5bcc859e2195419a84b2.png)
比如添加一个作者变量
可以在post.ejs中去渲染它,这是一个完全自定义的变量
![![[Pasted image 20240417191646.png]]](https://i-blog.csdnimg.cn/blog_migrate/fc6c416737e35389ee61664feb0f9681.png)
本文介绍了如何在Hexo框架中使用变量(如title、date和content)来动态渲染博客文章,以及如何添加自定义变量,如作者信息。post.ejs布局文件展示了如何在不同页面间共享和更新内容。
831

被折叠的 条评论
为什么被折叠?



