首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

在Hugo Base模板中,我如何知道正在显示的是哪个页面?

在Hugo Base模板中,你可以通过以下方式知道当前显示的页面:

  1. 使用Hugo内置的.IsHome变量来判断是否为首页。该变量返回一个布尔值,如果当前页面是首页,则为true,否则为false。

示例代码:

代码语言:txt
复制
{{ if .IsHome }}
    <!-- 当前页面是首页 -->
{{ else }}
    <!-- 当前页面不是首页 -->
{{ end }}
  1. 使用Hugo内置的.IsSection变量来判断是否为某个特定的部分(section)。部分是指具有相同目录结构的页面集合,例如博客文章的集合。该变量返回一个布尔值,如果当前页面属于指定的部分,则为true,否则为false。

示例代码:

代码语言:txt
复制
{{ if .IsSection "blog" }}
    <!-- 当前页面属于博客部分 -->
{{ else }}
    <!-- 当前页面不属于博客部分 -->
{{ end }}
  1. 使用Hugo内置的.Title变量来获取当前页面的标题。该变量返回一个字符串,表示当前页面的标题。

示例代码:

代码语言:txt
复制
当前页面的标题是:{{ .Title }}

通过以上方法,你可以根据需要在Hugo Base模板中判断当前显示的页面,并进行相应的操作。请注意,以上示例中的代码片段仅为演示用途,实际使用时需要根据模板的具体结构和需求进行适当的调整。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

利用基于Go LangHugo配合nginx来打造属于自己纯静态博客系统

顾名思义,就是以最快速度生成一个高可用web页面,我们知道Django作为一款非常流行框架被广泛应用,但是部署起来实在太麻烦了,各种命令各种配置,动态页面必然要涉及数据库配置和操作,另外只要涉及数据库操作...,解压之后配置一下环境变量也可以 装完以后,命令行内输入 hugo version 打印出版本号即表示hugo安装成功 命令行输入命令 hugo new site hugo_blog...= "这里刘悦个人博客" #博客主题颜色 themeColor = "theme-base-08" 可以看到我们制定了一个主题hyde,添加了Theme后站点才有血有肉,丰富多彩。...title: "第一篇文章" --- ### 你好啊 123123123 ``` print('hello world') ``` 然后命令行输入 hugo server 来热启动项目...可以看到已经1313端口起了一个hugo服务 访问一下 至此,非常快速而简单博客已经做好了,那么如何部署到线上呢?

60420

如何使用tailwindcss自定义hugo主题

我们可以参考Loveit主题,由于hugo语法{{partial "site-style.html"}}用来引入相关样式配置文件,通常它都存在于layouts目录下header.html文件,...以我举例这个使用tailwindcss做为样式定义package来说明,因为这是对hugo主题进行修改,所以这里就头脑中要有个概念,就是hugo基于golang一套系统,但是你模板引擎内使用语法已经剥离了...golang编程语言,你只要读懂文档使用规范,知道判断咋定义,它全局变量咋定义,知道局部变量输出值用什么符号表达就可以了。...如果你使用过其它模板引擎,比如说比较老牌smarty,比如说django形如{% extends "base_generic.html" %},甚至觉得javamybatis都属于一种模板引擎...当然tailwindcss使用过程还是有很多技巧自己也摸索,有什么新想法再写文章分享。今天这篇有关如何使用tailwindcss自定义hugo主题文章至此分享结束,感谢阅读。

31510

Hugo搭建博客(一)— 基本设置

1 安装Hugo windows和ubuntu下安装过hugo,简要介绍下安装过程,其他方式可以参考官方文档 。...为模板 ▸ content 放你写markdown文章 ▸ layouts 网站模板文件 ▸ static 图片、css、js等资源 ▸ config.toml 网站配置文件 这样就建立了新站点...当初就被这个坑了,的确是需要注意。 3.2 本地和站点图片路径不一致 Typora 编辑文章插入图片能够显示,而发布后网页图片不能正常显示(路径错误)。...或者使用站点根目录(/)引用图片可以正常加载显示,但是无法 Typora 编辑器显示图片。 有以下几种方法解决。...首先需要知道Hugo默认会产生 tags 和 categories 分类,如果只需要这两个,可以不用在 config.toml 声明。

