【问题标题】:Hugo: adding more pages to single-page themesHugo:向单页主题添加更多页面
【发布时间】:2017-04-30 13:40:37
【问题描述】:

Hugo 是一个通用网站框架和静态网站生成器。不过the themes大部分都是单页主题。

是否可以在 Hugo 中为这些单页主题添加更多页面?

我对@9​​87654323@ 主题特别感兴趣。

非常感谢您的帮助。

【问题讨论】:

    标签: themes singlepage hugo


    【解决方案1】:

    这取决于主题是如何构建的。在 Dimension 的情况下,答案是否定的 - 您可以将新的降价文件添加到您的内容文件夹,但它们只会在索引页面上呈现,而不是作为它们自己的单独页面。如果要生成多个页面,则必须编辑主题或选择支持多个页面的新主题。

    要编辑主题,请参阅 customising a themecreating a theme 上的文档。您还需要了解 Hugo 模板,因此 go template primer 是必不可少的阅读材料。编辑主题可能有点棘手,但如果您使用过其他模板语言,那就没什么不同了。

    在您的情况下,您将需要编辑 layouts/_default/single.html 为您的所有降价文件创建一个 single-page view。您还需要编辑layouts/index.html 以从index page 链接到它们,否则没有人会找到它们。

    【讨论】:

    • 感谢您的回答。编辑这个主题容易吗?有什么说明吗?
    • 谢谢杰克,我赞成你的回答。你以前做过吗?因为我对此很陌生,所以对我来说看起来太复杂了。如果你以前做过这个并且可以给我一个示例代码,或者如果你能帮我做,那就太好了。
    【解决方案2】:

    Hugo 不仅仅是一个通用的网站框架/生成器。我一直用它来发表文章、新闻网站和生成博客!大多数主题都是单页,因为人们以他们喜欢的方式创建主题。虽然仍处于开发阶段,但您可以查看我的网站 Desktop Luxury,它是完全静态的并使用 hugo 构建。它速度超快,支持 AMP,用户非常喜欢它。他们无法区分 Wordpress 网站和 Desktopluxury.com 在外观方面的区别。注意:在加载时间、速度和自定义能力方面的差异是显而易见的!

    虽然它因主题而异,但您可以轻松地从博客文件夹中创建一个 .md(包含内容的文件 - 类似于 .html*)文件。例如,您想创建一个关于页面。在包含您的 hugo 文件的根文件夹中,创建一个目录 root/content/blog。将永久链接添加到您的配置文件中,告诉主题将 /root/content/blog 文件夹中存在的文件分类为博客文件。在 root/content 文件夹中创建诸如 about.md 和 contact.md 之类的页面。它们不会显示在博客列表中,但是会通过 siteurl.xyz/about 或 siteurl.xyz/contact 呈现和访问。

    *我说 .md 文件类似于 .html 文件,因为 OP 对 web 开发来说似乎是新的。

    编辑:

    Final homepage after adding few posts

    我刚刚下载了问题中提到的主题,在Hugo网站文件夹根目录下打开CMD并运行命令添加了几个.md文件~~ $ hugo new professional.md ~~ 创建各种页面并在其中添加内容,就像我们写文章一样。我完全没有问题地达到了您想要的结果。超级简单!

    【讨论】:

    • Inderdeep:非常感谢您的回答。您能否通过向我展示如何将永久链接添加到我的配置文件来完成它?如果您可以在 Hugo 的 Dimension 主题上尝试您的答案(链接在我的问题中),看看它是否有效。
    • @TJ1,我已经编辑了我的答案。希望这很清楚。如果需要,请随时要求进一步演示。
    • 感谢@rene 提供的信息。虽然我提到我的网站仅供参考,但我已经删除了链接。
    • 我怎样才能“将永久链接添加到您的配置文件中,告诉主题将 /root/content/blog 文件夹中的文件分类为博客文件。”你能通过发布配置文件的内容来告诉我具体的方法吗?
    • 查看您提供的链接,如果我有 40 个页面,您添加的所有页面都显示在主页底部,这会使它变得拥挤且不实用。我不希望他们显示
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2023-01-24
    • 2015-04-18
    • 1970-01-01
    • 1970-01-01
    • 2014-07-20
    • 1970-01-01
    相关资源
    最近更新 更多