小编Pro*_*ank的帖子

我有一个字段,我settings.html希望用户输入由两个换行符分隔的多个段落.我想将这个输入字符串拆分为一个字符串数组,每个字符串代表一个段落.

我想做这样的事情:

{% assign paragraphs = settings.intro | split: '\n' %}
{% for paragraph in paragraphs %}
    <p>
        {{ paragraph }}
    </p>
{% endfor %}

我似乎无法弄清楚如何在Liquid中引用换行符.我该怎么做呢？有什么工作吗？

当分支中发生任何推送时，我想运行我的应用程序并使用 puppeteer 测试某些内容。但是当测试文件在 github 操作中执行时，我收到以下错误

Error: net::ERR_CONNECTION_REFUSED at http://localhost:8080 at navigate (node_modules/puppeteer/lib/FrameManager.js:120:37)

其中，8080 是我的前端端口。

是什么原因导致此错误以及如何解决此问题？

这是我的 gihub 操作文件：

name: "Github Actions Test"
on:
  push:
    branches:
      - wip/checkout2

jobs:
  test:
    runs-on: ubuntu-latest

    env:
      PRISMA_ENDPOINT: ${{secrets.PRISMA_ENDPOINT}}
      PRISMA_SECRET: ${{secrets.PRISMA_SECRET}}

    steps:
      - uses: actions/checkout@v1
      - name: "Install Node"
        uses: actions/setup-node@v1
        with:
          node-version: "12.x"
      - name: "Install global packages"
        run: npm install -g yarn prisma-cli concurrently mocha
      - name: "Run docker Container"
        run: docker-compose -f docker-compose.yml up --build -d
      - name: "Install deps"
        run: yarn …

我正在使用我的页面上的旋转CSS3转换,当我发现backface-visibility它的值是"隐藏" 时,我发现它与属性不一致.我在JSFiddle中重现了这个问题.

HTML:

<div class="card">
    <div class="front">
        <button>Flip to the back face</button>
    </div>
    <div class="back">
        <button>Flip to the front face</button>
    </div>
</div>

此代码应代表一张卡片,正面有"front"div,背面有"back"div.我正在使用该backface-visibility属性以避免在翻转时卡片上出现正面的镜像内容.

如果您在Firefox中打开小提琴,您会注意到单击"翻转"按钮将导致页面右侧出现镜像"翻转"按钮,尽管将backface-visibility前一个div 的属性设置为"隐藏".单击"翻转"按钮(不是镜像按钮)将把卡翻转到其原始位置,镜像的"翻转"按钮将消失.

如果您在Chrome中打开小提琴,单击"翻转"按钮不会创建镜像"翻转"按钮,这很好.不幸的是,背面的"翻转"按钮不再可点击.

总之,backface-visibility在两种浏览器中都不希望出现该属性的行为.如何更改我的代码,以便镜像内容不可见,并且两个浏览器中的内容仍然可以点击？

更新:将background"后退"div 设置为#FFF(或任何颜色)使其不透明,在Firefox中运行小提琴时隐藏"前"div中的镜像按钮.Chrome的问题仍然存在.