2.9K31

Hugowindows安装教程

使用Hugo创建站点 很开心想要开始创建hugo站点,但是... 提示hugo指令不能用 感觉环境变量配置问题。 首先知道winget把hugo下载在哪里了。 1....设置环境变量 找到“电脑“-”高级系统设置“-”环境变量“-”系统变量“path,向其中添加hugo可执行软件(.exe)路径。 设置环境变量 5....如果没有设置主题就hugo serve,会提示找不到主题模板(一堆关于html报错),启动页面提示“404 not found”。...设置站点主题为PaperMod hugo.toml设置theme字段 设置完主题hugo serve,就可以看到主题模板啦 2.2 新建内容 hugo文章创建,一般content文件夹下。...所谓根目录意思就是,一输入localhost:1313之后,它访问哪个文件夹。 知道这层关系后,你就可以根据content文件夹目录结构去映射localhost:1313链接路径。

40420

使用Hugo搭建静态站点

archetypes/ #包括内容类型,创建新内容时自动生成内容配置 ▸ content/ # 网站内容,全部使用markdown格式 ▸ layouts/ # 网站模板文件,...决定内容如何呈现 ▸ static/ # 图片、css、js 等静态资源 ▸ themes/ # 存放主题 config.toml # 网站主配置文件 源码编译..." --port=80 -t hyde 使用hyde主题,如果使用-t 选择了主题会将当前默认主题覆盖; --buildDrafts参数将生成被标记为草稿页面,是否发布:hugo 会忽略所有通过...,会直接显示浏览器页面上,不需要重新运行hugo server,方便我们进行修改。  ...auto // 2.设置生成ssh key ssh-keygen -t rsa -C "你邮箱" 要求输入存储id_rsa目录,接着输入密码,这个密码可以与github不同,过程确认即可,

1.4K40

如何在Ubuntu上安装和使用Hugo

本教程,我们将介绍如何在Ubuntu服务器上安装和使用Hugo。这将允许我们配置静态站点,创建内容,并在同一服务器上发布或部署到生产位置。...没有服务器同学可以在这里购买,不过个人更推荐您使用免费腾讯云开发者实验室进行试验,学会安装后购买服务器。 安装最新版本Hugo Hugo不在Ubuntu默认存储库。...您可以项目页面上找到更多信息。 启用Hugo Bash自动完成功能 开始使用我们第一个站点之前,我们要做最后一件事生成Hugobash自动完成功能。我们可以通过输入以下内容来执行。...这样,当我们生成新页面时,页面模板将在我们编辑器打开,准备工作。我们还应该设置默认主题。我们将使用一个名为“nofancy”主题开始。...,并呈现将向访问者显示实际HTML页面

6.4K10

个人博客从 Hexo 迁移至 Hugo

", 作为先后使用过 hexo 和 hugo 来说,这确实名副其实。...gohugo 安装 hugo 提供了很多种安装方式,Git, Docker, Binary. 个人电脑使用二进制安装最方便快捷,无需安装其他依赖。...# 配置文章模板,相当于 hexo scaffolds ▸ content/ # 文章页面内容,相当于 hexo source ▸ data/ # 可存放一些 yaml...Git 子模组形式,为了日后快速升级,避免使用 hexo 因大量魔改 next 主题而导致难以升级困扰。...Base 迁移 hexo 所有文章内容 迁移 hexo 所有页面内容 留言页面 网友打赏支持页面,整合到留言页面 重写关于页面,一切从简 友情链接页面 重写 404 页面 站点时间和不蒜子计数改到

80710

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

