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

如何修改GitHub博客中Jekyll HydeJack主题的主页及加载位置?

HydeJack 博客主页的加载位置与修改方法

一、主页的加载位置

HydeJack 主题的主页(顶级域名访问/点击博客名称跳转的页面)加载逻辑和文件位置分两种情况:

  • Starter Kit 默认配置:默认主页要么是根目录下的 index.html,要么是 _pages/home.md(部分版本的 Starter Kit 会把主页内容放在这里)。后者的 YAML 头部通常会有 layout: home 或 permalink: / 配置,明确指定它作为首页。
  • 主题内置布局:如果没有自定义首页文件,HydeJack 会调用主题自带的 home 布局,对应的布局文件在 _layouts/home.html。如果是通过 Gem 安装的主题,这个文件在本地 Ruby Gem 目录;如果是 Fork 的 Starter Kit,直接在项目的 _layouts 文件夹下就能找到。

二、修改主页的方法

根据主页的文件类型,对应修改方式如下:

1. 修改 Markdown 格式主页(_pages/home.md)

直接打开该文件编辑 Markdown 内容即可,比如修改自我介绍、添加新板块,或调整 YAML 头部的 title、subtitle 等配置。修改后提交到 GitHub,等待 Pages 构建完成就能生效。

2. 修改静态 HTML 主页(根目录 index.html)

若主页是纯 HTML 文件,直接编辑根目录下的 index.html。注意保留 HydeJack 主题的必要模板标签(比如 {% include head.html %}、{% include header.html %}),确保主题样式和导航正常加载。

3. 自定义主页布局

如果想彻底调整主页结构,可以把主题内置的 _layouts/home.html 复制到自己项目的 _layouts 文件夹(没有就新建),然后修改文件里的 HTML 和 Liquid 代码,比如调整板块顺序、添加新组件,完全控制主页的渲染逻辑。

另外,要是想把博客列表设为主页,只需将主页布局改成 list,或者修改 _config.yml 里的 defaults 配置,指定首页使用 list 布局即可。

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

相关产品推荐
方舟 Agent Plan

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

最近更新时间:2026.06.27 01:12:37