twitter-bootstrap - 鹈鹕静态站点生成器更改字体大小

Question

任何人都可以给我一个关于如何使用 CSS 为 Pelican 站点更改字体大小的提示。我使用 pelican-bootstrap3 主题。

我不想分叉和修改主题。我想使用 custom.css 功能更改大小。

感谢您的帮助

Answer 1

查看github上的 pelican-bootstrap-3 帮助页面。

您可以做一个如下所示的 custom.css 文件：

html {
   font-size:150%
}

诀窍是将你的 custom.css 文件放在你的内容文件夹中，并告诉 pelican 它在哪里，然后它应该放在你的输出中的哪里。您还必须告诉 pelican-bootstrap-3 主题该文件在哪里，它会将其添加到渲染输出的标题中。

首先，通常你会在你的内容文件夹中创建一个名为 extras 的文件夹，并将你的 custom.css 文件放在那里。这是 github 页面上的路径符号出现的地方：

extras/custom.css

您现在必须编辑您的pelicanconf.py文件以告诉 pelican 该文件的位置，并将此信息提供给 pelican-bootstrap-3。将此添加到您的：

# tell pelican where your custom.css file is in your content folder
STATIC_PATHS = ['extras/custom.css']

# tell pelican where it should copy that file to in your output folder
EXTRA_PATH_METADATA = {
'extras/custom.css': {'path': 'static/custom.css'}
}

# tell the pelican-bootstrap-3 theme where to find the custom.css file in your output folder
CUSTOM_CSS = 'static/custom.css'