Hugo教程#5遍历页面

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

首发于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 }}
目录
相关文章
|
5月前
|
JavaScript
js 【实用技巧】给全文代码添加一键复制按钮
js 【实用技巧】给全文代码添加一键复制按钮
86 1
文本,vitepress的使用,vitepress的参考文档,自定义主页,从创建package之后的资料,底部命令的创建
文本,vitepress的使用,vitepress的参考文档,自定义主页,从创建package之后的资料,底部命令的创建
|
前端开发 JavaScript 程序员
黑马程序员360搜索例子-2020更新代码
黑马程序员360搜索例子-2020更新代码
|
JavaScript
js基础笔记学习228元素得修改1
js基础笔记学习228元素得修改1
72 0
js基础笔记学习228元素得修改1
|
JavaScript
js基础笔记学习229元素得修改2
js基础笔记学习229元素得修改2
74 0
js基础笔记学习229元素得修改2
Hugo 网站优化(1): 渲染 Markdown 图片引用地址
搭建一个自己的博客系统, 优化图片展示, 让书写更简单
482 0
Hugo 网站优化(1): 渲染 Markdown 图片引用地址
零基础HTML入门教程(21)——无序列表
我们上一小节学习了有序列表,有有序列表那么肯定有无序列表,我们本小结学习一下无序列表并熟练掌握。我们本小节学习了html的无序列表,无序列表没有顺序,他在hrml里面很常用,要熟练使用。所谓无序列表,就是没有顺序的列表,英文单词为“Unordered List”,标签为。
零基础HTML入门教程(21)——无序列表
|
JavaScript 前端开发
WebApi入门第二章(获取操作页面元素)
WebApi入门第二章(获取操作页面元素)
129 0
WebApi入门第二章(获取操作页面元素)
|
SQL 安全 应用服务中间件
笔记-目录遍历
笔记-目录遍历
202 0
笔记-目录遍历
|
测试技术 C语言
【超详解加源代码和测试截图】顺序表的一系列操作合集
动态顺序表建立和初始化, 检查容量和扩容,尾插和尾删,头插和头删.....
107 0