自定义 gollum wiki 的布局

Question

我想通过以下方式自定义 gollum wiki 的布局：

1. 将侧边栏移至左侧（默认位于右侧）
2. 使页面主体更宽。现在它只占屏幕宽度的三分之一左右，而且文本非常窄。

我知道我的存储库中可以有一个

custom.css

文件，当我使用

--css

标志时应该加载该文件。但是，我不知道要在文件中放入什么内容，并且查看 gollum repo 中的 css 文件并没有被证明有帮助。

Answer 1

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

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

   custom.css

   ：

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

#wiki-body {
  float: right;
  clear: right;
}

2. 使文字变宽：

.has-sidebar #wiki-body {
  width: 77%;
}

#wiki-wrapper {
    max-width: 90%;
}

#wiki-sidebar {
  width: 17%;
}

Answer 2

对于未来的读者，将侧边栏移至左侧已作为配置选项实现，无需自定义 CSS。这是功能请求：https://github.com/gollum/gollum/issues/1450#issuecomment-599124384

您需要将以下内容添加到您的

config.rb

：

wiki_options = {sidebar: :left}
Precious::App.set(:wiki_options, wiki_options)

为了进一步定制，仍然需要自定义 css，但现在无需 css 即可简单移动侧边栏。