まず、くだらないタイトルでごめんなさい。私はflexbox によって解決されたことを発見し、それを localhost に複製しました。それは本当に奇妙な方法で動作し、インデックスにヘッダーがなく、画像が表示されません:
<img class="Feature-image" alt="Better, Simpler Grids" src="{{ '/images/grids.jpg' | absolute }}">
それは本当にばかげた質問ですが、このレポはどのような手法で書かれていますか?
Liquidテンプレート エンジンです。ジキルが使っています。
基本的にRubyインタプリタ用のコードです。
文字列を取り、フィルター'/images/grids.jpg'を適用します。absoluteそのイメージの絶対 URL (本番モードではドメイン名を先頭に追加) を返します。
サイトを表示するには、Ruby と Jekyll をインストールする必要があります。次に実行します。
$ jekyll serve
# => Now browse to http://localhost:4000
または、フォルダー$ jekyll buildからサイトの静的バージョンを実行して監視することもできます。すべてのリンクの先頭に_siteURL を追加することはできますが。_config.yml私はその行動を覚えていません。
http://jekyllrb.com/docs/home/からの引用:
Jekyll は、ブログを意識したシンプルな静的サイト ジェネレーターです。さまざまな形式の未加工のテキスト ファイルを含むテンプレート ディレクトリを取得し、Markdown (または Textile) および Liquid コンバーターを介して実行し、お気に入りの Web サーバーで提供するのに適した、すぐに公開できる完全な静的 Web サイトを吐き出します。Jekyll は GitHub Pages の背後にあるエンジンでもあります。つまり、Jekyll を使用して、GitHub のサーバーからプロジェクトのページ、ブログ、または Web サイトを無料でホストできます。
ember.js のテンプレートについて読んでいるときに、同様の構文を見たことがあります。http://emberjs.com/guides/templates/handlebars-basics/を参照してください 。テンプレートはハンドルバーに基づいています。http://handlebarsjs.com/を参照してください。