問題タブ [yaml-front-matter]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
html - yaml-front-matter が index.html に追加された後、Jekyll Mobile ビューが「部分的に」レンダリングされない
問題?
何らかの理由で、ヘッダーの下の最初のセクション (「モバイル フレンドリー」な Web サイト) がモバイル ビューで表示されません。ブランコのままです。
これは CSS のごく一部にすぎないため、明らかな CSS の問題でもありません。
私がやった事?
1) テンプレートを複製し、JEKYLL 静的サイト ジェネレーターを使用して独自のレイアウトを構築しました。
2) このテンプレートには、従来のルート ディレクトリ ( css
+index.html
ファイル) がありました。
3) に{% SEO%}
タグを追加しました<head>
4) ここに記載されている問題が発生しましたなぜ Liquid {%SEO%} タグが head に統合されないのですか? 代わりに本文に表示されます
5) 問題を解決するために yaml-front-matter を追加しましindex.html
たが、ルートディレクトリを jekyll アーキテクチャに変更しました ( _includes
+ _layouts
+ frontmatter ではindex.html
6) css ファイルを 1 つのファイルにまとめます。
7) モバイル ビューがレンダリングされないという問題を発見した後、すべてをクラシックに戻しました。それでも問題は残ります。
最小限
何が起こると思いますか?
yaml-front-matter を追加した後、私のモバイル フレンドリーな Web サイトは完全にレンダリングされます。
Respond.css へのリンク: https://github.com/bomengeduld/debadkamers/blob/master/css/responsive.css
style.css へのリンク: https://github.com/bomengeduld/debadkamers/blob/master/style .css
index.html へのリンク: https://github.com/bomengeduld/debadkamers/blob/master/index.html
Web サイトへのリンク: https://bomengeduld.github.io/debadkamers/