Question

我有一个使用Jekyll构建的github页面托管的网站。

我在html-proofer中安装的其中一个插件。这工作正常直到我将图像切换为使用picturefill。

通过使用Picturefill，我使用的是当前无效的<picture>标记。这会导致html-proofer在部署时失败。

所以我的问题 - 如何告诉html-proofer忽略所有<picture>标签？

我的设置：

的Gemfile：

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>没有src而是srcset：

<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标记可以解决问题，但我不必在每个实例上都这样做。

Answer 1

我在html-proofer repo上发布了一个问题，我被告知srcset错误是个错误。

不幸的是，维护者表示在运行插件时无法忽略特定标记：

请参阅https://github.com/gjtorikian/html-proofer/issues/149

使用带有jekyll的html-proofer忽略标记

1 个答案: