3

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

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

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

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

私のセットアップ：

宝石ファイル:

source 'https://rubygems.org'
gem 'github-pages'
gem 'html-proofer'

.travis.yml:

language: ruby
rvm:
- 2.1
script: script/cibuild

sudo: false

env:
  global:
  - NOKOGIRI_USE_SYSTEM_LIBRARIES=true # speeds up installation of html-proofer

スクリプト/cibuild:

set -e # halt script on error
bundle exec jekyll build
bundle exec htmlproof ./_site

アップデート：

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

<picture>
    <!--[if IE 9]><video style="display: none;"><![endif]-->
    <source srcset="examples/images/extralarge.jpg" media="(min-width: 1000px)">
    <source srcset="examples/images/large.jpg" media="(min-width: 800px)">
    <!--[if IE 9]></video><![endif]-->
    <img srcset="examples/images/medium.jpg" alt="A giant stone face at The Bayon temple in Angkor Thom, Cambodia">
</picture>

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

4

1 に答える 1

2

問題をリポジトリに投稿したところ、エラーはバグであるhtml-prooferと言われました。srcset

残念ながら、メンテナーは、プラグインの実行時に特定のタグを無視する方法がないことを示しました。

https://github.com/gjtorikian/html-proofer/issues/149を参照してください

于 2015-01-28T03:19:00.707 に答える