JekyllにカスタムCSSを追加する
Aug 24 2020
Jekyllは初めてで、カスタムhtmlとcssを順番に使用してサイトを作成しています。Jekyllはデフォルトで最小テーマをダウンロードするので、次のhtmlでホームページを上書きしました。
<!DOCTYPE html>
<html>
<head>
<title>testsite</title>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
</head>
<body>
all my html
<script>
$.ajax(an ajax call);
</script>
</body>
</html>
カスタムスタイルシートを追加しようとしていますが、テーマ内で正しくリンクできません。オンラインで確認しましたが、フォルダ構造が間違っているようです。
これが現在の構造です。
--layouts
-home.html
--posts
--site
--assets
-main.css
-main.css.map
--jekyll
--update
--privacy
-index.html
--jekyll-cache
-config.yml
-Gemfile
-Gemfile.lock
-index.markdown
私の質問は、ライブ時にすべてのページで機能するスタイルシートを追加する簡単な方法はありますか？通常の方法でスタイルシートをリンクできますが、githubにアップロードすると機能しません。テーマのないビルドから始める方が良いでしょうか？もしそうなら、どうすればgemfileを設定できますか？
ありがとう！
回答
1 JoostS Aug 25 2020 at 13:37
とてもシンプルなアプローチ。大好きです。続行する方法は次のとおりです。
- 設定ファイル/プロジェクトからMinimaを削除します
- ディレクトリを作成する_includes
- _includesのheader.htmlに頭を移動します
- {％include header.html％}を使用して、home.html（およびその他のレイアウト）ファイルのヘッダーを呼び出します。
- header.htmlファイルで新しいCSSをリンクします
テーマ（およびプラグイン）のないJekyllの方がはるかに優れています。もっとお探しですか？https://www.jekyllcodex.org