You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何修改Hugo(R blogdown)博客的主页/落地页?

解决Hugo+blogdown首页跳转与标题栏链接修改问题

一、修改主菜单配置

你已经找对了方向,直接在站点根目录的config.toml(若用yaml/json格式则对应修改)里替换菜单配置:

[[menu.main]]
    name = "Home"
    url = "/about/"
    weight = 1
[[menu.main]]
    name = "About"
    url = "/about/"
    weight = 2

保存后重启blogdown本地服务,主菜单的Home和About就都会指向/about/页面。

二、让根路径"/"自动跳转到"/about/"

有两种简单实现方式:

  • 方法1:用Hugo内置重定向
    在站点content文件夹下新建(或替换原有)_index.md文件,内容如下:
---
title: "Redirecting..."
redirectTo: "/about/"
---

Hugo会自动处理该重定向规则,用户访问网站根目录时会跳转至/about/。

  • 方法2:修改首页模板
    找到当前主题的首页模板(一般在layouts/index.html或layouts/_default/list.html),将模板内容替换为自动跳转的HTML代码:
<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="refresh" content="0; url=/about/">
</head>
<body>
    <p>Redirecting to <a href="/about/">About page</a>...</p>
</body>
</html>

这种方式更直接,无需依赖Hugo的重定向功能。

三、修改标题栏网站名称的跳转链接

找到主题的头部模板(通常在layouts/partials/header.html,部分主题可能是layouts/partials/site-header.html),定位到类似以下的代码:

<a href="{{ .Site.BaseURL }}" class="site-title">{{ .Site.Title }}</a>

把href="{{ .Site.BaseURL }}"修改为href="/about/",保存后点击标题栏网站名称就会跳转到/about/页面。

如果找不到对应模板,可通过blogdown的blogdown::find_layout()函数定位,或直接在主题文件夹内搜索包含.Site.Title的文件。

内容的提问来源于stack exchange,提问作者Lenman55

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.08.14 21:35:26