我正在使用模板框架在大商务中创建新主题。
我想在主页的页脚上方显示前三个博客的详细信息。
详细信息是博客图像，博客标题和博客描述（前100个字符）。
注意 - 模板框架使用车把语言。
.. 的当前结构\模板\布局\基础.html如下所示。
在这里，在 {{> 组件/common/footer }} 上方 - 我们可以再添加一个 html 文件，该文件将显示博客详细信息（例如 homeblog.html）。
因此，{{> components/common/homeblog}} 将包含在页脚上方的 base.html 中。
任何人都可以帮忙，应该在主页博客.html文件中写什么才能在主页上实现前 3 名博客的详细信息？
<!DOCTYPE html>
<html class="no-js">
<head>
<title>{{ head.title }}</title>
{{{ head.meta_tags }}}
{{{ head.config }}}
{{#block "head"}} {{/block}}
<link href="{{ head.favicon }}" rel="shortcut icon">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
{{{stylesheet '/assets/css/theme.css'}}}
{{ getFontsCollection }}
<script src="{{cdn '/assets/modernizr-custom.js'}}"></script>
{{{head.scripts}}}
{{{head.rsslinks}}}
{{inject 'themeImageSizes' theme_settings._images}}
{{inject 'genericError' (lang 'common.generic_error')}}
{{inject 'maintenanceMode' settings.maintenance}}
{{inject 'urls' urls}}
{{{snippet 'htmlhead'}}}
</head>
<body>
{{{snippet 'header'}}}
<div class="icons-svg-sprite">{{> components/common/icons/icon-defs }}</div>
{{#if settings.privacy_cookie}}
{{> components/common/cookie}}
{{/if}}
{{> components/common/header }}
{{> components/common/body }}
{{> components/common/footer }}
<script src="{{cdn '/assets/js/bundle.js'}}"></script>
<script>
// Exported in app.js
window.stencilBootstrap("{{template_file}}", {{jsContext}}).load();
</script>
{{{footer.scripts}}}
{{{snippet 'footer'}}}
</body>
</html>
谢谢。。。
在您的主页上提取 3 篇最新的博客文章。将以下前言属性添加到"主页.html"文件的顶部。
blog:
recent_posts:
limit: 3
现在，您可以访问最后 3 个帖子。要显示每个帖子的信息，您将循环每个帖子并显示您想要的信息。
<div class="blog">
<h4>Recent 3 Posts</h4>
{{#each blog.recent_posts}}
<h5><a href="{{url}}">{{title}}</a></h5>
<p>{{summary}}</p>
{{/each}}
</div>
若要准确查看你有权访问的信息，请从开发 URL 中删除结尾的"/"，并在末尾添加"？debug=bar"。它将在页面上显示您有权访问的 JSON。下面是缩写示例。
"recent_posts": [
{
"title": "test1",
"author": "",
"url": "/blog/test1/",
"thumbnail": null,
"summary": ""Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmodrn tempor incididunt ut labo",
"show_read_more": true,
"date_published": "Jul 8th 2016",
"tags": []
}, ....