fluid-dev / hexo-theme-fluid

:ocean: 一款 Material Design 风格的 Hexo 主题 / An elegant Material-Design theme for Hexo
https://hexo.fluid-dev.com/
GNU General Public License v3.0
7.05k stars 1.11k forks source link

折叠块的三个 bug:行间距、颜色与同时展开折叠 #1026

Closed xyfJASON closed 6 months ago

xyfJASON commented 6 months ago

请确认

Bug 描述

  1. 折叠块内行间距比正文大;
  2. 使用 secondary 的时候没有颜色(其他颜色正常);
  3. 如果两个折叠块内容相同,它们会被同时展开或折叠。

浏览器:Chrome / Safari

复现步骤

新建一篇文章,输入以下内容并 hexo s

---
title: fold测试
date: 2023-12-07 20:48:21
tags:
categories:
banner_img:
index_img:
---

### Bug 1: 折叠块行间距过大

正文第一行

正文第二行

{% fold primary @折叠块测试 %}

折叠块第一行

折叠块第二行

{% endfold %}

### Bug 2: secondary 没有颜色

{% fold secondary @折叠块测试 %}

secondary 没有颜色(其他颜色正常)

{% endfold %}

### Bug 3: 相同内容的折叠块会被同时展开和折叠

{% fold success @折叠块测试 %}

aaa

{% endfold %}

{% fold danger @折叠块测试 %}

aaa

{% endfold %}

{% fold warning @折叠块测试 %}

bbb

{% endfold %}

{% fold info @折叠块测试 %}

bbb

{% endfold %}

{% fold light @折叠块测试 %}

bbb

{% endfold %}

截图

Xnip2023-12-07_21-19-14

版本信息

image
zkqiang commented 6 months ago

1 和 2 已在 dev 分支修复

3 的原理是根据折叠内容作为折叠的编号,所以只要内容不同就没有这个情况,不然没有其他识别唯一性的好办法

xyfJASON commented 6 months ago

好的,谢谢 😃

mobeicanyue commented 5 months ago

@zkqiang 您好,看到您的博客的折叠块代码效果是这样的(折叠logo) image

但是我照着您的源码写 logo效果却如下 image 请问是我有哪里没写到位?是目前最新的主题版本

zkqiang commented 5 months ago

@mobeicanyue 是你浏览器的问题吧,实际就是下一个

image
mobeicanyue commented 5 months ago

@mobeicanyue 是你浏览器的问题吧,实际就是下一个

image

确实好奇怪,和浏览器也有关系 我用手机访问你的blog 就是你发的图片的效果,但是如果电脑使用 chrome image 而同样是chrome 我打开我的网页就是 image

zkqiang commented 5 months ago

@mobeicanyue 应该是你系统字体的关系

mobeicanyue commented 5 months ago

应该是我博客字体的关系