小编Joo*_*stS的帖子

我认为答案是否定的,但是你可以用CSS定位背景图像,这样它就是远离右边的固定数量的像素吗？

如果我设置background-positionx和y的值,那么它们似乎只分别从左侧和顶部进行固定像素调整.

我正在使用angular2和webpack.像这样加载我的字体:

@font-face {
  font-family: 'bpmonoregular';
  src: url('assets/fonts/bpmono_regular_macroman/BPmono-webfont.eot');
  src: url('assets/fonts/bpmono_regular_macroman/BPmono-webfont.eot?#iefix') format('embedded-opentype'),
  url('assets/fonts/bpmono_regular_macroman/BPmono-webfont.woff') format('woff'),
  url('assets/fonts/bpmono_regular_macroman/BPmono-webfont.ttf') format('truetype'),
  url('assets/fonts/bpmono_regular_macroman/BPmono-webfont.svg#bpmonoregular') format('svg');
  font-weight: normal;
  font-style: normal;
}

如果在我的CSS中我增加了字体大小百分比,除非加载了第一个组件,否则字体不会显示.一旦我切换页面,它就会消失.如果我调整窗口大小,它会显示出来.

这只发生在chrome中

在说"基于现场数据'页面缓慢'"时,使用90百分位而不是中位数分数,使得大量被贩运的网站(例如google.com)无法获得"快速"排名吗？这是由于每月流量在10M +范围内时会出现长尾？

上次我检查(2018年2月初),桌面google.com获得了100个灯塔合成分数,应该被解释为"几乎没有改进的余地",然而,该页面排名"慢",因为第90百分位FCP超过3秒.

使用此标准时,像nytimes.com这样的页面是否会被认为很快,甚至google.com的桌面页面根据现场数据排名很慢？

最近的例子(2019年2月14日)

前例为FCP的尾部更长:

我有CSS定制的单选按钮，需要进行验证。默认单选按钮被CSS规则隐藏。

当我提交表单时，默认的验证消息也被隐藏。

形式看起来像这样

禁用单选按钮时如何显示默认错误消息（例如：请选择其中一个选项）？（不使用Js的纯HTML / CSS）

input[type="radio"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  visibility: hidden;
}

input[type="radio"]:checked +label {
  border: 1px solid blue;
}

<h3>Gender</h3>

<input id="male" type="radio" name="gender" value="male" required>
<label for="male">Male</label>

<input id="female" type="radio" name="gender" value="female" required>
<label for="female">Female</label>

<input id="other" type="radio" name="gender" value="other" required>
<label for="other">Rather not to say</label>

我有一个看起来像这样的前线:

products:
- item: item name
  price: 39.50
- item: item number two
  price: 12.50

如何在尾随零的液体中输出这些变量？

请注意,{{ products[0].price }}将输出39.5.我需要输出39.50.

假设 - 根据我的理解,Liquid的工作方式是page.my_key可以将变量与名称page和密钥的PHP数组进行比较my_key:$page['my_key'].下面我们可以比较这同样的逻辑{{ page.my_key }}与echo $page['my_key'].

我们可以比较这个前面的问题:

----
my_key: my_value
----

这个PHP代码:

$page['my_key'] = "my_value";

问题 - 我想做这样的事情:

$page['my_key'] = "my_value";
$page['my_key2'] = "my_value2";
$key = "my_key";
echo $page[$key];

我能想到的只有:

----
my_key: my_value
my_key2: my_value2
----
{% assign key = 'my_key' %}
{{ page.{{ key }} }}

但是,这不起作用......这样的事情可能吗？

他们是否无论如何都在 HTML 类上使用 CSS 属性来减少标签上默认下划线（不是文本，只是下划线）的不透明度/可见性<a>？

我目前的相关 Jekylldefault.html和style.scss目前看起来像这样：

<h1 class="project-name"><a href="https://itspugle.ga">{{ site.title | default: site.github.repository_name }}</a></h1>`

和

---
---

@import 'jekyll-theme-cayman';
.project-name a {
    color: white;
}

我想更改left/rightBootstrap 4 中列的填充 ( )。

例如

col-md-4 （似乎是15px左右填充），我想把这个说得更小10px

我已经看过了，_variables.scss但什么也看不到，看起来它可能会这样做。

我有一个高分辨率图像的文件夹。它是 JPG 和 24 位透明 PNG 的混合。我想使用以下规则批量生成缩略图：

• 每个图像保留其格式（.jpg 输入、.jpg 输出....png 输入、.png 输出）
• 每个图像保留其文件名，但移动到 /thumbnails 子文件夹
• 每个图像保留其当前的宽高比
• 每个处理图像的最终尺寸应在以下约束下尽可能大：
• 最大图像宽度为 488px
• 最大图像高度为 220px
• 除了缩放之外，每个图像都应该保留其所有其他属性

我是 ImageMagick 的新手，不知道需要运行什么命令才能实现此结果。最终，这是一个 Jekyll 项目，但我很乐意满足于能够通过命令行手动运行这个过程。

任何帮助将非常感激！

我正在寻找一种很好的方法来调整我的客户使用CloudCannon上传的图像.

我已经看过Jekyll插件,但是他们似乎并没有很好地使用CloudCannon.

有没有人有任何提示或技巧让这个工作？

这是我目前使用的代码:

<div class="section blog">
  <div class="container">
    <div class="row blog__items">
      {% for post in site.posts %}
        <div class="blog__item col-xs-6 col-sm-4">
          <div class="article">
            <div class="article__head">
              <a href="{{ site.baseurl }}{{ post.url }}" class="article__media">
                <img src="{{ site.baseurl }}{{ post.image }}">
              </a>
              <h3 class="article__title"><a href="{{ site.baseurl }}{{ post.url }}">{{ post.title }}</a></h3>
            </div>
            <div class="article__body">
              <div class="article__meta">
                <p class="article__date"><small>Posted on {{ post.date | date: "%d %B, %Y" }}</small></p>
              </div>
              <div class="article__text">
                {{ post.description }}
              </div>
              <a href="{{ site.baseurl }}{{ post.url }}" class="article__cta btn …

有没有办法生成不使用插件的 Jekyll 照片库？我尝试了一些，但它不是 GitHub Pages 友好的。

现在我正在使用 Markdown，我指定应该显示哪些图片，但我想找到一些通用的方法来做到这一点。

是否可以在页面加载时默认点击这种格式的 <button>Title</button>按钮？

我尝试了以下方法：

<button checked="checked">Title</button>
<button checked="true">Title</button>
<button checked>Title</button>

在这种情况下，他们都没有工作。谢谢