自定义咕噜维基的布局



我想通过以下方式自定义咕噜维基的布局:

  1. 将侧边栏向左移动(默认情况下位于右侧(
  2. 使页面正文更宽。现在它占用了屏幕宽度的三分之一左右,文本真的很窄。

我知道我能够在我的存储库中有一个custom.css文件,当我使用--css标志时应该加载该文件。但是,我不知道该在文件中放入什么,并且在咕噜存储库中查看 css 文件并没有证明有帮助。

经过一些调试,我设法找到了一种方法来获得我需要的东西。

  1. 要将侧边栏放在左侧,请将以下内容添加到custom.css

.has-rightbar #wiki-sidebar {
float: left;
}
#wiki-body {
float: right;
clear: right;
}

  1. 要使文本更宽:

.has-sidebar #wiki-body {
width: 77%;
}
#wiki-wrapper {
max-width: 90%;
}
#wiki-sidebar {
width: 17%;
}

最新更新