css - 自定义 gollum wiki 的布局
问题描述
我想通过以下方式自定义 gollum wiki 的布局:
- 向左移动侧边栏(默认在右侧)
- 使页面的主体更宽。现在它只需要大约三分之一的屏幕宽度,而且文本真的很窄。
我知道我可以在我的仓库中有一个custom.css
文件,当我使用该--css
标志时应该加载该文件。但是,我不知道在文件中放什么,并且查看 gollum repo 中的 css 文件并没有帮助。
解决方案
经过一些调试,我设法找到了一种方法来获得我需要的东西。
- 要将侧边栏放在左侧,请将以下内容添加到
custom.css
:
.has-rightbar #wiki-sidebar {
float: left;
}
#wiki-body {
float: right;
clear: right;
}
- 使文本更宽:
.has-sidebar #wiki-body {
width: 77%;
}
#wiki-wrapper {
max-width: 90%;
}
#wiki-sidebar {
width: 17%;
}
推荐阅读
- reactjs - 自动完成未按预期呈现 Material UI
- azure - 关于 Google Colab 和其他用于大数据项目的云服务
- java - @RestController 和 @GetMapping 在简单的 Hello World 列表中不返回 JSON 数组
- reactjs - 使用上下文隔离时删除 Electron 中的侦听器
- zapier - 从 zapier 执行 zoho page sense 自定义跟踪事件
- python - 股票报价请求中的 alpha-vantage 重复值
- python - SimPy 上的网络模拟
- apache-spark-sql - Spark SQL 根据条件创建布尔列
- python - 如何标准化嵌套的.json?
- azure-machine-learning-studio - 无法在 azure ml 工作区中创建图像