Valine评论功能无法使用 LoveIt主题评论功能默认情况下无法本地使用,除非修改模板渲染文件,或者启动本地服务时添加参数,如下: 1 hugo server -e production...important; } lightgallery启用时,第二次加载页面时图片会变小 该issue可见于lightgallery启用时,图片会显示得很小,设计如此还是bug#311 这是lazysizes...: 100%; } 如果觉得100%太大可以改成别的比例,width: 50%;。...无法直接自定义JavaScript LoveIt主题没有直接提供自定义JavaScript文件,只能通过修改页面模板文件来引入自定义JavaScript文件,具体做法可以参考Hugo系列(3) -...网站配置了keywords没有生效 https://seo.chinaz.com 里查询站点时发现页面TDK信息里关键词(KeyWords)为空,然而站点配置文件里有配置,如下: 1 2 #

1.5K20

Hugo .GitInfo 替代方案

前言 今天有人问我博客页脚 footer 里 git hash 怎么显示,就是页面底部里 69d6ffe 这一串数字。 他遇到了跟我一样坑,.GitInfo 不能正确显示。...模板引用 {{ .GitInfo.Hash }}(footer.html)这样变量时就不会显示。...如果去掉 --depth=1 从而进行完整克隆时,构建文章页面,虽然会显示 {{ .GitInfo.Hash }},但显示不是最新 Commit hash。...变通方案 除了向官方反馈此问题(可能不一定被采纳),也有另外方法可以实现。用了一个笨方法。符合理念,先能干活,再谈优化。希望有更好方法朋友可以教教我。...footer.html 需要显示 GitHash 位置引用这模板: {{ partial "githash.html" . }} 构建 Hugo 前(本地或在 CI/CD ),先运行一次这个脚本再构建

1.8K20

搭建个人博客

最后,从 Hugo 和 Hexo 之间,选择了 Hexo,虽然 Hugo Windows 上使用起来更方便,但是还是觉得 Hexo 更适合。...利用 Hexo 坑 环境配置好之后,最好更新一下模板,把一些常用内容写到 Hexo 模板里,这样在后续使用,可以快速增加标签、分类和简介等内容。...Hugo 由 Go 语言实现一个 Static Site Generator 工具,特点就是快,而且默认支持 Org mode 这种文本。...ox-hugo 配置 使用 ox-hugo 主要需要配置两个内容,一将 ox-hugo 增加到配置,然后 启动 org-capture 时候,增加一个新选项,可以将自动新增一篇文章。...(function org-hugo-new-subtree-post-capture-template)))) 在这里,将所有的文章写到对应一个文件,然后将文件所有内容生成到对应 hugo

1.1K20

从Hexo迁移到Hugo-送漂亮Hugo Theme主题

比如: 不支持最近文章,现在Hexomaupassant主题支持。 分类不支持文章数量显示。 不支持标签云 RSS支持,但是不能自动被发现。...完善Hugomaupassant主题 既然很多功能都不支持,而且又想迁移到Hugo(可以利用go语言知识,NodeJS不太熟),所以就自定动手参照着原来博客功能模板进行完善。...新Hugo maupassant 主题主要有以下特性支持 最近发表文章支持,显示最近10篇 分类支持,并且可以显示分类内文章数量 标签云支持 一键回到页面顶部 RSS支持,并且可以自动发现RSS...Hugo系统也想这么做,但是Hugopermalink不能配置html后缀,即可你配置了,也只会生成如下URL/year/month/day/title.html/还是一个目录,无法以...查了很多文档,鱼和熊掌不可兼得(有知道朋友一定要告诉,多谢)。

2.1K10

玩转开源 |Hugo 使用实践

