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

如何将Jekyll默认Minima主题首页改为静态页面并迁移博客至/blog/

解决方法:将静态页设为Jekyll Minima首页,博客迁移至/blog/路径

没问题,我帮你一步步搞定这个需求,用Minima主题操作起来其实很简单:

1. 把静态页(比如about.md)设为首页

有两种便捷方式可选:

  • 方式一:复制并重命名静态页
    直接复制你的about.md,将副本重命名为index.md。打开新的index.md,确保它的front matter里layout设置为page(Minima的默认页面布局),示例如下:

    ---
    layout: page
    title: About
    permalink: /
    ---
    

    这样访问网站根目录时,就会直接展示about页的内容。

  • 方式二:修改原静态页的permalink
    如果你不想复制文件,直接编辑about.md的front matter,把permalink设为根路径:

    ---
    layout: page
    title: About
    permalink: /
    ---
    

    这样原about页就会成为首页,但原来的/about/访问路径会失效。如果需要保留该入口,建议选择第一种复制文件的方式。

2. 将博客文章迁移至/blog/路径

这一步需要调整配置并创建博客列表页:

  • 修改_config.yml的文章链接规则
    打开_config.yml,找到permalink配置项,替换成以下任意一种格式(按需选择):

    # 带日期的博客链接,示例:/blog/2024/05/20/my-post/
    permalink: /blog/:year/:month/:day/:title/
    
    # 简洁版链接,示例:/blog/my-post/
    permalink: /blog/:title/
    

    这样所有新发布的文章都会自动生成/blog/开头的链接,未手动设置permalink的旧文章链接也会同步更新。

  • 创建博客列表页
    在网站根目录新建blog.md文件(如果用了页面分组,也可以放在_pages文件夹内),添加如下front matter:

    ---
    layout: home
    title: My Blog
    permalink: /blog/
    ---
    

    Minima的home布局默认就是用来展示博客文章列表的,所以这个页面会自动加载所有文章,效果和原来的首页完全一致,只是路径改成了/blog/。

3. 调整导航栏(可选)

如果想让导航栏显示博客入口,打开_config.yml找到header_pages,将blog.md添加进去:

header_pages:
  - about.md
  - blog.md

这样网站顶部导航栏就会出现"Blog"按钮,点击可直接跳转到博客列表页。

完成所有步骤后,重启Jekyll服务(bundle exec jekyll serve)就能看到效果:网站根目录展示静态about页,/blog/路径展示博客文章列表,所有文章链接均以/blog/开头。

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

相关产品推荐
方舟 Agent Plan

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

最近更新时间:2026.05.26 08:51:35