私は css を使用してサイトを構築していましたが、ローカルでもリモートでもすべてが正常に機能していました。それから私はsassに切り替えたいと思いました。jekyll-compass をインストールしたところ、sass ファイルが _site/css フォルダーに css ファイルとして出力されるようになりました。ローカルではすべて正常に動作しますが、それらを Github にプッシュすると、スタイルが適用されず、その css ファイルで 404 が発生します。私は何を間違っていますか?
2 に答える
レンダリングされた SASS ファイルの出力を に設定する代わりに/_site/css
、出力を just /css
(サイトのルート レベル)に設定します。
何が起こっているかというと、ローカルで SASS が正常に動作しており、/_site/
期待どおりにディレクトリに出力されているということです。しかし、GitHub ページ(jekyll-compass gem がサポートされていない) での運用では/_site
、プラグインがそこで実行されていないため、CSS はまったく出力されません。
プッシュして新たに生成すると、GitHub Pages がjekyll build
コマンドを再度実行するため、そこからローカルで動作するかどうかは問題ではありません。/_site/
したがって、サポートされていないもの (つまり、jekyll-compass) は、/_site
フォルダーの製品版にはなりません。
私が提案した回避策は、最終的な CSS を、GitHub ページにプッシュしたときに上書きされるディレクトリに出力する代わりに、ディレクトリの新しいビルドでも保持されるディレクトリに書き込むため、機能し/_site/
ます。
また、Jekyll 2.0 は SASS をサポートし、必要に応じて2.0 alpha gemをローカルで使用することもできます (ただし、正式にリリースされるまで GH ページは 2.0 に更新されません)。
GitHub ページでサポートされているプラグインはほとんどありません。以前は 1 つもありませんでしたが、現在は 3 つになっています。詳細については、このページを参照してください。
SASS をコンパイルし、生成された CSS ファイルをコミットする必要があります。