Hugo -在单个模板的上下文中从列表模板的上下文访问.Pages

Hugo是一个流行的静态网站生成器，它使用Go语言编写。它的主要目标是提供一个简单、快速和灵活的方式来构建静态网站。

在Hugo中，.Pages是一个内置的变量，它允许在单个模板的上下文中从列表模板的上下文访问.Pages。.Pages是一个Page类型的切片，它包含了当前列表模板上下文中的所有页面。

通过使用.Pages，可以在列表模板中访问和操作当前上下文中的其他页面。这对于创建导航菜单、相关文章列表、标签云等功能非常有用。

以下是一些使用.Pages的常见场景和示例：

导航菜单：可以使用.Pages来构建网站的导航菜单。通过遍历.Pages并访问每个页面的标题和URL，可以动态地生成导航链接。
相关文章列表：可以使用.Pages来查找和显示与当前页面相关的其他文章。通过比较当前页面的标签或分类与其他页面的标签或分类，可以筛选出相关的文章。
标签云：可以使用.Pages来生成标签云。通过遍历.Pages并访问每个页面的标签，可以统计每个标签的出现次数，并生成相应的标签云。

腾讯云提供了一系列与静态网站托管相关的产品和服务，可以帮助您更好地使用Hugo构建和部署静态网站。其中，腾讯云对象存储（COS）可以用来存储静态网站的文件，腾讯云内容分发网络（CDN）可以加速静态网站的访问，腾讯云域名服务（DNSPod）可以管理网站的域名解析。

更多关于腾讯云相关产品和服务的信息，请访问腾讯云官方网站：https://cloud.tencent.com/

相关·内容

Hugo + Coding 搭建个人博客

下面分别解释下每个都是干嘛的： archetypes：原型（创建新内容时使用的模板）； assets：存储 Hugo Pipes 需要处理的所有文件。...设置最少的项目且不需要环境意识的项目可以config.toml在其根目录使用单个文件； content：网站的所有内容都将位于此目录中； data：存储生成网站时 Hugo 可以使用的配置文件； layouts...模板包括列表页面，主页，分类模板，partials，单页模板等； static：存储所有静态内容：图像，CSS，JavaScript 等； resources：缓存一些文件以加快生成速度； themes...创建 HugoDemo 项目，获取到 git 地址，准备提交将要部署的页面文件。 1. 准备生成要部署的静态网站 Coding 中获取访问地址： ?...account CODING 在线支持 HOW TO SETUP TIMER HUGO About Hugo Host on GitLab 使用 hugo 在 github pages 搭建博客手把手教你通过

1.2K3 1

Django分页功能改造，一比一还原百度搜索的分页效果

Django设计分页在Django里面可以定义一个标签函数来做分页，这个标签函数的主要目的就是输出要显示的页码列表，然后定义一个分页模板来渲染html页面即可。...context参数是一个上下文对象，包含了模板渲染时的环境变量和变量值。max_length参数是可选的，用于指定最多显示的页面按钮数量，默认值是10。...由于我的所有使用到分页功能的地方都是使用的内置的列表视图类，所以上下文中都是包含分页对象paginator还有当前页对象page_obj的，所以可以直接从context上下文中拿到，然后就是输出一个显示页的可迭代对象...page_range添加到上下文中，以便在模板里面循环迭代。...分页模板经过标签函数我们可以得到要显示的页码列表，同时上下文也是直接继承的，这时候可以定义一个分页模板。

3132 0

Hugo系列(1) - 简单搭建教程与远程部署

下面简单介绍下Hugo根目录下的各个文件目录的作用： archetypes存放创建文件时使用的模板，可以自定义front matter属性。...建议用YAML格式来定义，这样从Hexo迁移到Hugo的成本会更低。下面是官方文档提供的3种不同格式的front matter的样例，有兴趣的可以了解下。...服务输入命令： 1 hugo server -D 在本地启动服务后可以在 http://localhost:1313/ 访问个人站点。...远程部署到Pages服务 Hugo和Hexo一样是静态站点生成工具，不需要服务器即可进行部署运行，为了可以在网络上也访问到我们的博客，需要将静态博客部署到某些网站的pages服务上，借用人家的服务器进行托管...这样，当有人访问静态站点的主页时，Pages服务就会去读取根目录下的index.html。本文以部署到GitHub Pages为例。

