【问题标题】:Hugo content not rendering雨果内容未呈现
【发布时间】:2021-08-12 20:04:26
【问题描述】:

我使用hugo-icon 单页主题构建了一个静态网站,并被要求为产品描述添加一个新页面。我已经阅读了堆栈上的许多教程/答案并观看了 Mike Danes videos 迄今为止,但无法获得要呈现的新页面。

当我运行以下命令 hugo new products/product1/_index.md 时,生成了 product1 的 url,但没有呈现任何内容。这是我的 _index.md 文件的内容;

---
title: "Product1"
date: 2021-05-24T14:47:36+01:00
draft: false
---
product1 info

我期待两件事之一;查看 url 处呈现的“product1 信息”。或者我在文件夹结构中的某个位置放置了一个同名的 html 文件以呈现文本等。我​​尝试了多个位置来放置 html,但仍然看不到任何内容。

有人可以解释或举例说明向 hugo-icon 主题添加新页面并解释我是否缺少基本概念。

配置:

# Main config file for icon theme.
theme = ["hugo-icon"]
baseURL = "https://www.example.com/"
languageCode = "en-ie"
title = "my site"

[params]
  author = "Me"
  description = "My site"

# Hero section (from here on is for icon theme)
[params.hero]
  img = "images/hero_bg_green.jpg"
  title = "My Site"

谢谢

【问题讨论】:

  • 只是为了验证您在浏览 localhost 时,您访问了 localhost:1313/products/product1/ 并没有呈现任何内容?你可以通过你的配置发送吗? (config.toml 或 yaml 等,以防它们是一些)您还可以确认您使用了哪些服务器标志? (雨果服务器-D等...)
  • @Rogelio,在 localhost 路径上正确。我使用hugo server -D 服务,并尝试在 toml 文件中使用 draft:false。上面是配置sn-p; adding pages seems supported 谢谢,R
  • 对不起,我在这里太慢了,也许可以安全地访问您的仓库(或在您觉得舒服的地方复制仓库)和站点部署。我创建了一个本地实例,它工作得很好,所以我需要检查你如何设置它/配置。
  • 谢谢,您是否将其链接到单页设置中的菜单?当我单击按钮而不是在同一页面上时,我试图在新路由中链接 url。我在 Twitter 上与主题作者进行了交谈,它旨在作为单页设置,所以我可能正在与潮流作斗争。如果您设法在根目录之外构建了一个渲染页面,请告诉我。如果不是,我将关闭此 Q。感谢@Rogelio 的帮助

标签: hugo


【解决方案1】:

我错过了这个基本的设计模式。在布局下创建的每个文件夹都需要一个模板。在我的情况下,这看起来如下所示,其中每个页面都是在 single.html 文件中设计的

Layouts
 page1
  single.html
 page2
  single.html

路由需要在 content/pages/page-one.md 内的 content 文件夹中定义,就像这样,其中类型通过其类型定义映射到文件夹名称

type : "page1"

title: "Page 1"

date: 2021-05-27T11:16:39+01:00

draft: false

因此,我的网址是 www.example.com/pages/page-one.html,它是在 layouts/page1/single.html 中设计的,并通过类型定义映射到 www.example.com/content/pages/page-one.md

content/... 中的 .md 文件规定了 url 的路径。类型定义决定了从 layouts/... 渲染哪个页面。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2016-09-10
    • 1970-01-01
    • 1970-01-01
    • 2019-07-08
    • 2019-01-19
    相关资源
    最近更新 更多