如何修改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
相关产品推荐
相关产品推荐

