twitter-bootstrap - Pelican 静的サイト ジェネレーターのフォントサイズ変更

Question

Pelican サイトの CSS を使用してフォントサイズを変更する方法について、誰でもヒントを得ることができます。私は pelican-bootstrap3 テーマを使用しています。

テーマをフォークして変更したくありません。custom.css機能でサイズを変更したいです。

助けてくれてありがとうマティアス

Answer 1

githubの pelican-bootstrap-3 ヘルプ ページを確認してください。

できることは、次のような custom.css ファイルを作成することです。

html {
   font-size:150%
}

秘訣は、custom.css ファイルをコンテンツ フォルダーに配置し、それがどこにあるかをペリカンに伝え、出力のどこに配置するかを伝えることです。また、pelican-bootstrap-3 テーマにこのファイルの場所を伝える必要があります。これにより、レンダリングされた出力のヘッダーに追加されます。

まず、通常、コンテンツ フォルダーに extras というフォルダーを作成し、そこに custom.css ファイルを配置します。これは、github ページのパス表記の出番です。

extras/custom.css

ここで、ファイルを編集してpelicanconf.py、このファイルの場所をペリカンに伝え、この情報をペリカン-ブートストラップ-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'