1.8K3 0

14 张图详解构建全自动化 Helm 打包测试发布 CICD 流程

在本文中，您将学习如何创建 Helm chart 并将其发布到公共存储库中。我们将为基于 Spring Boot REST 的应用程序准备一个 Helm Chart 作为练习。...为此，只需在存储库根目录中执行以下命令。将看到从示例模板创建的 YAML 清单。...然后，应该将这个标记放入 CircleCI 上下文中。您可以为上下文选择任何名称，但环境变量的名称必须是CR_TOKEN，Chart Releaser 需要该名称。我的上下文的名称是GitHub....让我们看看 GitHub 发布的列表。如您所见，该0.3.5版本已经发布。如何访问 Helm 存储库。为了检查它，请转到存储库Settings > Pages。...然后你只需要选择你的 repo 的名称并输入正确的地址。现在，我们可以在包列表中找到我们的spring-boot-api-app Chart。可以看到它的细节。

2.2K5 0

Hugo系列(4) - 从Hexo迁移至Hugo以及使用LoveIt主题的踩坑记录

前言本文主要记录从Hexo迁移至Hugo所遇到的一些坑，以及Hugo的LoveIt主题的一些bug之类的应对方案。...Valine评论功能无法使用 LoveIt主题的评论功能默认情况下是无法在本地使用的，除非修改模板渲染文件，或者启动本地服务时添加参数，如下： 1 hugo server -e production...Console报错找不到site.webmanifest 该文件和Progressive web applications (PWA) 有关，通过添加PWA到Hugo站点，可以实现离线访问的功能，也就是说断网状态下依然可以访问到你之前访问过的网页...远程部署到GitHub Pages后build失败在本地调试没问题，部署到Coding Pages也没问题，偏偏部署到GitHub Pages 就一直build失败，并一直发送邮件，可以从邮件里看到报错的原因...文中内容可能已过时，请谨慎使用。

1.5K2 0

Hugo 建站经验之谈

国际化支持，Nebula 注重国内外开发者的访问体验 Hugo 能渐进地拓展支持多国语言，只要你有对应的语料配置，就能迅速支撑需求并方便管理。...内置丰富工具集除了强大的内容管理系统外，Hugo 还有很多很好用的内置模板及工具函数，满足不同需求情况下提升搭建效率，抽象实现细节，更专注于站点的搭建，诸如：资源类型列表的分页模板 - Pagination...这个针对只有列表页的需求，比如博客，发版历史，新闻类等，好用的分页模板，轻松的就帮你完成了。...Hugo 期望的形式来进行，这样会让你不论是实现，还是在阅读 Hugo 文档的时候，事半功倍，易于理解。...纯静态资源部署很便捷，以 Hugo 为例，他的路由适合文件目录相关的，我们的站点有中英文两个语言版本，开发时都放在一个项目中进行维护共享模板，在构建部署时，会根据语言打成不同的资源包，分别发到不同的国内外

9815 0

hugo博客搭建之旅

