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

如何调整Jupyter Book(基于sphinx-book-theme)的内容栏宽度?

调整sphinx-book-theme中间内容栏宽度的方法
  • 第一步:在Jupyter Book项目中创建或找到_static目录,在其中新建custom.css文件(若没有_static目录则手动创建)。
  • 第二步:修改项目根目录的_config.yml,添加自定义CSS的加载配置:
sphinx:
  config:
    html_static_path: ["_static"]
    html_css_files:
      - custom.css
  • 第三步:在custom.css中添加以下样式代码,调整中间内容栏宽度:
/* 核心:修改中间内容栏的最大宽度 */
.bd-content {
    max-width: 90% !important; /* 可按需改为固定值,比如1200px */
}

/* 可选:调整内容区域的左右内边距,适配宽度变化 */
.bd-content .bd-article-container {
    padding-left: 1rem;
    padding-right: 1rem;
}

说明:sphinx-book-theme中承载中间内容的核心容器类是.bd-content,通过修改它的max-width属性即可放宽内容栏宽度,!important用于强制覆盖主题默认样式规则。

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

相关产品推荐
方舟 Agent Plan

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

最近更新时间:2026.08.22 18:34:00