Ingore 标签使用 html-proofer with jekyll



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

我在html-proofer中安装的插件之一。 这工作正常,直到我将图像切换为使用图片填充。

通过使用图片填充,我正在使用当前无效的<picture>标签。 这会导致 html 校对器在我部署时失败。

所以我的问题 - 我如何告诉 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>没有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 标记可以解决问题,但我宁愿不必在每个实例上都这样做。

我在html-proofer存储库上发布了一个问题,在那里我被告知srcset错误是一个错误。

不幸的是,维护者表示在运行插件时无法忽略特定标签:

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

相关内容

  • 没有找到相关文章

最新更新