我的这个网站托管在GitHub pages(https://charlie-king.github.io)和vercel(https://kingpo.vercel.app)上，虽然服务器都在国外，但完全免费...下载安装方式1：从GitHub下载源码，自行编译成二进制文件，需要先安装go运行环境。...方式2：从GitHub 直接直接下载编译好的二进制文件.exe 这里用的是扩展版 hugo_extended_0.101.0 配置环境变量下载好后，解压到某个文件夹里，复制到bin层路径，添加到电脑的环境变量里...现业务数据与模板分离 │ ├─layouts #存放自定义的模板文件，hugo优先使用此目录下模板，未发现再去themes同目录下查找 ├─public #编译生成的静态文件存放目录 ├─static...hugo server 在浏览器里，输入：localhost:1313 就可以访问了。不过这时候网站还是空的，hugo初始生成的网站默认不带样式，我们需要选个主题安装。

8272 0

使用 Github Pages 和 Hugo 搭建个人博客教程

Github Pages；最后，则是没有 CDN 加速，如果访问者众多或者网站图片众多，加载速度很慢。...从个人角度来说，技术写作是树立个人技术影响力，提升自我价值的最快路径，没有之一；从公司角度，坚持长线的写作，对于公司的技术品牌，技术文化，有着巨大的推动作用；从更高的维度来说，技术写作也是提升整个社会技术水平...demosite # 命令格式，hugo new site 下载一个 hugo 主题 hugo 主题可以理解为是一种网站样式，你可以在该页面选择自己心仪的 hugo 主题。...我当前使用的是 LoveIt 这个主题，集成了很多插件，很好用很方便的一个中文博客模板。...GitHub Pages 可以识别指定分支根目录或者/docs 目录下的静态站点，具体可以在个人站点的 setting 中配置。

7.2K5 0

Hugo 跨版本升级

构建速度随着内容增多变慢去年十月，在网站架构简化之后，我的完整发布编译时间从 1分钟进入了 40s 的阶段，但是随着内容的膨胀、编译时间越来越慢了，可以看到不少发布时间变长。...mv feed/index.html feed/index.xml 更好的Hugo页面压缩能力在使用 Hugo 版本和之前的压缩模式进行对比，发现 Hugo 压缩确实效率高不少，添加压缩参数 --minify...所有页面的真实处理逻辑放置在 layouts/partials/pages 中，可以最大限度保障页面主题的兼容性，比如这次，我就只是修改了入口页面的位置，而页面处理逻辑没有大动。...举个例子，我原本有一个标签叫做： Linux/Mac ，在旧版本的 Hugo 中的输出结果是这样： /public/tags/linux/mac/index.html 但是在新版本变成了这样： /public.../tags/linux-mac/index.html 因为我禁用了 RSS ，暂时不提供标签的订阅，文章内直接引用标签目前也比较少，访问地址变了就变了，但是模板中如果直接使用老版本的语法，标签地址生成的还是老样子

9241 0

【Web架构】静态站点生成器概述 Gatsby ,Hugo 和Jekyll对比

在本文中，您将看到三种最好的静态站点生成器的比较，它们的优点、缺点以及您应该使用它们的原因。网站统治着网络，无论是静态的还是动态的。虽然现在很多网站都是动态的，但是静态的仍然很受欢迎。...事实上，静态网站的使用在增加。在本文中，您将看到三种最好的静态站点生成器的比较，它们的优点、缺点以及您应该使用它们的原因。静态站点生成器使构建静态站点轻而易举。...毫无疑问，Hugo是最快的静态网站生成器可用，它产生网站在毫秒和不可战胜。 Hugo还使用了基于Go模板的模板，并附带了一个轻量级HTTP服务器——您可以将其视为一个完整的包。...变身怪医（Jekyll） Jekyll由Tom Preston-Werner在2009年发布，是这个列表中最老的静态站点生成器。 Jekyll是用Ruby编写的，全世界都在使用。...在本文中，您已经看到了三种最好的静态站点生成器。您应该能够更好地决定下一个静态站点项目使用哪种工具。有什么问题吗?你认为还有什么静态网站生成器可以与这三种匹敌?你可以在评论区分享你的想法。

2.9K2 0

hugo博客github action部署后文章更新时间异常修复

警告本文最后更新于 2022-08-14，文中内容可能已过时。困扰的问题 hugo博客搭建好后，陆陆续续发现一些问题。大都成功进行了处理。其中一个最头大的问题就是：文章更新时间异常。...hugo全局配置文件为config.toml/yaml/json 在hugo中日期（时间）是非常重要的字段，hugo的官方配置文档configuration(https://gohugo.io/getting-started...这里说明一下，=左边的是变量，右边中括号的是变量值，需要在对应模板里添加后才生效。...我的博客就是以此配置为准，本地运行时，更新时间显示正常。如果要加”lastmod“字段，在创建文章模板里添加以下一行。添加”lastmod"，有个好处就是可自由修改这个字段的时间。...hugo默认位置为archetypes/default.md或者主题下目录下xx主题/archetypes/posts.md，主题目录下如果有增加模板，创建时会以主题目录下的模板来创建。

2582 0

Hugo + GitHub Pages 搭建自己的网站

"hermit"' >> config.toml 测试下是否成功，运行： $ hugo serve 打开浏览器访问：http://localhost:1313/，看到如下内容： ?...增加列表页在 content/posts 目录下新增一个文件：_index.md，内容如下： --- title: "文章列表" --- 这时（hugo serve 会自动编译）点击 Posts，页面如下...，在 Hugo 中叫做 Front Matter。...1）方法一上面 Hugo 项目的代码直接推送到 GitHub Pages 这个仓库中，在通过 Hugo 生成静态页面时，指定目标目录为 docs： $ hugo -d docs 这样 docs 下面的内容就是静态页面...因此每次在 Hugo 站点项目写完文章后，需要生成静态内容，拷贝到 GitHub Pages 仓库，提交代码等。把这些步骤写成一个脚本，瞬间变简单了。 #!

1.3K3 0

使用statcount做静态网站全平台访问统计

警告本文最后更新于 2022-10-28，文中内容可能已过时。...前言 hugo静态博客搭建后，我用的是FixIt主题，网站的访问统计采用不蒜子的统计方案，可以在底部开启访客数量和页面访问量，使用很方便。但是存在三个问题：不蒜子时好时坏，经常间歇性不正常。...尤其在文章页面访问量显示。无法查看所有访问统计明细，每天每月的访问量等。基于github pages多平台部署的站点访问量是分开统计的，不能合并显示。...并且对于我基于github pages页面多平台部署的站点访问量是累计的，这点非常符合我的需求。...我这个博客是通过上传github，触发github action自动部署到github pages，其余cloudflare，render，vercel，netlify都是从github pages同步过去

5421 0

Golang 语言 Web 框架 beego v2 之模板

} // nil 也被支持模板中的 pipeline 可以是上下文的变量输出，也可以是函数通过管道传递的返回值 {{. | FuncA | FuncB | FuncC}} 当 pipeline 的值...= pages 使用「.Num」输出子元素的 Num 属性，使用「$.」引用模板中的根级上下文 {{range .Pages}} {{.Num}} of {{$.Total}} {{end}} 使用创建的变量...{{end}} template {{template "模板名" pipeline}} 将对应的上下文 pipeline 传给模板，才可以在模板中调用 beego 中支持直接载入文件模板...而且开启该功能之后，用户访问目录就会显示该目录下所有的文件列表。...其他的操作，就是在 View 中显示翻页链接和数据列表的问题了。模板处理过程中经常需要分页，那么如何进行有效的开发和操作呢？

1.9K1 1

Hugo搭建博客（一）— 基本设置

1 安装Hugo 我在windows和ubuntu下安装过hugo，简要介绍下我的安装过程，其他方式可以参考官方文档。...为模板 ▸ content 放的是你写的markdown文章 ▸ layouts 网站的模板文件 ▸ static 图片、css、js等资源 ▸ config.toml 网站的配置文件这样就建立了新的站点...如果想要渲染这些页面, 请从元数据中删除属性 draft: true, 或者设置属性 draft: false. 2.5 在本地启动网站 1 hugo server 也可以在启动server时应用主题...用于是否显示草稿文章 * --watch 用于实时监控变化，方便调试访问：http://localhost:1313/ ?...我使用的是Git Page，可以参考我的另一篇文章Hugo+Github Pages搭建博客 3 配置相关问题（常见坑总结） 3.1 图片路径如下面的config.toml文件，截取了部分 1 2 3

2.9K3 1

如何使用Python中Django模板？

我发现将项目的所有模板放到一个单独的目录是很有价值的。在我看来，将模板保存在单个目录中使系统中所有布局和UI位置非常清楚。如果我们在Django中想使用该模式，必须设置DIRS变量包含这个目录。...在渲染的过程中，Django使用上下文数据字典并以它的关键字作为模板中的变量名。由于特殊的双花括号语法，在上下文中模板的后端把{{ name }}替换为字面值“Johnny”。...有了变量、if标签以及for标签，你可以制作一些相当强大的模板，但是除了这些还有更多东西可以发掘。更多关于上下文的内容在整个模板的设置项中，我们没有详细讲解上下文处理器。...我们看看包含在上述列表中request的上下文处理器的实际定义。 ? 这就是定义！因为有上下文处理器，这个request对象可以在你项目的任何模板中当作变量使用。这个功能非常强大。...需要注意的是过滤器用在双花括号中，而不是像使用标签那样的{%语法。一个非常常见的过滤器是date过滤器。当你在上下文中传递Python的时间实例，你可用date过滤器来控制时间的格式。

3.9K3 0

【Kubernetes系列】Pod

Pod是一组（一个或多个）容器；这些容器共享存储、网络、以及怎样运行这些容器的声明。 Pod 中的内容总是并置（colocated）的并且一同调度，在共享的上下文中运行。...Pod 的共享上下文包括一组 Linux 名字空间、控制组（cgroup）和可能一些其他的隔离方面，即用来隔离 Docker 容器的技术。...在 Pod 的上下文中，每个独立的应用可能会进一步实施隔离。就 Docker 概念的术语而言，Pod 类似于共享名字空间和文件系统卷的一组 Docker 容器。...这些位于同一位置的容器可能形成单个内聚的服务单元 —— 一个容器将文件从共享卷提供给公众，而另一个单独的 “边车”（sidecar）容器则刷新或更新这些文件。...容器的特权模式在 Linux 中，Pod 中的任何容器都可以使用容器规约中的 [安全性上下文]中的 privileged（Linux）参数启用特权模式。

5353 0

Python Flask 编程 | 连载 06 - Jinja2 语法

这是我参与「掘金日新计划 · 6 月更文挑战」的第8天，点击查看活动详情一、Jinja2 模板变量 上下文处理器 上下文处理器 context_processor 可以在模板上下文中添加新的内容...object.html 页面中使用上面视图函数中定义的变量，在 body 标签中增加如下内容：通过上下文处理器添加的变量 {{ username }} 保存代码，浏览器访问...模板变量的使用模板引擎渲染页面大概有以下几个步骤：从磁盘中读取 HTML 字符串将满足特定规则的内容进行替换发送给浏览器进行展示在替换内容时字典，元组，列表数据结构在模板中也可以使用 {{ var...列表和元组数据类型的渲染针对 list 和 tuple 类型的数据索引来获取指定位置的元素。在视图函数 render_complex_data 中增加一个存储列表类型的变量，并返回给前端。...：{{ heros[1] }} heros列表中的最后一个值是：{{ heros[-1] }} 保存代码，浏览器访问 /render_complex_data 嵌套数据类型的渲染

8051 0

hugo github action|vecel部署后文章更新时间异常修复

hugo全局配置文件为config.toml/yaml/json 在hugo中日期（时间）是非常重要的字段，hugo的官方配置文档configuration(https://gohugo.io/getting-started...这里说明一下，=左边的是变量，右边中括号的是变量值，需要在对应模板里添加后才生效。...我的博客就是以此配置为准，本地运行时，更新时间显示正常。如果要加”lastmod“字段，在创建文章模板里添加以下一行。添加”lastmod"，有个好处就是可自由修改这个字段的时间。...hugo默认位置为archetypes/default.md或者主题下目录下xx主题/archetypes/posts.md，主题目录下如果有增加模板，创建时会以主题目录下的模板来创建。...问题来了，通过GitHub action 部署后（我的verccel从GitHub直接同步过去），就出现问题了，每次一提交更新，会把所有文章时间都更为最新。

1.6K2 0

django 1.8 官方文档翻译： 3-2-3 TemplateResponse 和 SimpleTemplateResponse

例如，你可能想改变使用的模板，或者添加额外的数据到上下文中。 TemplateResponse 提供了实现这一点的方法。...context 一个dict，包含要添加到模板上下文中的值。它默认是一个空的字典。 Deprecated since version 1.8: context 以前只接受一个Context。...SimpleTemplateResponse.resolve_context(context)[source] 预处理即将用于渲染模板的上下文数据。接受包含上下文数据的一个dict。...context 一个dict，包含要添加到模板上下文中的值。它默认是一个空的字典。 Deprecated since version 1.8: context 以前只接受一个Context。...渲染的过程在TemplateResponse 实例返回给客户端之前，它必须被渲染。渲染的过程采用模板和上下文变量的中间表示形式，并最终将它转换为可以发送给客户端的字节流。

4284 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云