首页 > 其他分享 >Hugo教程#5遍历页面

Hugo教程#5遍历页面

时间:2022-12-17 10:12:43浏览次数:72  
标签:教程 遍历 创建 Hugo 博客 post 页面

首发于Enaium的个人博客


引言

前面几期视频学习了一些布局和模板语法,其实Hugo的最终用法就是来写个人博客,需要遍历出所有的博客来呈现在网站的主页,Markdown文件都会创建一个页面,所以只需要把每个页面的地址遍历出来就行了

创建页面

首先在content/post创建多个页面,以此类推创建4个页面

# Post1

布局

因为要使用模板语法来遍历出这些页面,所以这里选择修改主页布局,使用with将当前目录改为/post,接着使用range来遍历.Pages,Title就是每个页面的标题,Permalink就是路径

{{ with .Site.GetPage "/post" }}
    {{ range .Pages }}
        <p><a href="{{ .Permalink }}">{{ .Title }}</a></p>
    {{ end }}
{{ end }}

标签:教程,遍历,创建,Hugo,博客,post,页面
From: https://www.cnblogs.com/Enaium/p/16988637.html

相关文章

  • Hugo教程#4基础布局
    首发于Enaium的个人博客引言前几期学习了布局,本期学习一下布局更多的用法,比如partial和block,其中partial可以吧每个布局引用,block可作为布局的扩展布局layouts/_d......
  • Hugo教程#2布局
    首发于Enaium的个人博客引言从本集开始,就开始和布局打交道了,所以我们需要学习Hugo的模板语法,其实也刚开始一步一步来,不需要一次学一堆那如何知道布局的模板是什么......
  • Hugo教程#1配置开发环境
    首发于Enaium的个人博客引言前段时间我把我的博客的生成器从Jekyll换到了Gatsby后来发现并不好用,又想回到Jekyll,最后由于ruby的gem安装老是出错,所以我试了一下Hugo......
  • Hugo教程#3单页面布局
    首发于Enaium的个人博客引言上集我们学习了如何创建一个index的布局,那么是不是所有的页面都要创建一个布局,那肯定不是的,那样的话实在太麻烦,因为只显对应页面的markd......
  • Jupyter notebook入门教程(上)
    本文将分上下两部分简单介绍Jupyternotebook的入门教程,英文原文出处:​​GettingstartedwiththeJupyternotebook(part1)​​Jupyternotebook(又称IPythonnotebook)是......
  • 非常精彩的一篇入侵检测系统 phpids使用教程 写的真好
    IntrusionDetectionForPHPApplicationsWithPHPIDS Version1.0Author:FalkoTimme<ft[at]falkotimme[dot]com>Lastedited06/04/2008This......
  • 【MyBatis】MyBatis入门教程
    一、参考资料​​mybatis–MyBatis3|简介​​​​mybatis-spring官方文档​​​​【狂神说Java】Mybatis最新完整教程IDEA版通俗易懂_哔哩哔哩_bilibili​​​​GitHub......
  • 【UE官方教程】(三)UE纹理
    一.预备知识                                           未完待续.........
  • 电子报纸教程--部署篇
    模板优化侧边栏优化在第二篇的视频中,详解了如何更改侧边栏的链接内容。当时是在所有页面中都覆写了侧边栏信息,这导致了一个维护的问题。即每当新增一期报纸内容时,需要修改以......
  • zabbix安装教程
    更换阿里yun源,防止部分依赖包无法下载#!/bin/sh#yum源进行备份#进入到yum源的配置文件中cd/etc/yum.repos.d;CentOS-Base.repoCentOS-Base.repo.bak#获取阿里的yu......