Jekyll/Bootstrapサイトで常にCSSが正しくレンダリングされない

Question

私はJekyll 3.0.1とBootstrap 3でサイトを構築しています。変更を加えたりページを更新したり、特定のものランダムに壊れます。例： 1）私は自分自身のスタイル（ブートストラップファイルを編集していない）でリンクのカラーリングをオーバーライドします。 2）同じページのULを表示するように変更します：インラインブロックで、＃1のカスタムリンクの色が消えます。

明らかにこれらの2つの項目は完全に無関係です。私はHTMLをチェックして再チェックして、何も正しくネストされていないことを確認しました。他の場所でも同じようなことが起こっています（つまり、何かの境界線の色を変更すると、あるdivがレンダリングされなくなります）。私が推測できる唯一のことは、CSSが正しくまたは完全にインポートされていないことですが、わかりません。

私は現在Firefoxに取り組んでいますが、それはまったく役に立ちます。

これはあまりにも言わないと、これは信じられないほどイライラしています。誰もこれのようなことに遭遇し、何か提案がありましたか？

Answer 1

あなたはキャッシングの問題に直面しています。場合によっては、特定のファイルがキャッシュされていると、何らかの奇妙な理由でデフォルトのCSSがロードされます。私はサイトを開発するときにこれに直面しています。私はこれがあなたのための解決であるかどうかは分かりませんが、あなたのCSSリンクにパラメータを追加すると、あなたのCSSがキャッシュされなくなります。

<link rel="stylesheet" type="text/css" href="http://example.com/style.css?r=1"> 

？r = 1を追加すると、キャッシュできなくなります。また、Chromeを使用してキャッシュ自体を無効にし、問題が引き続き発生するかどうかを確認することもできます。

右下の開発ツール（F12またはCtrl-Shift-J）を開く - ギアチェックを無効にするキャッシュ。

あなたのウェブページにアクセスするたびにあなたのCSSをリロードする必要があるかもしれないので、パラメタがあなたの問題を解決するかもしれません。