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

Hugo Stack主题:自定义首页并迁移文章列表至Posts页面

Hugo Stack主题:自定义首页与文章列表迁移方案

1. 迁移文章列表至Posts子页面

  • 在content目录下新建posts文件夹,在其中创建_index.md文件,写入以下内容:
---
title: "文章列表"
layout: "list"
# 可选:添加菜单配置,让Posts出现在导航栏
menu:
  main:
    name: "Posts"
    weight: 2
---

这个页面会自动使用Stack主题的文章列表布局,访问路径为example.org/posts/,替代原首页的文章展示功能。

2. 将自定义页面设为网站首页

  • 编辑content根目录下的_index.md文件,修改其布局为page并写入自定义着陆页内容:
---
title: "我的网站首页"
layout: "page"
# 可选:保留首页在导航栏的配置
menu:
  main:
    name: "首页"
    weight: 1
---
这里是你的自定义着陆页内容,支持Markdown语法,比如:
- 欢迎访问我的网站
- 这是我的个人简介

修改后,访问example.org会直接显示这个自定义页面,无需任何跳转。

关键说明

Stack主题的首页逻辑由content/_index.md的layout字段控制:

  • 默认layout: "list"时,首页显示文章列表;
  • 改为layout: "page"后,首页会渲染成普通页面,使用你编写的自定义内容。
    无需修改主题的layouts目录文件,通过配置内容文件即可实现需求。

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

相关产品推荐
方舟 Agent Plan

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

最近更新时间:2026.06.18 03:33:19