在上一篇博文中已经介绍了 Hugo 基本搭建步骤,那如何使用 Hugo 搭建符合自己需求主题页面?不妨还是以 Hugo-book主题作为 基础,一起探索如何将它塑造成我们需要网页。...示例涉及到 Hugo模板语法,受限于本文篇幅与重点暂且不详细说明了,后续有机会再另行解读。...当然也需要值得注意多列布局插入图片可能会导致文档不同设备上效果难以控制,特别是响应式布局。...如果要考虑不同设备上显示差异,建议需要避免多列布局中直接插入图片;图片大小和比例可能会影响布局整体效果,特别是移动设备上,可能会出现显示不完整或者排版混乱情况。...相关文献 Hugo Book Demo站 Hugo Book 主题说明 Hugo 主题站 Hugo 多语言说明 RFC5646 标准文档 正在参与2023腾讯技术创作特训营第三期有奖征文,组队打卡瓜分大奖

54921

Hugo 跨版本升级

但是这个站点,因为自定义了“年月日”格式归档,以及使用老版本模板查找逻辑,生成页面链接也不完全兼容,所以直接升级不行。...官方直接提供压缩能力,是否足够替换 Pipeline 定制压缩服务? 页面模板查找逻辑、模板语法、站点配置文件变更,现有模板无法直接使用。...所有页面的真实处理逻辑放置 layouts/partials/pages ,可以最大限度保障页面主题兼容性,比如这次,就只是修改了入口页面的位置,而页面处理逻辑没有大动。...新版本 Hugo 针对 config.toml 也有升级策略,直接执行 hugo ,配置文件问题,它会进行报错提示,并示例你如何更改,比如这样: @@ -61,30 +61,13 @@ [mediaTypes...举个例子,原本有一个标签叫做 : Linux/Mac ,旧版本 Hugo 输出结果这样: /public/tags/linux/mac/index.html 但是新版本变成了这样: /public

92410

Hugo系列(3.0) - LoveIt主题美化与博客功能增强 · 第一章

只需要把想修改主题模板文件拷贝到根目录下同样目录并进行修改,这样就可以不改动原本主题文件情况下实现主题美化。...这是个人站点_custom.scss文件,有兴趣可以看看。 注意!!! 这里有个很关键点,只有使用扩展版本Hugo,才能令_custom.scss文件生效!!!...此外,本文会涉及多个文件修改,包括hmtl、js、scss等文件类型,且由于引入了中文字符,可能导致页面显示乱码,这是因为文件编码使用ANSI,需要改为UTF-8编码。...[avatar.jpg]({{}}/images/avatar.jpg) 模板文件中使用 layouts目录下有很多html文件,这些用来渲染站点模板文件...如何添加自定义页面 除了发布草稿和正文,我们还可以添加自定义页面page。page不会像文章那样被渲染,而是被渲染成一个单独页面,类似于你文档、标签页面

2.3K21

常常因为不会写主题而感到和你们格格不入

---- 改了好几天,翻遍了 Hugo Jekyll Hexo 模板仓库,又翻完了 Typecho 主题站。 感觉没啥好看又开始翻友链,翻了得有个两三天,最后缝合了一个单栏模板。 单栏?...其实本来打算改一个类似用 妹Blog 时候魔改 Greenray 模板,不过已经删库跑路了也不知道之前到底改了什么。...这截图小一点还好,实际上屏幕大了右边内容会被拉得很长,可能对阅读不是很友好。 于是打算继续单栏。 希望能减少使用颜色避免页面看起来太花,影响阅读。 尽量不用使用图片,尤其大且花背景图片。...然后 base,里面有关于全局字体之类定义,要是想用自己字体还得额外写一行 CSS,不太行。 所以删了 @tailwind base;,自己复制了一份来写。...如果首次加载文章页内则会将评论样式也缝合到文章排版样式文件里,全部加起来为 5 kB。 后记 本来还有折腾字体,但是失败了。 最近友人锐评文章里说话风格太正经严肃,一眼公文。

23310

打造个人IP: 开源项目网站构建框架

前言 您是否正在寻找有关如何创建博客网站: 个人博客 或者 开源项目官网 : Dubbo, Vue.js构建框架? 在这篇文章将向您展示如何创建一个美观并且实用开源博客/开源项目官网构建框架!...知道大多数人认为创建一个博客令人生畏,很多人都难以踏出疑似泰山,实则简单第一步。这个免费指南关于初学者博客,并将教你如何成为一个博主只有最基本计算机技能。...因此,无论您是8岁还是88岁,都可以不到20分钟时间内创建自己博客。 并不羞于承认,当我第一次学习如何建立一个博客时,犯了很多错误。...您可以从近一年来经验受益,这样您在构建自己博文就会得到加速。创建了这个免费指南,以便任何人都可以快速轻松地学习如何博客。如果您在任何时候遇到困难,请给我发消息,我会尽力帮助您!...支持无限制内容类型,分类,菜单,动态API驱动内容等等,所有内容都没有插件。支持Markdown和完整i18n支持,Hugo附带预先制作模板,可以快速完成SEO,评论,分析和其他功能。

1.5K40

hugo博客搭建之旅

文件自动生成部分 │ ├─content #存放网页内容目录 ├─data #存放数据文件,一般json文件,hugo提供相关命令可从data读取数据,渲染到html页面,实 │...现业务数据与模板分离 │ ├─layouts #存放自定义模板文件,hugo优先使用此目录下模板,未发现再去themes同目录下查找 ├─public #编译生成静态文件存放目录 ├─static...#存放静态文件,如css,js,img等文件目录,hugo直接复制到public目录下,不会做渲染 └─themes #存放网站主题,可存多个主题,config.toml全局文件配置指定,也可在执行渲染加参...subtitle = "这是全新 Hugo FixIt 网站" # 是否为副标题显示打字机动画 typeit = true # 是否显示社交账号 social...Markdown 文档链接 linkToMarkdown = true # 是否 RSS 显示全文内容 rssFullText = false # 页面样式 [

61620

当红炸子鸡traefik,配合nginx,完成hugo博客高效部署,如何做到?

当红炸子鸡traefik,配合nginx,完成hugo博客高效部署,如何做到? 今天通过使用traefik加上nginx这两种技术,部署了现在使用这个博客。...部署hugo时候,特别是单独以hugo就来做nginx事情时候,记得要把自动重载给禁了,当然本地开发倒没太大关系。...这里还要注意,这里都是针对内容,也就是你创建于根目录下content东西,如果你改了模板,用hugo new widget创建了小组件,用hugo new section创建了展示区块,你都要重新编译整个应用程序...而kubesphere每一步操作完成之后,会有对应.yaml文件生成,你对应自己操作,再看这个文件,基本就知道哪个声明做什么了。...但是进步总有成本,你容器概念没出现前,看怎么编译安装环境,解决编码问题,解决版本问题成本,现在容器时代了,你要懂什么容器,你要知道怎么操作容器,你要对容器使用融会贯通甚至能举一返三,随手撸出一个名噪一时中间件这也是成本

27710

Hugo 建站经验之谈

| | ├── news.html // 新增资讯类型 news 渲染时使用模板页面 - 媒体新闻页面 ......Hugo 期望形式来进行,这样会让你不论实现,还是阅读 Hugo 文档时候,事半功倍,易于理解。...纯静态站点 Hugo 打包构建后输出一个纯静态资源包,这样地好处就是你可以将你站点部署在任何地方,比如使用 GitHub 免费 Pages,又或者随便放在 oss 源,没有维护服务器,数据库烦恼...纯静态资源部署很便捷,以 Hugo 为例,他路由适合文件目录相关,我们站点有中英文两个语言版本,开发时都放在一个项目中进行维护共享模板构建部署时,会根据语言打成不同资源包,分别发到不同国内外...作者有话说:Hi, Jerry,图数据 Nebula Graph 前端工程师,在前端平台工具开发及工程化方面有些小心得,希望写经验分享能给大家带来帮助,如有不当之处也希望能帮忙纠正,谢谢~

98150
领券