使用 html-proofer 和 jekyll 忽略标签

Question

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

我在html-proofer. This was working fine until I switched my images to use picturefill安装的插件之一。

通过使用 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

script/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 存储库上发布了一个问题，有人告诉我 srcset 错误是一个错误。

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

见https://github.com/gjtorikian/html-proofer/issues/149

使用 html-proofer 和 jekyll 忽略标签

Ingore tag using html-proofer with jekyll

ruby

continuous-integration

nokogiri

jekyll

jekyll-extensions