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

