如何在Hugo中构建静态html页面并定义布局模板以格式化页面?

时间:2018-09-20 23:19:09

标签: python html flask vue.js hugo

我的目标是将现有网站从Python + Flask和Angular(js)转换为Hugo构造的静态页面,并由Vue.js显示动态内容。我的第一步是将现有的动态组合(按烧瓶)页面转换为静态组合页面。

我已经能够构建主要的登录页面并将页面分为多个部分。主页呈现得很好,但是我现在正在尝试构建其他页面。

我在layouts / partials /中定义了用于页眉,页脚和有趣的脚本的模板,我想为其余页面构造适当的布局模板。

我已将所需的其他(子)页面的内容页面存储到content /目录中。但是,当我阅读文档时,尚不清楚如何使用适当的布局/模板将这些页面包装在页眉+页脚中。

具体: 我在内容/中存储了A.html,B.html和C.html页面 我有一个索引页面布局模板,该模板组成一个索引主体html,并且一切正常。 但是我如何为A,B和C中的每一个提供布局/模板,以提供适当的页眉和页脚,以便父页面可以使用“ .BaseURL / A”,“。BaseURL / B”,“ .BaseURL / C”?

question提供了有关如何在Hugo中创建页面的详细信息(已完成)。但是我的问题是关于该页面(片段)的布局和格式设置。

0 个答案:

没有答案