問題タブ [jekyll-extensions]

その日彼女と一緒にいられないので、彼女の誕生日に彼女のためにウェブサイトを作っています。サイトに So-Simple Jekyll テーマを使用していますが、何とか機能せず、ローカル ホストで開かれません。次のエラーがスローされます。

彼女の誕生日まであと数日あるので、もし助けていただけるならお願いします。さらに、誕生日プレゼントの提案も大歓迎です。よろしくお願いします！

Jekyll を使用してレシピ サイトを運営しており、出力静的ページに Microdata ( 、 など)itemscopeを追加したいと考えています。itempropいくつかのリスト (材料、指示など) がありますが、追加された Microdata を追加して Jekyll でこれらをレンダリングする方法がわかりません。

コンバーターやフィルターなどが必要だと思いますが、Jekyll の経験はほとんどありません。誰かが以前に似たようなことをしましたか？

https://github.com/GSI/jekyll_image_encodeを使用して、SVG を CSS にインライン化します。

ただし、base64 エンコーディングのオーバーヘッドが追加されます。SVG 自体をインライン化したいと思います。しかし、そのためには、ファイル内のこのヘッダーを取り除く必要がありfoo.svgます:

そして、SVG コンテンツを URL エンコードする必要があります。

これどうやってするの？

Jekyll を使用して構築された github ページでホストされているサイトがあります。

html-prooferにインストールしたプラグインの 1 つ。imagefillを使用するように画像を切り替えるまで、これは正常に機能していました。

Picturefill を使用することで、現在無効な<picture>タグを使用しています。これにより、デプロイ時に html-proofer が失敗します。

だから私の質問 - どうすれば html-proofer にすべての<picture>タグを無視するように指示できますか?

私のセットアップ：

宝石ファイル:

.travis.yml:

スクリプト/cibuild:

アップデート：

実際に<picture>問題を引き起こしているのは要素ではなく、要素<img>内のタグであることがわかりました。これは、が では<img>なく を持っているためです。srcsrcset

タグに追加data-proofer-ignoreするとimg問題は解決しますが、すべてのインスタンスでこれを行う必要はありません。