From 372b86f792ecc96cab730dd827716d3b451f9be1 Mon Sep 17 00:00:00 2001 From: chalmery <95135709+chalmery@users.noreply.github.com> Date: Mon, 6 May 2024 15:22:07 +0800 Subject: [PATCH] Site updated: 2024-05-06 15:22:06 --- 1069363226/index.html | 2 +- 1698904213/index.html | 2 +- 1839521991/index.html | 2 +- 2260828129/index.html | 2 +- 2402782093/index.html | 2 +- 2427860074/index.html | 2 +- 2520100274/index.html | 2 +- 2690763544/index.html | 2 +- 2861842578/index.html | 2 +- 3542956005/index.html | 2 +- 379577363/index.html | 2 +- 404.html | 2 +- 4078686809/index.html | 2 +- 503294022/index.html | 2 +- about/index.html | 2 +- archives/2021/08/index.html | 2 +- archives/2021/10/index.html | 2 +- archives/2021/index.html | 2 +- archives/2022/02/index.html | 2 +- archives/2022/03/index.html | 2 +- archives/2022/05/index.html | 2 +- archives/2022/index.html | 2 +- archives/2023/06/index.html | 2 +- archives/2023/07/index.html | 2 +- archives/2023/index.html | 2 +- archives/index.html | 2 +- archives/page/2/index.html | 2 +- assets/build/styles.css | 2 +- assets/hbe.style.css | 2 +- assets/odometer-theme-minimal.css | 2 +- atom.xml | 22 +- categories/index.html | 2 +- .../\345\267\245\345\205\267/index.html" | 2 +- .../\346\212\200\346\234\257/index.html" | 2 +- content.json | 2 +- css/common/animated.css | 2 +- css/common/basic.css | 2 +- css/common/codeblock/code-block.css | 2 +- css/common/codeblock/code-theme.css | 2 +- css/common/codeblock/highlight.css | 2 +- css/common/markdown.css | 2 +- css/common/redefine-theme.css | 2 +- css/common/variables.css | 2 +- css/layout/archive-content.css | 2 +- css/layout/article-content.css | 2 +- css/layout/category-content.css | 2 +- css/layout/category-list.css | 2 +- css/layout/home-content.css | 2 +- css/layout/home-sidebar.css | 2 +- css/layout/page.css | 2 +- css/layout/tag-content.css | 2 +- css/style.css | 2 +- fonts/Chillax/chillax.css | 2 +- fonts/Satoshi/satoshi.css | 2 +- fonts/fonts.css | 2 +- index.html | 2 +- links/index.html | 2 +- page/2/index.html | 2 +- search.xml | 501 ++++++------------ sitemap.xml | 10 +- tags/Electron/index.html | 2 +- tags/Java/index.html | 2 +- tags/JavaScript/index.html | 2 +- tags/Javafx/index.html | 2 +- tags/Linux/index.html | 2 +- tags/Rust/index.html | 2 +- tags/index.html | 2 +- "tags/\347\256\227\346\263\225/index.html" | 2 +- .../index.html" | 2 +- .../index.html" | 2 +- 70 files changed, 232 insertions(+), 435 deletions(-) diff --git a/1069363226/index.html b/1069363226/index.html index 8df2d92..45b8054 100644 --- a/1069363226/index.html +++ b/1069363226/index.html @@ -1 +1 @@ -Volatile关键字 - yangccBlog

yangccBlog
9
标签
2
分类
13
文章

Volatile关键字

chalmery Lv2
  2021-08-12 2021-08-12 创建   2021-08-12 2021-08-12 更新    3.3k 字  11 分钟  

1 内存模型

缓存不一致问题

计算机在执行程序时，每条指令都是在CPU中执行的，而执行指令过程中，势必涉及到数据的读取和写入。由于程序运行过程中的临时数据是存放在主存（物理内存）当中的，这时就存在一个问题，由于CPU执行速度很快，而从内存读取数据和向内存写入数据的过程跟CPU执行指令的速度比起来要慢的多，因此如果任何时候对数据的操作都要通过和内存的交互来进行，会大大降低指令执行的速度。因此在CPU里面就有了高速缓存。

也就是，当程序在运行过程中，会将运算需要的数据从主存复制一份到CPU的高速缓存当中，那么CPU进行计算时就可以直接从它的高速缓存读取数据和向其中写入数据，当运算结束之后，再将高速缓存中的数据刷新到主存当中。

比如有一段代码：

1
2
// 理想情况是两个线程都执行一次，最后的结果为2
i = i +1;

此代码在单线程执行没有任何问题,而在多线程运行会被覆盖。

1
2
3
4
线程1：
读取i=0放到高速缓冲区 ——> i+1 ——> 刷线数据到主存，i=1
线程2：
读取i=0放到高速缓冲区 ——> i+1 ——> 刷线数据到主存，i=1

因为在多核心cpu中每个线程可能运行于不同的cpu，因此有可能每个线程的高速缓存不是同一个。

而单核心cpu，是线程调度的，要么分时执行，要么抢占执行，但结果和多核心都是一样的。

解决方式

为了解决缓存不一致性问题，通常来说有以下2种解决方法：这2种方式都是 硬件层面上提供的方式。

  • 通过在总线加LOCK锁的方式

在早期的CPU当中，是通过在总线上加LOCK锁的形式来解决缓存不一致的问题。因为CPU和其他部件进行通信都是通过总线来进行的，如果对总线加LOCK锁的话，也就是说阻塞了其他CPU对其他部件访问（如内存），从而使得只能有一个 CPU能使用这个变量的内存。

  • 通过缓存一致性协议

上面的方式会有一个问题，由于在锁住总线期间，其他CPU无法访问内存，导致 效率低下。所以就出现了缓存一致性协议。最出名的就是Intel 的MESI协议，MESI协议保证了每个缓存中使用的共享变量的副本是一致的。它核心的思想是：当CPU写数据时，如果发现操作的变量是共享变量，即在其他CPU中也存在该变量的副本，会发出信号通知其他CPU将该变量的缓存行置为无效状态，因此当其他CPU需要读取这个变量时，发现自己缓存中缓存该变量的缓存行是无效的，那么它就会从内存重新读取。

2 并发编程

原子性

与数据库那个原子性一个概念，就是两个操作是一体的，要么都执行，要么都不执行

可见性

当多个线程访问同一个变量的时候，一个线程修改了值，另外的线程能够立刻看到修改的值

有序性

程序是按照代码的顺序执行的，但JVM在真正执行这段代码的时候不一定能保证是按照顺序执行的，因为可能发生 指令重排序（Instruction Reorder）

处理器为了提高程序运行效率，可能会对输入代码进行 优化，它不保证程序中各个语句的执行先后顺序同代码中的顺序一致，但是它会保证程序最终执行结果和代码顺序执行的结果是一致的。

而处理器在进行重排序时是会考虑指令之间的数据依赖性，如果指定2必须要用到指令1，则指令1一定会在指令2之前运行的。指令重排序不会影响单个线程的执行，但是会影响到线程并发执行的正确性。

想要让程序正常的执行，必须要保证满足这三个条件

3 java内存模型

在Java虚拟机规范中试图定义一种 Java内存模型（Java Memory Model，JMM）来屏蔽各个硬件平台和操作系统的内存访问差异，以实现让Java程序在各种平台下都能达到一致的内存访问效果。它定义了程序中变量的访问规则，往大一点说是定义了程序执行的次序。注意，为了获得较好的执行性能，Java内存模型并没有限制执行引擎使用处理器的寄存器或者高速缓存来提升指令执行速度，也没有限制编译器对指令进行重排序。也就是说，在java内存模型中，也会存在缓存一致性问题和指令重排序的问题。Java内存模型规定所有的变量都是存在主存当中（类似于前面说的物理内存），每个线程都有自己的工作内存（类似于前面的高速缓存）。线程对变量的所有操作都必须在工作内存中进行，而不能直接对主存进行操作。并且每个线程不能访问其他线程的工作内存。

总结来说JVM中每个线程都有自己独立的虚拟机栈来执行自己的方法，这样如同操作系统的高速缓冲一样，存在可见性问题。

4 如何保证三个特性

原子性

1
2
3
4
x =8;
y = x;  // 包含两步，读取x值，赋值给y
x++;    // 包含三步，读取x值，x+1，赋值给x
x = x+1;

上面四个操作只有操作1是原子操作，java中只有 赋值，和 读取值是原子操作，如果要保证多个操作整体具有原子性，需要同步或者锁来实现(synchronized和Lock)

可见性

对于可见性，Java提供了volatile关键字来保证可见性。当一个共享变量被volatile修饰时，它会保证修改的值会立即被更新到主存，当有其他线程需要读取时，它会去内存中读取新值。

另外，还可通过synchronized和Lock也能够保证可见性，synchronized和Lock能保证同一时刻只有一个线程获取锁然后执行同步代码，并且在释放锁之前会将对变量的修改刷新到主存当中。因此可以保证可见性。

有序性

在Java内存模型中，允许编译器和处理器对指令进行重排序，单线程程序没有问题，多线程会出现有序性问题。

Java内存模型具备一些先天的“有序性”，即不需要通过任何手段就能够得到保证的有序性，这个通常也称为 happens-before 原则。如果两个操作的执行次序无法从happens-before原则推导出来，那么它们就不能保证它们的有序性，虚拟机可以随意地对它们进行重排序。

下面就来具体介绍下happens-before原则（先行发生原则）：

  • 程序次序规则：一个线程内，按照代码顺序，书写在前面的操作先行发生于书写在后面的操作
  • 锁定规则：一个unLock操作先行发生于后面对同一个锁额lock操作
  • volatile变量规则：对一个变量的写操作先行发生于后面对这个变量的读操作
  • 传递规则：如果操作A先行发生于操作B，而操作B又先行发生于操作C，则可以得出操作A先行发生于操作C

二 JUC

1 关键字

volatile

一个变量被此关键字修饰后就具备了如下特点：

  • 保证了不同线程对这个变量进行操作时的 可见性，当一个变量被volatile修饰时，那么对它的修改会立刻刷新到主存,当其它线程需要读取该变量时，会去内存中读取新值。
  • 禁止进行指令重排序。

使用volatile关键字并不能保证原子性，如下这段代码，输出的值很随机，正常应该是10000才对。

因为 a++这个代码不是原子性的，包含几个步骤：读取,加1，写入内存，三步。因此，此段代码就有可能这样执行：

某个时刻 a = 10

线程1 ——> 读取a=10 a自增

线程2 ——> 读取到a=10 然后因为此时有别的线程正在进行修改，因此进入阻塞状态

线程3 ——> 此时恰好修改a值那个线程结束了，因此读到是内存中的a = 11，然和进行自增操作为 a=12

线程2 ——> 接着对a进行自增操作,a=11

这样三个线程自增结果却只+1，原因就在于自增操作不是原子的

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
public class Test0 {
    public  volatile int a  =0;
    // 自增操作
    public  void setA(){
        a++;
    }
    // 10个线程每个线程让a+1，1000次
    public static void main(String[] args) {
        Test0 test = new Test0();
        for (int i = 0; i < 10; i++) {
            new Thread(new Runnable() {
                @Override
                public  void run() {
                    for (int j = 0; j <1000; j++) {
                        test.setA();
                    }

                }
            }).start();
        }
        Thread.sleep(2000); // 保证上面执行完成
        System.out.println(test.a); // 数值随机
    }
}

有三种方式来解决原子性问题：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
// 1 同步
public synchronized void setA(){
    a++;
}
// 2 锁
private Lock lock = new ReentrantLock();
public  void setA(){
    lock.lock();
    a++;
    lock.unlock();
}
// 3 原子整数
public AtomicInteger a = new AtomicInteger();
public  void setA(){
    a.getAndIncrement();
}

原理和实现机制

　　下面这段话摘自《深入理解Java虚拟机》：

　　“观察加入volatile关键字和没有加入volatile关键字时所生成的汇编代码发现，加入volatile关键字时，会多出一个lock前缀指令”

　　lock前缀指令实际上相当于一个内存屏障（也成内存栅栏），内存屏障会提供3个功能：

　　1）它确保指令重排序时不会把其后面的指令排到内存屏障之前的位置，也不会把前面的指令排到内存屏障的后面；即在执行到内存屏障这句指令时，在它前面的操作已经全部完成；

　　2）它会强制将对缓存的修改操作立即写入主存；

　　3）如果是写操作，它会导致其他CPU中对应的缓存行无效。

使用场景

  1. 单例模式
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
// 双重检查锁定模式 （Double check locked）
public class Test4 {
    private volatile static Test4 test4 ;
    private Test4(){};

    public static Test4 getTest4() {
        if (test4==null){
            synchronized (Test4.class){
                if (test4==null){
                    test4 = new Test4();
                }
            }
        }
        return test4;
    }
}

刚开始是有疑问的，感觉volatile关键字根本没必要呀，其实是为了禁止指令重排，保证 test4 = new Test4()顺序执行，创建对象并赋值有如下的虚拟机指令：

1
2
3
4
0: new   // 创建一个对象，在堆内开辟空间，并将地址放入虚拟机栈顶            
3: dup   // 复制操作数栈顶值，并将其压入栈顶，也就是说此时操作数栈上有连续相同的两个对象地址；
4: invokespecial #3 //执行构造方法             
7: astore_1 // 将地址赋值
  1. 创建对象分配堆空间
  2. 执行构造方法
  3. 将对象地址赋值给变量

上面这三个步骤，2，3是依赖一的，所以2，3一定会在1之后执行，而2，3可能会因为指令重排而发生 3执行在2之前，因此可能会出现下面的情况：

线程1线程2
1判断是否为null(true)
2获取锁
3判断是否为null(true)
4发生指令重排
5创建对象
6将对象地址赋值给变量判断是否为null(false)
7return
8执行构造方法

在线程1执行构造方法之前，线程2直接将没有初始化的地址返回了，因此线程2要执行操作的时候会出现问题，比如线程1在构造方法对成员变量进行赋值，而线程2获取时候发现还是默认值。

因此volatile的重要性就体现出来了，禁止指令重排序将保证上述问题不会发生。

参考

Java并发编程：volatile关键字解析 - Matrix海子

双重检查锁单例模式为什么要用volatile关键字？

  • 标题: Volatile关键字
  • 作者: chalmery
  • 创建于 : 2021-08-12 00:00:00
  • 更新于 : 2021-08-12 00:00:00
  • 链接: https://github.com/chalmery/1069363226/
  • 版权声明: 本文章采用 CC BY-NC-SA 4.0 进行许可。
评论
此页目录
Volatile关键字
  1. 1 内存模型
  2. 2 并发编程
  3. 3 java内存模型
  4. 4 如何保证三个特性
  • 二 JUC
    1. 1 关键字
  • 参考
    • © 2021 - 2024    chalmery

    共 13 篇文章 共 20.2k 字

    访问人数 总访问量
    由 Hexo 驱动 主题 Redefine v2.6.1
    博客已运行 天 小时 分钟 秒
    \ No newline at end of file +Volatile关键字 - yangccBlog

    yangccBlog
    9
    标签
    2
    分类
    13
    文章

    Volatile关键字

    chalmery Lv2
      2021-08-12 2021-08-12 创建   2021-08-12 2021-08-12 更新    3.3k 字  11 分钟  

    1 内存模型

    缓存不一致问题

    计算机在执行程序时，每条指令都是在CPU中执行的，而执行指令过程中，势必涉及到数据的读取和写入。由于程序运行过程中的临时数据是存放在主存（物理内存）当中的，这时就存在一个问题，由于CPU执行速度很快，而从内存读取数据和向内存写入数据的过程跟CPU执行指令的速度比起来要慢的多，因此如果任何时候对数据的操作都要通过和内存的交互来进行，会大大降低指令执行的速度。因此在CPU里面就有了高速缓存。

    也就是，当程序在运行过程中，会将运算需要的数据从主存复制一份到CPU的高速缓存当中，那么CPU进行计算时就可以直接从它的高速缓存读取数据和向其中写入数据，当运算结束之后，再将高速缓存中的数据刷新到主存当中。

    比如有一段代码：

    1
    2
    // 理想情况是两个线程都执行一次，最后的结果为2
    i = i +1;

    此代码在单线程执行没有任何问题,而在多线程运行会被覆盖。

    1
    2
    3
    4
    线程1：
    读取i=0放到高速缓冲区 ——> i+1 ——> 刷线数据到主存，i=1
    线程2：
    读取i=0放到高速缓冲区 ——> i+1 ——> 刷线数据到主存，i=1

    因为在多核心cpu中每个线程可能运行于不同的cpu，因此有可能每个线程的高速缓存不是同一个。

    而单核心cpu，是线程调度的，要么分时执行，要么抢占执行，但结果和多核心都是一样的。

    解决方式

    为了解决缓存不一致性问题，通常来说有以下2种解决方法：这2种方式都是 硬件层面上提供的方式。

    • 通过在总线加LOCK锁的方式

    在早期的CPU当中，是通过在总线上加LOCK锁的形式来解决缓存不一致的问题。因为CPU和其他部件进行通信都是通过总线来进行的，如果对总线加LOCK锁的话，也就是说阻塞了其他CPU对其他部件访问（如内存），从而使得只能有一个 CPU能使用这个变量的内存。

    • 通过缓存一致性协议

    上面的方式会有一个问题，由于在锁住总线期间，其他CPU无法访问内存，导致 效率低下。所以就出现了缓存一致性协议。最出名的就是Intel 的MESI协议，MESI协议保证了每个缓存中使用的共享变量的副本是一致的。它核心的思想是：当CPU写数据时，如果发现操作的变量是共享变量，即在其他CPU中也存在该变量的副本，会发出信号通知其他CPU将该变量的缓存行置为无效状态，因此当其他CPU需要读取这个变量时，发现自己缓存中缓存该变量的缓存行是无效的，那么它就会从内存重新读取。

    2 并发编程

    原子性

    与数据库那个原子性一个概念，就是两个操作是一体的，要么都执行，要么都不执行

    可见性

    当多个线程访问同一个变量的时候，一个线程修改了值，另外的线程能够立刻看到修改的值

    有序性

    程序是按照代码的顺序执行的，但JVM在真正执行这段代码的时候不一定能保证是按照顺序执行的，因为可能发生 指令重排序（Instruction Reorder）

    处理器为了提高程序运行效率，可能会对输入代码进行 优化，它不保证程序中各个语句的执行先后顺序同代码中的顺序一致，但是它会保证程序最终执行结果和代码顺序执行的结果是一致的。

    而处理器在进行重排序时是会考虑指令之间的数据依赖性，如果指定2必须要用到指令1，则指令1一定会在指令2之前运行的。指令重排序不会影响单个线程的执行，但是会影响到线程并发执行的正确性。

    想要让程序正常的执行，必须要保证满足这三个条件

    3 java内存模型

    在Java虚拟机规范中试图定义一种 Java内存模型（Java Memory Model，JMM）来屏蔽各个硬件平台和操作系统的内存访问差异，以实现让Java程序在各种平台下都能达到一致的内存访问效果。它定义了程序中变量的访问规则，往大一点说是定义了程序执行的次序。注意，为了获得较好的执行性能，Java内存模型并没有限制执行引擎使用处理器的寄存器或者高速缓存来提升指令执行速度，也没有限制编译器对指令进行重排序。也就是说，在java内存模型中，也会存在缓存一致性问题和指令重排序的问题。Java内存模型规定所有的变量都是存在主存当中（类似于前面说的物理内存），每个线程都有自己的工作内存（类似于前面的高速缓存）。线程对变量的所有操作都必须在工作内存中进行，而不能直接对主存进行操作。并且每个线程不能访问其他线程的工作内存。

    总结来说JVM中每个线程都有自己独立的虚拟机栈来执行自己的方法，这样如同操作系统的高速缓冲一样，存在可见性问题。

    4 如何保证三个特性

    原子性

    1
    2
    3
    4
    x =8;
    y = x;  // 包含两步，读取x值，赋值给y
    x++;    // 包含三步，读取x值，x+1，赋值给x
    x = x+1;

    上面四个操作只有操作1是原子操作，java中只有 赋值，和 读取值是原子操作，如果要保证多个操作整体具有原子性，需要同步或者锁来实现(synchronized和Lock)

    可见性

    对于可见性，Java提供了volatile关键字来保证可见性。当一个共享变量被volatile修饰时，它会保证修改的值会立即被更新到主存，当有其他线程需要读取时，它会去内存中读取新值。

    另外，还可通过synchronized和Lock也能够保证可见性，synchronized和Lock能保证同一时刻只有一个线程获取锁然后执行同步代码，并且在释放锁之前会将对变量的修改刷新到主存当中。因此可以保证可见性。

    有序性

    在Java内存模型中，允许编译器和处理器对指令进行重排序，单线程程序没有问题，多线程会出现有序性问题。

    Java内存模型具备一些先天的“有序性”，即不需要通过任何手段就能够得到保证的有序性，这个通常也称为 happens-before 原则。如果两个操作的执行次序无法从happens-before原则推导出来，那么它们就不能保证它们的有序性，虚拟机可以随意地对它们进行重排序。

    下面就来具体介绍下happens-before原则（先行发生原则）：

    • 程序次序规则：一个线程内，按照代码顺序，书写在前面的操作先行发生于书写在后面的操作
    • 锁定规则：一个unLock操作先行发生于后面对同一个锁额lock操作
    • volatile变量规则：对一个变量的写操作先行发生于后面对这个变量的读操作
    • 传递规则：如果操作A先行发生于操作B，而操作B又先行发生于操作C，则可以得出操作A先行发生于操作C

    二 JUC

    1 关键字

    volatile

    一个变量被此关键字修饰后就具备了如下特点：

    • 保证了不同线程对这个变量进行操作时的 可见性，当一个变量被volatile修饰时，那么对它的修改会立刻刷新到主存,当其它线程需要读取该变量时，会去内存中读取新值。
    • 禁止进行指令重排序。

    使用volatile关键字并不能保证原子性，如下这段代码，输出的值很随机，正常应该是10000才对。

    因为 a++这个代码不是原子性的，包含几个步骤：读取,加1，写入内存，三步。因此，此段代码就有可能这样执行：

    某个时刻 a = 10

    线程1 ——> 读取a=10 a自增

    线程2 ——> 读取到a=10 然后因为此时有别的线程正在进行修改，因此进入阻塞状态

    线程3 ——> 此时恰好修改a值那个线程结束了，因此读到是内存中的a = 11，然和进行自增操作为 a=12

    线程2 ——> 接着对a进行自增操作,a=11

    这样三个线程自增结果却只+1，原因就在于自增操作不是原子的

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    public class Test0 {
        public  volatile int a  =0;
        // 自增操作
        public  void setA(){
            a++;
        }
        // 10个线程每个线程让a+1，1000次
        public static void main(String[] args) {
            Test0 test = new Test0();
            for (int i = 0; i < 10; i++) {
                new Thread(new Runnable() {
                    @Override
                    public  void run() {
                        for (int j = 0; j <1000; j++) {
                            test.setA();
                        }

                    }
                }).start();
            }
            Thread.sleep(2000); // 保证上面执行完成
            System.out.println(test.a); // 数值随机
        }
    }

    有三种方式来解决原子性问题：

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    // 1 同步
    public synchronized void setA(){
        a++;
    }
    // 2 锁
    private Lock lock = new ReentrantLock();
    public  void setA(){
        lock.lock();
        a++;
        lock.unlock();
    }
    // 3 原子整数
    public AtomicInteger a = new AtomicInteger();
    public  void setA(){
        a.getAndIncrement();
    }

    原理和实现机制

    　　下面这段话摘自《深入理解Java虚拟机》：

    　　“观察加入volatile关键字和没有加入volatile关键字时所生成的汇编代码发现，加入volatile关键字时，会多出一个lock前缀指令”

    　　lock前缀指令实际上相当于一个内存屏障（也成内存栅栏），内存屏障会提供3个功能：

    　　1）它确保指令重排序时不会把其后面的指令排到内存屏障之前的位置，也不会把前面的指令排到内存屏障的后面；即在执行到内存屏障这句指令时，在它前面的操作已经全部完成；

    　　2）它会强制将对缓存的修改操作立即写入主存；

    　　3）如果是写操作，它会导致其他CPU中对应的缓存行无效。

    使用场景

    1. 单例模式
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    // 双重检查锁定模式 （Double check locked）
    public class Test4 {
        private volatile static Test4 test4 ;
        private Test4(){};

        public static Test4 getTest4() {
            if (test4==null){
                synchronized (Test4.class){
                    if (test4==null){
                        test4 = new Test4();
                    }
                }
            }
            return test4;
        }
    }

    刚开始是有疑问的，感觉volatile关键字根本没必要呀，其实是为了禁止指令重排，保证 test4 = new Test4()顺序执行，创建对象并赋值有如下的虚拟机指令：

    1
    2
    3
    4
    0: new   // 创建一个对象，在堆内开辟空间，并将地址放入虚拟机栈顶            
    3: dup   // 复制操作数栈顶值，并将其压入栈顶，也就是说此时操作数栈上有连续相同的两个对象地址；
    4: invokespecial #3 //执行构造方法             
    7: astore_1 // 将地址赋值
    1. 创建对象分配堆空间
    2. 执行构造方法
    3. 将对象地址赋值给变量

    上面这三个步骤，2，3是依赖一的，所以2，3一定会在1之后执行，而2，3可能会因为指令重排而发生 3执行在2之前，因此可能会出现下面的情况：

    线程1线程2
    1判断是否为null(true)
    2获取锁
    3判断是否为null(true)
    4发生指令重排
    5创建对象
    6将对象地址赋值给变量判断是否为null(false)
    7return
    8执行构造方法

    在线程1执行构造方法之前，线程2直接将没有初始化的地址返回了，因此线程2要执行操作的时候会出现问题，比如线程1在构造方法对成员变量进行赋值，而线程2获取时候发现还是默认值。

    因此volatile的重要性就体现出来了，禁止指令重排序将保证上述问题不会发生。

    参考

    Java并发编程：volatile关键字解析 - Matrix海子

    双重检查锁单例模式为什么要用volatile关键字？

    • 标题: Volatile关键字
    • 作者: chalmery
    • 创建于 : 2021-08-12 00:00:00
    • 更新于 : 2021-08-12 00:00:00
    • 链接: https://github.com/chalmery/1069363226/
    • 版权声明: 本文章采用 CC BY-NC-SA 4.0 进行许可。
    评论
    此页目录
    Volatile关键字
    1. 1 内存模型
    2. 2 并发编程
    3. 3 java内存模型
    4. 4 如何保证三个特性
  • 二 JUC
    1. 1 关键字
  • 参考
    • © 2021 - 2024    chalmery

    共 13 篇文章 共 20.1k 字

    访问人数 总访问量
    由 Hexo 驱动 主题 Redefine v2.6.1
    博客已运行 天 小时 分钟 秒
    \ No newline at end of file diff --git a/1698904213/index.html b/1698904213/index.html index d99c513..a11e0fb 100644 --- a/1698904213/index.html +++ b/1698904213/index.html @@ -1 +1 @@ -设计模式-发布订阅 - yangccBlog

    yangccBlog
    9
    标签
    2
    分类
    13
    文章

    设计模式-发布订阅

    chalmery Lv2
      2023-07-14 2023-07-14 创建   2023-07-14 2023-07-14 更新    1.3k 字  4 分钟  

    发布订阅

    观察者模式（Observer Pattern），或者叫发布订阅，是一种行为型设计模式，它定义了一种一对多的依赖关系，使得多个观察者对象可以同时监听和被通知被观察者对象的状态变化。

    观察者模式的主要特点如下：

    1. 主题和观察者的解耦：观察者模式通过定义抽象主题（Subject）和抽象观察者（Observer）来实现主题和观察者的解耦。主题对象并不直接依赖于具体的观察者，而是依赖于观察者的抽象。这样可以使主题对象和具体观察者对象相互独立，彼此之间的耦合度降低。
    2. 一对多的依赖关系：观察者模式中，一个主题对象可以有多个观察者对象订阅并监听它的状态变化。当主题对象的状态发生变化时，所有依赖于它的观察者对象都会收到相应的通知并进行相应的处理。这种一对多的依赖关系使得我们可以方便地增加或删除观察者对象，而不需要修改主题对象的代码。
    3. 松散耦合的设计：观察者模式通过松散耦合的设计，使得主题对象和观察者对象之间的依赖关系变得松散。主题对象只需要知道观察者对象实现了特定的观察者接口，而不需要了解具体的观察者对象。这样可以使得系统更加灵活，易于扩展和维护。
    4. 发布-订阅机制：观察者模式可以看作是一种发布-订阅（Publish-Subscribe）机制的实现。主题对象充当发布者，观察者对象充当订阅者。主题对象维护着一组观察者对象，并在状态变化时主动通知观察者对象，从而实现发布-订阅的通信机制。

    观察者模式在实际应用中非常常见，例如事件驱动编程、GUI开发、消息队列等。它可以帮助我们实现对象之间的松散耦合，提高系统的可维护性、扩展性和灵活性。

    概念

    发布订阅核心就是一个Map或者数组之类的容器，存储所有注册的事件，以及对应的回调。而具体每件事情完成后，告诉事件中心，我要触发某个事件的回调，事件中心从容器中找到对应的事件，然后执行函数。可以发现整体是解耦的状态，事件触发者，和事件的函数是分离的，通过中间者eventManager来沟通。

    observer

    框架的使用

    上述概念有没有很熟悉，这个和后端常用中间件MQ，桌面框架electron中的一些地方很像？其实这些地方都用到了这个设计模式。

    • 在我们使用消息队列，无论是rabbitMq还是RocketMq的时候，都是一样的，我们往指定的topic中发送消息，然后监听这个topic的消息，然后处理，和上述图的结构一样，本质就是一个发布订阅的设计模式。
    • electron框架中通过ipcRenderer来管理事件，send来触发事件，on来注册遇到这个事件要做什么事情
    1
    2
    3
    4
    //触发事件
    electron.ipcRenderer.send('eventName', data);
    //注册事件的处理动作
    electron.ipcRenderer.send('eventName', func);

    日常开发如何使用

    1 在前端开发中使用

    在前端开发中，我们会发现组件传值在某些情况异常复杂，甚至无法做到，我们会发现，常见的就是父子传值，如果是两个没有嵌套关系的组件传值呢？貌似很复杂，常常可能就会用一个中介来做这件事，比如：redux，vuex之类的状态管理，这边存，那边取。其实可以直接运用这个设计模式来做到。

    代码参考：发布订阅

    2 在后端开发中使用

    在后端开发中，我们常见的一个业务场景就是，做了一件事之后，要做一些事情，比如：

    • 要发mq
    • 要发通知
    • 要存es
    • 要刷新缓存

    这些事情常常是异步的，和这件事情没有关系，开发中常常会开启一个线程池，或者发一个mq异步里去处理。这样当然是可以的但是有这些缺点：

    • 整体不够抽象化，没有把这类事情做一个抽象，代码不够规范化。
    • 有些时候要做的事情，比如要发mq，要存es等，没有前后顺序，也就是这些事件是互不干扰的，可以在不同的线程处理，而mq通常创建一个监听后，顺序的去做这些事情，只发挥了一个线程的作用

    代码参考：发布订阅

    像上述代码示例的内容，在下面Add 事件发布的时候，EventManager就会依次开启线程来调用监听。SendMqEventListener，SendSlsEventListener会分两个线程来执行

    1
    2
    3
    4
    5
    6
    7
    8
    public class BusinessCode {
        public static void main(String[] args) {
            //省略业务代码
            //做完事情之后，发送通知
            AddEntity entity = new AddEntity("name","code","desc");
            EventManager.publish(EventEnum.ADD,entity);
        }
    }
    • 标题: 设计模式-发布订阅
    • 作者: chalmery
    • 创建于 : 2023-07-14 00:00:00
    • 更新于 : 2023-07-14 00:00:00
    • 链接: https://github.com/chalmery/1698904213/
    • 版权声明: 本文章采用 CC BY-NC-SA 4.0 进行许可。
    评论
    此页目录
    设计模式-发布订阅
    1. 发布订阅
      1. 概念
      2. 框架的使用
      3. 日常开发如何使用
        1. 1 在前端开发中使用
        2. 2 在后端开发中使用
    © 2021 - 2024    chalmery

    共 13 篇文章 共 20.2k 字

    访问人数 总访问量
    由 Hexo 驱动 主题 Redefine v2.6.1
    博客已运行 天 小时 分钟 秒
    \ No newline at end of file +设计模式-发布订阅 - yangccBlog

    yangccBlog
    9
    标签
    2
    分类
    13
    文章

    设计模式-发布订阅

    chalmery Lv2
      2023-07-14 2023-07-14 创建   2023-07-14 2023-07-14 更新    1.3k 字  4 分钟  

    发布订阅

    观察者模式（Observer Pattern），或者叫发布订阅，是一种行为型设计模式，它定义了一种一对多的依赖关系，使得多个观察者对象可以同时监听和被通知被观察者对象的状态变化。

    观察者模式的主要特点如下：

    1. 主题和观察者的解耦：观察者模式通过定义抽象主题（Subject）和抽象观察者（Observer）来实现主题和观察者的解耦。主题对象并不直接依赖于具体的观察者，而是依赖于观察者的抽象。这样可以使主题对象和具体观察者对象相互独立，彼此之间的耦合度降低。
    2. 一对多的依赖关系：观察者模式中，一个主题对象可以有多个观察者对象订阅并监听它的状态变化。当主题对象的状态发生变化时，所有依赖于它的观察者对象都会收到相应的通知并进行相应的处理。这种一对多的依赖关系使得我们可以方便地增加或删除观察者对象，而不需要修改主题对象的代码。
    3. 松散耦合的设计：观察者模式通过松散耦合的设计，使得主题对象和观察者对象之间的依赖关系变得松散。主题对象只需要知道观察者对象实现了特定的观察者接口，而不需要了解具体的观察者对象。这样可以使得系统更加灵活，易于扩展和维护。
    4. 发布-订阅机制：观察者模式可以看作是一种发布-订阅（Publish-Subscribe）机制的实现。主题对象充当发布者，观察者对象充当订阅者。主题对象维护着一组观察者对象，并在状态变化时主动通知观察者对象，从而实现发布-订阅的通信机制。

    观察者模式在实际应用中非常常见，例如事件驱动编程、GUI开发、消息队列等。它可以帮助我们实现对象之间的松散耦合，提高系统的可维护性、扩展性和灵活性。

    概念

    发布订阅核心就是一个Map或者数组之类的容器，存储所有注册的事件，以及对应的回调。而具体每件事情完成后，告诉事件中心，我要触发某个事件的回调，事件中心从容器中找到对应的事件，然后执行函数。可以发现整体是解耦的状态，事件触发者，和事件的函数是分离的，通过中间者eventManager来沟通。

    框架的使用

    上述概念有没有很熟悉，这个和后端常用中间件MQ，桌面框架electron中的一些地方很像？其实这些地方都用到了这个设计模式。

    • 在我们使用消息队列，无论是rabbitMq还是RocketMq的时候，都是一样的，我们往指定的topic中发送消息，然后监听这个topic的消息，然后处理，和上述图的结构一样，本质就是一个发布订阅的设计模式。
    • electron框架中通过ipcRenderer来管理事件，send来触发事件，on来注册遇到这个事件要做什么事情
    1
    2
    3
    4
    //触发事件
    electron.ipcRenderer.send('eventName', data);
    //注册事件的处理动作
    electron.ipcRenderer.send('eventName', func);

    日常开发如何使用

    1 在前端开发中使用

    在前端开发中，我们会发现组件传值在某些情况异常复杂，甚至无法做到，我们会发现，常见的就是父子传值，如果是两个没有嵌套关系的组件传值呢？貌似很复杂，常常可能就会用一个中介来做这件事，比如：redux，vuex之类的状态管理，这边存，那边取。其实可以直接运用这个设计模式来做到。

    代码参考：发布订阅

    2 在后端开发中使用

    在后端开发中，我们常见的一个业务场景就是，做了一件事之后，要做一些事情，比如：

    • 要发mq
    • 要发通知
    • 要存es
    • 要刷新缓存

    这些事情常常是异步的，和这件事情没有关系，开发中常常会开启一个线程池，或者发一个mq异步里去处理。这样当然是可以的但是有这些缺点：

    • 整体不够抽象化，没有把这类事情做一个抽象，代码不够规范化。
    • 有些时候要做的事情，比如要发mq，要存es等，没有前后顺序，也就是这些事件是互不干扰的，可以在不同的线程处理，而mq通常创建一个监听后，顺序的去做这些事情，只发挥了一个线程的作用

    代码参考：发布订阅

    像上述代码示例的内容，在下面Add 事件发布的时候，EventManager就会依次开启线程来调用监听。SendMqEventListener，SendSlsEventListener会分两个线程来执行

    1
    2
    3
    4
    5
    6
    7
    8
    public class BusinessCode {
        public static void main(String[] args) {
            //省略业务代码
            //做完事情之后，发送通知
            AddEntity entity = new AddEntity("name","code","desc");
            EventManager.publish(EventEnum.ADD,entity);
        }
    }
    • 标题: 设计模式-发布订阅
    • 作者: chalmery
    • 创建于 : 2023-07-14 00:00:00
    • 更新于 : 2023-07-14 00:00:00
    • 链接: https://github.com/chalmery/1698904213/
    • 版权声明: 本文章采用 CC BY-NC-SA 4.0 进行许可。
    评论
    此页目录
    设计模式-发布订阅
    1. 发布订阅
      1. 概念
      2. 框架的使用
      3. 日常开发如何使用
        1. 1 在前端开发中使用
        2. 2 在后端开发中使用
    © 2021 - 2024    chalmery

    共 13 篇文章 共 20.1k 字

    访问人数 总访问量
    由 Hexo 驱动 主题 Redefine v2.6.1
    博客已运行 天 小时 分钟 秒
    \ No newline at end of file diff --git a/1839521991/index.html b/1839521991/index.html index 9d50ebe..f189e8f 100644 --- a/1839521991/index.html +++ b/1839521991/index.html @@ -1 +1 @@ -控制缩放以及多倍图 - yangccBlog

    yangccBlog
    9
    标签
    2
    分类
    13
    文章

    控制缩放以及多倍图

    chalmery Lv2
      2022-02-08 2022-02-08 创建   2022-02-08 2022-02-08 更新    395 字  1 分钟  

    一 系统缩放

    Javafx针对系统缩放是有优化的，比如在我的小新pro13上默认缩放比例为200%，因此在默认情况下如下的代码：

    1
    2
    primaryStage.setWidth(500);
    primaryStage.setHeight(500);

    展示的宽高是1000x1000,而我们是否可以自己来进行控制呢？也就是很多桌面程序常见的功能：是否禁止屏幕DPI适配

    在Javafx中为我们提供了两个虚拟机参数：

    1
    2
    3
    4
    #  禁止屏幕缩放
    -Dprism.allowhidpi = false
    # 默认起始缩放比例
    ：-Dglass.win.minHiDPI = 1

    因此只需要在虚拟机启动的时候加上这个参数即可，而Java为我们提供了两种方式，分别是键值对，以及传入一个Properties对象，因此就可以将参数写入Properties文件中，就可以保存用户的设置。

    image-20211113180315027

    二 多倍图

    多倍图还是对系统缩放的优化，因为如果图片是固定大小的，如果高分屏缩放很可能是150%，200%，那这样图片就会出现模糊的效果，因此Javafx对此进行了优化只要图片名称后加入 @2x或者 @3x,注意只能是整数倍，就可以实现自动切换,比如下面的代码，加载的其实是 java@2x.png这张图片。

    1
    2
    3
    primaryStage.getIcons().add(
        new Image(getClass().getResource("/img/java.png").toExternalForm())
    );

    注意加载图片的方式要使用非流的方式，因为如果是流就固定的使用那张图片了。

    image-20211113191416012

    三 参考

    感谢B站LeeWyatt老师的讲解，这是视频地址 https://www.bilibili.com/video/BV113411k7Zr

    • 标题: 控制缩放以及多倍图
    • 作者: chalmery
    • 创建于 : 2022-02-08 00:00:00
    • 更新于 : 2022-02-08 00:00:00
    • 链接: https://github.com/chalmery/1839521991/
    • 版权声明: 本文章采用 CC BY-NC-SA 4.0 进行许可。
    评论
    此页目录
    控制缩放以及多倍图
    1. 一 系统缩放
    2. 二 多倍图
      1. 三 参考
    © 2021 - 2024    chalmery

    共 13 篇文章 共 20.2k 字

    访问人数 总访问量
    由 Hexo 驱动 主题 Redefine v2.6.1
    博客已运行 天 小时 分钟 秒
    \ No newline at end of file +控制缩放以及多倍图 - yangccBlog

    yangccBlog
    9
    标签
    2
    分类
    13
    文章

    控制缩放以及多倍图

    chalmery Lv2
      2022-02-08 2022-02-08 创建   2022-02-08 2022-02-08 更新    393 字  1 分钟  

    一 系统缩放

    Javafx针对系统缩放是有优化的，比如在我的小新pro13上默认缩放比例为200%，因此在默认情况下如下的代码：

    1
    2
    primaryStage.setWidth(500);
    primaryStage.setHeight(500);

    展示的宽高是1000x1000,而我们是否可以自己来进行控制呢？也就是很多桌面程序常见的功能：是否禁止屏幕DPI适配

    在Javafx中为我们提供了两个虚拟机参数：

    1
    2
    3
    4
    #  禁止屏幕缩放
    -Dprism.allowhidpi = false
    # 默认起始缩放比例
    ：-Dglass.win.minHiDPI = 1

    因此只需要在虚拟机启动的时候加上这个参数即可，而Java为我们提供了两种方式，分别是键值对，以及传入一个Properties对象，因此就可以将参数写入Properties文件中，就可以保存用户的设置。

    二 多倍图

    多倍图还是对系统缩放的优化，因为如果图片是固定大小的，如果高分屏缩放很可能是150%，200%，那这样图片就会出现模糊的效果，因此Javafx对此进行了优化只要图片名称后加入 @2x或者 @3x,注意只能是整数倍，就可以实现自动切换,比如下面的代码，加载的其实是 java@2x.png这张图片。

    1
    2
    3
    primaryStage.getIcons().add(
        new Image(getClass().getResource("/img/java.png").toExternalForm())
    );

    注意加载图片的方式要使用非流的方式，因为如果是流就固定的使用那张图片了。

    三 参考

    感谢B站LeeWyatt的讲解，这是视频地址 https://www.bilibili.com/video/BV113411k7Zr

    • 标题: 控制缩放以及多倍图
    • 作者: chalmery
    • 创建于 : 2022-02-08 00:00:00
    • 更新于 : 2022-02-08 00:00:00
    • 链接: https://github.com/chalmery/1839521991/
    • 版权声明: 本文章采用 CC BY-NC-SA 4.0 进行许可。
    评论
    此页目录
    控制缩放以及多倍图
    1. 一 系统缩放
    2. 二 多倍图
      1. 三 参考
    © 2021 - 2024    chalmery

    共 13 篇文章 共 20.1k 字

    访问人数 总访问量
    由 Hexo 驱动 主题 Redefine v2.6.1
    博客已运行 天 小时 分钟 秒
    \ No newline at end of file diff --git a/2260828129/index.html b/2260828129/index.html index 5d9103c..00066b6 100644 --- a/2260828129/index.html +++ b/2260828129/index.html @@ -1 +1 @@ -类型擦除 - yangccBlog

    yangccBlog
    9
    标签
    2
    分类
    13
    文章

    类型擦除

    chalmery Lv2
      2021-10-02 2021-10-02 创建   2021-10-02 2021-10-02 更新    1.6k 字  6 分钟  

    一 泛型

    在JAVA中的泛型，在编译的时候，所有的泛型信息都会被抹去。这个过程成为 类型擦除。这样做的原因是为了兼容老版本。

    JAVA中泛型的引入主要是为了解决两个方面的问题：

    • 减少类型转换
    • 解决的时重复代码的编写，能够复用算法，泛化。

    以类Dad为例，有一成员是泛型，并且有对应的get，set方法。

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    public class Dad<T> {
        private T value;

        public T getValue() {
            return value;
        }

        public void setValue(T value) {
            this.value = value;
        }
    }

    而在反编译后，代码如下，可以看到类型T全部被Object替换。如果定义的类泛型指定为 <T extend Comparable>，则编译后所有的T替换为Comparable

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    public class Dad{
        private Object value;

        public Object getValue()
        {
            return value;
        }

        public void setValue(Object value)
        {
            this.value = value;
        }
    }

    二 类型擦除产生的特性

    1 编译检查根据引用确定:

    既然编译后类型变为Object，因此赋值的时候传递不同类型的值是否可以呢？答案是不可以，因为编译器在编译前会先检查代码中泛型的类型，不符合条件编译不通过。

    1
    2
    3
    4
    //正确方式
    List<String> list  = new ArrayList<String>();
    list.add("aaa");
    list.add(1);//编译报错

    而如下这种方式虽然可以通过编译但是会有编译警告，但我们这么用就没意义了，因为存储的类型实际上是Object，如果要强行转换为String是会出现 类型转换异常的。

    1
    2
    3
    4
    5
    6
    7
    List list = new ArrayList<String>();
    list.add("aaa"); //编译警告，未检查的参数
    list.add(1);

    for (Object o : list) {
        System.out.println((String) o); //到第二个参数的时候抛出 类型转换异常
    }

    从上面的例子可以看出，编译器在检查泛型是否合格的时候确实是根据 引用检查的

    2 不允许引用传递时改变类型：

    既然前面我们知道了编译器检查泛型是否合格是根据 引用来决定是否通过的，那么我们引用传递下换成不同的类型是否是可以的呢? 答案是不可以的，泛型的出现就是为了尽量减少类型转换，这样写代码也就失去了意义。

    1
    2
    List<Object> list1 = new ArrayList<>();
    List<String> list2 = list1; //编译报错

    3 集合会自动类型转换

    因为在编译的时候都变为了Object，而我们获取后为何还是我们制定的类型呢？以ArrayList为例，在获取元素前已经做了类型转换，我们不再需要进行类型转换了。

    1
    2
    3
    E elementData(int index) {
        return (E) elementData[index]; //转换为指定的类型
    }

    4 桥方法解决与多态的冲突

    有一个泛型父类如下：

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    public class Dad<T> {
        private T value;

        public T getValue() {
            return value;
        }

        public void setValue(T value) {
            this.value = value;
        }
    }

    有子类继承它，并且指定泛型类型，我们会发现这样写 @Override注解是通过的，也就是满足重写。但是父类编译后是Object，而我们子类的两个方法是String类型，因为方法重写的规则是 方法的参数是必须是相同类型的，因此这里的set方法其实并不满足重写规则的，

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    public class Sub extends Dad<String>{
        public Sub() {
        }

        @Override
        public String getValue() {
            return "hello world";
        }

        @Override
        public void setValue(String value) {
            System.out.println("设置value");
        }
    }

    将子类反编译后会发现，多出来两个对应的方法。可以看到这两个方法调用了我们重写的方法，实际上这两个方法才满足 @Override，这就是 桥方法，编译后通过这个方法解决了泛型类重写的问题。

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    public class Sub extends Dad {
        public String getValue() //重写的get方法
        {
            return "hello world";
        }

        public volatile Object getValue() //生成的桥方法
        {
            return getValue(); //调用重写的方法
        }

        public void setValue(String value) //重写的set方法
        {
            System.out.println("设置value");
        }

        public volatile void setValue(Object obj) //生产的桥方法
        {
            setValue((String)obj); //调用重写的set方法
        }
    }

    5 泛型类型变量不能是基本数据类型

    因为类型擦除后所有的泛型关键字都是要替换成Object或者其子类，反正一定要是引用类型。如果要使用基本类型存储数据可以使用相应的包装类。

    6 集合的instanceof编译不通过

    因为编译后类型被擦除，无论是 List<String>还是 List<Integer>都变成了 List,因此下面的语句在编译时候是不通过的：

    1
    2
    ArrayList<String> arrayList = new ArrayList<String>();
    if( arrayList instanceof ArrayList<String>) //编译不通过

    7 静态成员或者方法无法声明为泛型

    因为泛型类型是创建对象的时候才确定是什么类型的，而静态属性或者方法不需要使用对象调用，无法确定泛型是什么类型的。

    而下面这种情况例外：因为方法show的返回值类型是由方法参数决定的，返回值类型就是参数类型。

    1
    2
    3
    4
    5
    6
    public class Demo<T> {  

        public static <T> T show(T t){ //编译正确 
            return null;  
        }  
    }

    三 如何保存泛型信息

    既然泛型信息擦除了，那么反射应该是获取不到类型信息的吧，但是还是能获取到

    有一个泛型父类，在构造方法中通过反射获取类型信息

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    public class EntityHandler<T> {
        public EntityHandler() {
            //获取class对象
            Class<?> clazz = this.getClass();
            //获取类型
            Type genericSuperclass = clazz.getGenericSuperclass();
            System.out.println(genericSuperclass); //EntityHandler<User>

            //获取泛型信息
            ParameterizedType t = (ParameterizedType)clazz.getGenericSuperclass();
            Type[] ts = t.getActualTypeArguments();
            for (Type type : ts) {
                System.out.println(type); //class User
            }
        }
    }

    子类赋值为了User类型

    1
    2
    3
    4
    5
    public class UserHandler extends EntityHandler<User>{
        public static void main(String[] args) {
            new UserHandler();
        }
    }

    控制台打印：

    1
    2
    test.base.generic.EntityHandler<test.base.generic.User>
    class test.base.generic.User

    答案就是在编译为字节码文件的时候，泛型信息通过 Signature保存了下来

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    {
      public test.base.generic.UserHandler();
        descriptor: ()V
        flags: (0x0001) ACC_PUBLIC
        Code:
          stack=1, locals=1, args_size=1
             0: aload_0
             1: invokespecial #1                  // Method EntityHandler."<init>":()V
             4: return
          LineNumberTable:
            line 7: 0
          LocalVariableTable:
            Start  Length  Slot  Name   Signature
                0       5     0  this   Ltest/base/generic/UserHandler;
    }
    Signature: #12                          // /EntityHandler<Ltest/User;
    1
    2
    3
    4
    List<String> l1 = new ArrayList<>();
    List<Integer> l2 = new ArrayList<>();

    System.out.println(l1.getClass() == l2.getClass());
    • 标题: 类型擦除
    • 作者: chalmery
    • 创建于 : 2021-10-02 00:00:00
    • 更新于 : 2021-10-02 00:00:00
    • 链接: https://github.com/chalmery/2260828129/
    • 版权声明: 本文章采用 CC BY-NC-SA 4.0 进行许可。
    评论
    此页目录
    类型擦除
    1. 一 泛型
    2. 二 类型擦除产生的特性
    3. 三 如何保存泛型信息
    © 2021 - 2024    chalmery

    共 13 篇文章 共 20.2k 字

    访问人数 总访问量
    由 Hexo 驱动 主题 Redefine v2.6.1
    博客已运行 天 小时 分钟 秒
    \ No newline at end of file +类型擦除 - yangccBlog

    yangccBlog
    9
    标签
    2
    分类
    13
    文章

    类型擦除

    chalmery Lv2
      2021-10-02 2021-10-02 创建   2021-10-02 2021-10-02 更新    1.6k 字  6 分钟  

    一 泛型

    在JAVA中的泛型，在编译的时候，所有的泛型信息都会被抹去。这个过程成为 类型擦除。这样做的原因是为了兼容老版本。

    JAVA中泛型的引入主要是为了解决两个方面的问题：

    • 减少类型转换
    • 解决的时重复代码的编写，能够复用算法，泛化。

    以类Dad为例，有一成员是泛型，并且有对应的get，set方法。

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    public class Dad<T> {
        private T value;

        public T getValue() {
            return value;
        }

        public void setValue(T value) {
            this.value = value;
        }
    }

    而在反编译后，代码如下，可以看到类型T全部被Object替换。如果定义的类泛型指定为 <T extend Comparable>，则编译后所有的T替换为Comparable

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    public class Dad{
        private Object value;

        public Object getValue()
        {
            return value;
        }

        public void setValue(Object value)
        {
            this.value = value;
        }
    }

    二 类型擦除产生的特性

    1 编译检查根据引用确定:

    既然编译后类型变为Object，因此赋值的时候传递不同类型的值是否可以呢？答案是不可以，因为编译器在编译前会先检查代码中泛型的类型，不符合条件编译不通过。

    1
    2
    3
    4
    //正确方式
    List<String> list  = new ArrayList<String>();
    list.add("aaa");
    list.add(1);//编译报错

    而如下这种方式虽然可以通过编译但是会有编译警告，但我们这么用就没意义了，因为存储的类型实际上是Object，如果要强行转换为String是会出现 类型转换异常的。

    1
    2
    3
    4
    5
    6
    7
    List list = new ArrayList<String>();
    list.add("aaa"); //编译警告，未检查的参数
    list.add(1);

    for (Object o : list) {
        System.out.println((String) o); //到第二个参数的时候抛出 类型转换异常
    }

    从上面的例子可以看出，编译器在检查泛型是否合格的时候确实是根据 引用检查的

    2 不允许引用传递时改变类型：

    既然前面我们知道了编译器检查泛型是否合格是根据 引用来决定是否通过的，那么我们引用传递下换成不同的类型是否是可以的呢? 答案是不可以的，泛型的出现就是为了尽量减少类型转换，这样写代码也就失去了意义。

    1
    2
    List<Object> list1 = new ArrayList<>();
    List<String> list2 = list1; //编译报错

    3 集合会自动类型转换

    因为在编译的时候都变为了Object，而我们获取后为何还是我们制定的类型呢？以ArrayList为例，在获取元素前已经做了类型转换，我们不再需要进行类型转换了。

    1
    2
    3
    E elementData(int index) {
        return (E) elementData[index]; //转换为指定的类型
    }

    4 桥方法解决与多态的冲突

    有一个泛型父类如下：

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    public class Dad<T> {
        private T value;

        public T getValue() {
            return value;
        }

        public void setValue(T value) {
            this.value = value;
        }
    }

    有子类继承它，并且指定泛型类型，我们会发现这样写 @Override注解是通过的，也就是满足重写。但是父类编译后是Object，而我们子类的两个方法是String类型，因为方法重写的规则是 方法的参数是必须是相同类型的，因此这里的set方法其实并不满足重写规则的，

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    public class Sub extends Dad<String>{
        public Sub() {
        }

        @Override
        public String getValue() {
            return "hello world";
        }

        @Override
        public void setValue(String value) {
            System.out.println("设置value");
        }
    }

    将子类反编译后会发现，多出来两个对应的方法。可以看到这两个方法调用了我们重写的方法，实际上这两个方法才满足 @Override，这就是 桥方法，编译后通过这个方法解决了泛型类重写的问题。

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    public class Sub extends Dad {
        public String getValue() //重写的get方法
        {
            return "hello world";
        }

        public volatile Object getValue() //生成的桥方法
        {
            return getValue(); //调用重写的方法
        }

        public void setValue(String value) //重写的set方法
        {
            System.out.println("设置value");
        }

        public volatile void setValue(Object obj) //生产的桥方法
        {
            setValue((String)obj); //调用重写的set方法
        }
    }

    5 泛型类型变量不能是基本数据类型

    因为类型擦除后所有的泛型关键字都是要替换成Object或者其子类，反正一定要是引用类型。如果要使用基本类型存储数据可以使用相应的包装类。

    6 集合的instanceof编译不通过

    因为编译后类型被擦除，无论是 List<String>还是 List<Integer>都变成了 List,因此下面的语句在编译时候是不通过的：

    1
    2
    ArrayList<String> arrayList = new ArrayList<String>();
    if( arrayList instanceof ArrayList<String>) //编译不通过

    7 静态成员或者方法无法声明为泛型

    因为泛型类型是创建对象的时候才确定是什么类型的，而静态属性或者方法不需要使用对象调用，无法确定泛型是什么类型的。

    而下面这种情况例外：因为方法show的返回值类型是由方法参数决定的，返回值类型就是参数类型。

    1
    2
    3
    4
    5
    6
    public class Demo<T> {  

        public static <T> T show(T t){ //编译正确 
            return null;  
        }  
    }

    三 如何保存泛型信息

    既然泛型信息擦除了，那么反射应该是获取不到类型信息的吧，但是还是能获取到

    有一个泛型父类，在构造方法中通过反射获取类型信息

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    public class EntityHandler<T> {
        public EntityHandler() {
            //获取class对象
            Class<?> clazz = this.getClass();
            //获取类型
            Type genericSuperclass = clazz.getGenericSuperclass();
            System.out.println(genericSuperclass); //EntityHandler<User>

            //获取泛型信息
            ParameterizedType t = (ParameterizedType)clazz.getGenericSuperclass();
            Type[] ts = t.getActualTypeArguments();
            for (Type type : ts) {
                System.out.println(type); //class User
            }
        }
    }

    子类赋值为了User类型

    1
    2
    3
    4
    5
    public class UserHandler extends EntityHandler<User>{
        public static void main(String[] args) {
            new UserHandler();
        }
    }

    控制台打印：

    1
    2
    test.base.generic.EntityHandler<test.base.generic.User>
    class test.base.generic.User

    答案就是在编译为字节码文件的时候，泛型信息通过 Signature保存了下来

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    {
      public test.base.generic.UserHandler();
        descriptor: ()V
        flags: (0x0001) ACC_PUBLIC
        Code:
          stack=1, locals=1, args_size=1
             0: aload_0
             1: invokespecial #1                  // Method EntityHandler."<init>":()V
             4: return
          LineNumberTable:
            line 7: 0
          LocalVariableTable:
            Start  Length  Slot  Name   Signature
                0       5     0  this   Ltest/base/generic/UserHandler;
    }
    Signature: #12                          // /EntityHandler<Ltest/User;
    1
    2
    3
    4
    List<String> l1 = new ArrayList<>();
    List<Integer> l2 = new ArrayList<>();

    System.out.println(l1.getClass() == l2.getClass());
    • 标题: 类型擦除
    • 作者: chalmery
    • 创建于 : 2021-10-02 00:00:00
    • 更新于 : 2021-10-02 00:00:00
    • 链接: https://github.com/chalmery/2260828129/
    • 版权声明: 本文章采用 CC BY-NC-SA 4.0 进行许可。
    评论
    此页目录
    类型擦除
    1. 一 泛型
    2. 二 类型擦除产生的特性
    3. 三 如何保存泛型信息
    © 2021 - 2024    chalmery

    共 13 篇文章 共 20.1k 字

    访问人数 总访问量
    由 Hexo 驱动 主题 Redefine v2.6.1
    博客已运行 天 小时 分钟 秒
    \ No newline at end of file diff --git a/2402782093/index.html b/2402782093/index.html index fc944aa..304ed67 100644 --- a/2402782093/index.html +++ b/2402782093/index.html @@ -1 +1 @@ -Electron(一) - yangccBlog

    yangccBlog
    9
    标签
    2
    分类
    13
    文章

    Electron(一)

    chalmery Lv2
      2023-06-22 2023-06-22 创建   2023-06-22 2023-06-22 更新    1.8k 字  7 分钟  

    Electron(一)

    Electron是一个js桌面端框架，让html，js 打包为桌面应用成为可能，已经有非常多的应用使用了这门技术，如：vscode，notion，figma，思源笔记等等

    image

    一 整体交互形式

    桌面应用最重要的是什么，或者说和浏览器页面有什么区别？大的来说就是可以和操作系统交互，那么什么叫可以和操作系统交互？让我们回顾下浏览器，浏览器就像一个盒子，里面的所有页面的权利是有限的，就比如，

    • 我想在浏览器自己写的一个html页面通过js函数，在文档这个文件夹下创建一个文件，或者修改一个文件
    • 调用系统通知api，使用系统通知
    • 修改系统音量？

    这些都是做不到的，这些都涉及了操作系统的api，那electron是如何做到的呢，我们看下这个图：

    image

    Electron就相当于一个中间层，为js提供了一个曲线访问系统api的能力，做任何和系统有关的操作，都要通过electron

    一个简单的例子，我想通过，文件选择器，拿到一个文件的路径，该如何实现？你可能会想到，浏览器也可以呀，通过选择器，选择一个文件，还要Electron干嘛？

    是没问题，可以选到一个文件，但是文件的路径是获取不到的，简单思考下，如果一个普通的网页，点击就能获取到你本机文件的路径，甚至别的操作系统信息，你做为浏览器的开发者会允许这样吗？这样对浏览器使用者来讲显然是非常危险的，点开个网页信息泄密了，甚至电脑上文件丢了。

    因此，我们要使用的文件选择器是操作系统的文件选择器，这个显然是js办不到的，因此有了Electron，它提供了这样的api：文档详见：https://www.electronjs.org/zh/docs/latest/api/dialog 

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    import {dialog} from "electron";

    function open() {
        let files = dialog.showOpenDialogSync({
            title: '选择文件路径',
            properties: ['openDirectory', 'multiSelections']
        })
        console.log(files)
        return files
    }

    文件选择器是有了，我们该如何通知Electron呢？换句话说就是，上面的js函数是显示层调用不到的，因此Electron提供了一种方式，让我们可以与它交互。这种方式类似js的发布订阅模型，发布一个事件，消费者监听事件。

    文档详见：https://www.electronjs.org/zh/docs/latest/api/ipc-renderer

    js端通过ipcRenderer.send发送一个事件通过Electron

    1
    2
    3
    const electron = window.electron

    electron.ipcRenderer.send('事件名称',data)

    electron端通过ipcMain.on监听js端发送过来的事件，那当这件事情处理完成了，想要告诉js端怎么办？通过event.reply发送一个事件，携带数据给js，和上面的ipcRenderer.send是类似的

    1
    2
    3
    4
    5
    6
    7
    8
    9
    import {ipcMain} from "electron"

     ipcMain.on('事件名称',(event, data)) => {
            //处理


            //回调
            event.reply('新的事件名称', 要返回的数据)
        })

    js端该如何处理呢？以React为例：useEffect中，通过ipcRenderer.on，监听这个事件，然后处理，一定要在[]这个useEffect，代表页面创建就运行这个函数，监听这个事件，在return中删除这个事件，不然每次每次页面加载都会创建一个监听，这样会越建越多

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    useEffect(() => {
        //处理Electron端发送的事件
        electron.ipcRenderer.on('事件名称', (event, 数据) => {
          //处理
        });

        return () => {
          electron.ipcRenderer.removeAllListeners('事件名称');
        };
      }, []);

    到这里就完成了一个交互，是不是很简单。

    二 打包

    打包全靠配置，这个是我的配置：

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
    45
    46
    47
    48
    49
    50
    51
    52
    53
    54
    55
    56
    57
    58
    59
    60
    61
    62
    63
    64
    65
    66
    67
    68
    69
    70
    71
    72
    73
    74
    75
    76
    77
    78
    79
    80
    81
    82
    83
    84
    85
    86
    87
    88
    89
    90
    91
    92
    93
    94
    95
    96
    /**
     * @see https://www.electron.build/configuration/configuration
     */
    {
      appId: "electron-music",
      productName: "electron-music",
      copyright: "Copyright © 2023 ${author}",
      asar: true,
      directories: {
        output: "release",
        buildResources: "public"
      },
      files: [
        "dist"
      ],
      win: {
        icon: "public/icons/music256x256.png",
        target: [
          {
            target: "dir",
            arch: [
              "x64"
            ]
          },
          {
            target: "nsis",
            arch: [
              "x64"
            ]
          }
        ]
      },
      nsis: {
        "oneClick": false,
        // 创建一键安装程序还是辅助安装程序（默认是一键安装）
        "allowElevation": true,
        // 是否允许请求提升，如果为false，则用户必须使用提升的权限重新启动安装程序 （仅作用于辅助安装程序）
        "allowToChangeInstallationDirectory": true,
        // 是否允许修改安装目录 （仅作用于辅助安装程序）
        "installerIcon": "public/icons/music256x256.png",
        // 安装程序图标的路径
        "uninstallerIcon": "public/icons/music256x256.png",
        // 卸载程序图标的路径
        "installerHeader": "public/icons/music256x256.png",
        // 安装时头部图片路径（仅作用于辅助安装程序）
        "installerHeaderIcon": "public/icons/music256x256.png",
        // 安装时标题图标（进度条上方）的路径（仅作用于一键安装程序）
        "installerSidebar": "public/icons/music256x256.png",
        // 安装完毕界面图片的路径，（仅作用于辅助安装程序）
        "uninstallerSidebar": "public/icons/music256x256.png",
        // 开始卸载界面图片的路径（仅作用于辅助安装程序）
        "uninstallDisplayName": "electron-music-${version}",
        // 控制面板中的卸载程序显示名称
        "createDesktopShortcut": true,
        // 是否创建桌面快捷方式
        "createStartMenuShortcut": true,
        // 是否创建开始菜单快捷方式
        "include": "script/installer.nsi",
        // NSIS包含定制安装程序脚本的路径，安装过程中自行调用  (可用于写入注册表 开机自启动等操作)
        "script": "script/installer.nsi",
        // 用于自定义安装程序的NSIS脚本的路径
        "deleteAppDataOnUninstall": true,
        // 是否在卸载时删除应用程序数据（仅作用于一键安装程序）
        "runAfterFinish": false,
        // 完成后是否运行已安装的应用程序（对于辅助安装程序，应删除相应的复选框）
        "menuCategory": false,
        // 是否为开始菜单快捷方式和程序文件目录创建子菜单，如果为true，则使用公司名称
        "perMachine": true,
        //给机器上所有用户安装
        "language": "2052"
        //安装语言(中文)
      },
      mac: {
        icon: 'public/icons/music256x256.png',
        category: 'Productivity',
        target: [
          {
            target: 'default',
            arch: [
              'arm64',
              'x64'
            ]
          }
        ]
      },
      linux: {
        icon: "public/icons/music256x256.png",
        target: [
          "AppImage",
          "tar.gz"
        ],
        "category": "Audio",
        artifactName: "${productName}-Linux-${version}.${ext}"
      }
    }

    参考: 我的音乐播放器项目

    三 注意事项

    1 在linux下窗口关闭前做一件事

    看环境，比如kde下是做不到比如隐藏窗口的，在kde下，点击关闭按钮，window对象对直接就销毁了。（曲线方式，我们可以不用系统自带的顶栏，自己实现一个，这样就不会有这样的问题了）

    1
    2
    3
    4
    5
    app.on('closed', () => {
      if (process.platform !== 'darwin') {
        app.quit()
      }
    })

    2 linux 下，英伟达显卡涉及到动画的页面报错（暂未解决）

    报错内容

    1
    libva error: vaGetDriverNameByIndex() failed with unknown libva error, driver_name = (null)

    ‍

    • 标题: Electron(一)
    • 作者: chalmery
    • 创建于 : 2023-06-22 00:00:00
    • 更新于 : 2023-06-22 00:00:00
    • 链接: https://github.com/chalmery/2402782093/
    • 版权声明: 本文章采用 CC BY-NC-SA 4.0 进行许可。
    评论
    此页目录
    Electron(一)
    1. Electron(一)
      1. 一 整体交互形式
      2. 二 打包
      3. 三 注意事项
        1. 1 在linux下窗口关闭前做一件事
        2. 2 linux 下，英伟达显卡涉及到动画的页面报错（暂未解决）
    © 2021 - 2024    chalmery

    共 13 篇文章 共 20.2k 字

    访问人数 总访问量
    由 Hexo 驱动 主题 Redefine v2.6.1
    博客已运行 天 小时 分钟 秒
    \ No newline at end of file +Electron(一) - yangccBlog

    yangccBlog
    9
    标签
    2
    分类
    13
    文章

    Electron(一)

    chalmery Lv2
      2023-06-22 2023-06-22 创建   2023-06-22 2023-06-22 更新    1.8k 字  7 分钟  

    Electron(一)

    Electron是一个js桌面端框架，让html，js 打包为桌面应用成为可能，已经有非常多的应用使用了这门技术，如：vscode，notion，figma，思源笔记等等

    image

    一 整体交互形式

    桌面应用最重要的是什么，或者说和浏览器页面有什么区别？大的来说就是可以和操作系统交互，那么什么叫可以和操作系统交互？让我们回顾下浏览器，浏览器就像一个盒子，里面的所有页面的权利是有限的，就比如，

    • 我想在浏览器自己写的一个html页面通过js函数，在文档这个文件夹下创建一个文件，或者修改一个文件
    • 调用系统通知api，使用系统通知
    • 修改系统音量？

    这些都是做不到的，这些都涉及了操作系统的api，那electron是如何做到的呢，我们看下这个图：

    image

    Electron就相当于一个中间层，为js提供了一个曲线访问系统api的能力，做任何和系统有关的操作，都要通过electron

    一个简单的例子，我想通过，文件选择器，拿到一个文件的路径，该如何实现？你可能会想到，浏览器也可以呀，通过选择器，选择一个文件，还要Electron干嘛？

    是没问题，可以选到一个文件，但是文件的路径是获取不到的，简单思考下，如果一个普通的网页，点击就能获取到你本机文件的路径，甚至别的操作系统信息，你做为浏览器的开发者会允许这样吗？这样对浏览器使用者来讲显然是非常危险的，点开个网页信息泄密了，甚至电脑上文件丢了。

    因此，我们要使用的文件选择器是操作系统的文件选择器，这个显然是js办不到的，因此有了Electron，它提供了这样的api：文档详见：https://www.electronjs.org/zh/docs/latest/api/dialog 

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    import {dialog} from "electron";

    function open() {
        let files = dialog.showOpenDialogSync({
            title: '选择文件路径',
            properties: ['openDirectory', 'multiSelections']
        })
        console.log(files)
        return files
    }

    文件选择器是有了，我们该如何通知Electron呢？换句话说就是，上面的js函数是显示层调用不到的，因此Electron提供了一种方式，让我们可以与它交互。这种方式类似js的发布订阅模型，发布一个事件，消费者监听事件。

    文档详见：https://www.electronjs.org/zh/docs/latest/api/ipc-renderer

    js端通过ipcRenderer.send发送一个事件通过Electron

    1
    2
    3
    const electron = window.electron

    electron.ipcRenderer.send('事件名称',data)

    electron端通过ipcMain.on监听js端发送过来的事件，那当这件事情处理完成了，想要告诉js端怎么办？通过event.reply发送一个事件，携带数据给js，和上面的ipcRenderer.send是类似的

    1
    2
    3
    4
    5
    6
    7
    8
    9
    import {ipcMain} from "electron"

     ipcMain.on('事件名称',(event, data)) => {
            //处理


            //回调
            event.reply('新的事件名称', 要返回的数据)
        })

    js端该如何处理呢？以React为例：useEffect中，通过ipcRenderer.on，监听这个事件，然后处理，一定要在[]这个useEffect，代表页面创建就运行这个函数，监听这个事件，在return中删除这个事件，不然每次每次页面加载都会创建一个监听，这样会越建越多

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    useEffect(() => {
        //处理Electron端发送的事件
        electron.ipcRenderer.on('事件名称', (event, 数据) => {
          //处理
        });

        return () => {
          electron.ipcRenderer.removeAllListeners('事件名称');
        };
      }, []);

    到这里就完成了一个交互，是不是很简单。

    二 打包

    打包全靠配置，这个是我的配置：

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
    45
    46
    47
    48
    49
    50
    51
    52
    53
    54
    55
    56
    57
    58
    59
    60
    61
    62
    63
    64
    65
    66
    67
    68
    69
    70
    71
    72
    73
    74
    75
    76
    77
    78
    79
    80
    81
    82
    83
    84
    85
    86
    87
    88
    89
    90
    91
    92
    93
    94
    95
    96
    /**
     * @see https://www.electron.build/configuration/configuration
     */
    {
      appId: "electron-music",
      productName: "electron-music",
      copyright: "Copyright © 2023 ${author}",
      asar: true,
      directories: {
        output: "release",
        buildResources: "public"
      },
      files: [
        "dist"
      ],
      win: {
        icon: "public/icons/music256x256.png",
        target: [
          {
            target: "dir",
            arch: [
              "x64"
            ]
          },
          {
            target: "nsis",
            arch: [
              "x64"
            ]
          }
        ]
      },
      nsis: {
        "oneClick": false,
        // 创建一键安装程序还是辅助安装程序（默认是一键安装）
        "allowElevation": true,
        // 是否允许请求提升，如果为false，则用户必须使用提升的权限重新启动安装程序 （仅作用于辅助安装程序）
        "allowToChangeInstallationDirectory": true,
        // 是否允许修改安装目录 （仅作用于辅助安装程序）
        "installerIcon": "public/icons/music256x256.png",
        // 安装程序图标的路径
        "uninstallerIcon": "public/icons/music256x256.png",
        // 卸载程序图标的路径
        "installerHeader": "public/icons/music256x256.png",
        // 安装时头部图片路径（仅作用于辅助安装程序）
        "installerHeaderIcon": "public/icons/music256x256.png",
        // 安装时标题图标（进度条上方）的路径（仅作用于一键安装程序）
        "installerSidebar": "public/icons/music256x256.png",
        // 安装完毕界面图片的路径，（仅作用于辅助安装程序）
        "uninstallerSidebar": "public/icons/music256x256.png",
        // 开始卸载界面图片的路径（仅作用于辅助安装程序）
        "uninstallDisplayName": "electron-music-${version}",
        // 控制面板中的卸载程序显示名称
        "createDesktopShortcut": true,
        // 是否创建桌面快捷方式
        "createStartMenuShortcut": true,
        // 是否创建开始菜单快捷方式
        "include": "script/installer.nsi",
        // NSIS包含定制安装程序脚本的路径，安装过程中自行调用  (可用于写入注册表 开机自启动等操作)
        "script": "script/installer.nsi",
        // 用于自定义安装程序的NSIS脚本的路径
        "deleteAppDataOnUninstall": true,
        // 是否在卸载时删除应用程序数据（仅作用于一键安装程序）
        "runAfterFinish": false,
        // 完成后是否运行已安装的应用程序（对于辅助安装程序，应删除相应的复选框）
        "menuCategory": false,
        // 是否为开始菜单快捷方式和程序文件目录创建子菜单，如果为true，则使用公司名称
        "perMachine": true,
        //给机器上所有用户安装
        "language": "2052"
        //安装语言(中文)
      },
      mac: {
        icon: 'public/icons/music256x256.png',
        category: 'Productivity',
        target: [
          {
            target: 'default',
            arch: [
              'arm64',
              'x64'
            ]
          }
        ]
      },
      linux: {
        icon: "public/icons/music256x256.png",
        target: [
          "AppImage",
          "tar.gz"
        ],
        "category": "Audio",
        artifactName: "${productName}-Linux-${version}.${ext}"
      }
    }

    参考: 我的音乐播放器项目

    三 注意事项

    1 在linux下窗口关闭前做一件事

    看环境，比如kde下是做不到比如隐藏窗口的，在kde下，点击关闭按钮，window对象对直接就销毁了。（曲线方式，我们可以不用系统自带的顶栏，自己实现一个，这样就不会有这样的问题了）

    1
    2
    3
    4
    5
    app.on('closed', () => {
      if (process.platform !== 'darwin') {
        app.quit()
      }
    })

    2 linux 下，英伟达显卡涉及到动画的页面报错（暂未解决）

    报错内容

    1
    libva error: vaGetDriverNameByIndex() failed with unknown libva error, driver_name = (null)

    ‍

    • 标题: Electron(一)
    • 作者: chalmery
    • 创建于 : 2023-06-22 00:00:00
    • 更新于 : 2023-06-22 00:00:00
    • 链接: https://github.com/chalmery/2402782093/
    • 版权声明: 本文章采用 CC BY-NC-SA 4.0 进行许可。
    评论
    此页目录
    Electron(一)
    1. Electron(一)
      1. 一 整体交互形式
      2. 二 打包
      3. 三 注意事项
        1. 1 在linux下窗口关闭前做一件事
        2. 2 linux 下，英伟达显卡涉及到动画的页面报错（暂未解决）
    © 2021 - 2024    chalmery

    共 13 篇文章 共 20.1k 字

    访问人数 总访问量
    由 Hexo 驱动 主题 Redefine v2.6.1
    博客已运行 天 小时 分钟 秒
    \ No newline at end of file diff --git a/2427860074/index.html b/2427860074/index.html index 4378c77..8c6e90d 100644 --- a/2427860074/index.html +++ b/2427860074/index.html @@ -1 +1 @@ -Java版本管理 - yangccBlog

    yangccBlog
    9
    标签
    2
    分类
    13
    文章

    Java版本管理

    chalmery Lv2
      2023-07-15 2023-07-15 创建   2023-07-15 2023-07-15 更新    338 字  1 分钟  

    在接触前端的时候发现了nvm这样的工具，可以一行命令切换使用的node版本，非常方便，作为一个Java程序员，java是否有版本管理工具呢？

    jenv

    官网的解释: jEnv is a command line tool to help you forget how to set the JAVA_HOME environment variable

    使用一条命令可以轻松配置JAVA_HOME到环境变量。

    用法是：

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    jenv <command> [<args>]
    # 命令参考：
    commands   列出所有可用的 jenv 命令
    local       设置或显示本地应用程序特定的 Java 版本
    global     设置或显示全局 Java 版本
    shell      设置或显示 shell 特定的 Java 版本
    rehash      刷新 jenv shims（安装可执行文件后运行此命令）
    version     显示当前Java版本及其来源
    versions    列出 jenv 可用的所有 Java 版本
    which      显示可执行文件的完整路径
    whence     列出包含给定可执行文件的所有 Java 版本
    add         添加 将 JDK 添加到 jenv 中

    archlinuxjdk

    在 archlinux 中提供了命令：archlinuxjdk用来管理jdk版本，参考 archwiki 

    1
    2
    3
    4
    5
    6
    7
    8
    archlinux-java <COMMAND>

    COMMAND:
    status                    列出已安装并启用的 Java 环境
    get                          返回设置为默认的 Java 环境的短名称
    set <JAVA_ENV>	强制 <JAVA_ENV> 设置为默认值
    unset	                取消当前默认 Java 环境
    fix	                       修复无效/损坏的默认 Java 环境配置
    • 标题: Java版本管理
    • 作者: chalmery
    • 创建于 : 2023-07-15 00:00:00
    • 更新于 : 2023-07-15 00:00:00
    • 链接: https://github.com/chalmery/2427860074/
    • 版权声明: 本文章采用 CC BY-NC-SA 4.0 进行许可。
    评论
    此页目录
    Java版本管理
    1. jenv
    2. archlinuxjdk
    © 2021 - 2024    chalmery

    共 13 篇文章 共 20.2k 字

    访问人数 总访问量
    由 Hexo 驱动 主题 Redefine v2.6.1
    博客已运行 天 小时 分钟 秒
    \ No newline at end of file +Java版本管理 - yangccBlog

    yangccBlog
    9
    标签
    2
    分类
    13
    文章

    Java版本管理

    chalmery Lv2
      2023-07-15 2023-07-15 创建   2023-07-15 2023-07-15 更新    338 字  1 分钟  

    在接触前端的时候发现了nvm这样的工具，可以一行命令切换使用的node版本，非常方便，作为一个Java程序员，java是否有版本管理工具呢？

    jenv

    官网的解释: jEnv is a command line tool to help you forget how to set the JAVA_HOME environment variable

    使用一条命令可以轻松配置JAVA_HOME到环境变量。

    用法是：

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    jenv <command> [<args>]
    # 命令参考：
    commands   列出所有可用的 jenv 命令
    local       设置或显示本地应用程序特定的 Java 版本
    global     设置或显示全局 Java 版本
    shell      设置或显示 shell 特定的 Java 版本
    rehash      刷新 jenv shims（安装可执行文件后运行此命令）
    version     显示当前Java版本及其来源
    versions    列出 jenv 可用的所有 Java 版本
    which      显示可执行文件的完整路径
    whence     列出包含给定可执行文件的所有 Java 版本
    add         添加 将 JDK 添加到 jenv 中

    archlinuxjdk

    在 archlinux 中提供了命令：archlinuxjdk用来管理jdk版本，参考 archwiki 

    1
    2
    3
    4
    5
    6
    7
    8
    archlinux-java <COMMAND>

    COMMAND:
    status                    列出已安装并启用的 Java 环境
    get                          返回设置为默认的 Java 环境的短名称
    set <JAVA_ENV>	强制 <JAVA_ENV> 设置为默认值
    unset	                取消当前默认 Java 环境
    fix	                       修复无效/损坏的默认 Java 环境配置
    • 标题: Java版本管理
    • 作者: chalmery
    • 创建于 : 2023-07-15 00:00:00
    • 更新于 : 2023-07-15 00:00:00
    • 链接: https://github.com/chalmery/2427860074/
    • 版权声明: 本文章采用 CC BY-NC-SA 4.0 进行许可。
    评论
    此页目录
    Java版本管理
    1. jenv
    2. archlinuxjdk
    © 2021 - 2024    chalmery

    共 13 篇文章 共 20.1k 字

    访问人数 总访问量
    由 Hexo 驱动 主题 Redefine v2.6.1
    博客已运行 天 小时 分钟 秒
    \ No newline at end of file diff --git a/2520100274/index.html b/2520100274/index.html index 0373bcf..4ee9d3c 100644 --- a/2520100274/index.html +++ b/2520100274/index.html @@ -1 +1 @@ -Manjaro上安装mysql - yangccBlog

    yangccBlog
    9
    标签
    2
    分类
    13
    文章

    Manjaro上安装mysql

    chalmery Lv2
      2022-03-05 2022-03-05 创建   2022-03-05 2022-03-05 更新    150 字  1 分钟  

    一 下载mysql

    无论是使用自带商店，还是pacman,yay都是可以的

    image-20220312145320693

    二 配置

    1. 打开终端初始化mysql：复制日志中打印的随机密码
    1
    sudo mysqld --initialize --user=mysql --basedir=/usr --datadir=/var/lib/mysql
    1. 然后启动mysql
    1
    2
    3
    4
    5
    6
    7
    8
    1.首先启动MySQL
    sudo systemctl start mysqld
    2.登录
    mysql -u root -p
    3.修改密码
    ALTER USER 'root'@'localhost' IDENTIFIED WITH caching_sha2_password BY 'root';
    4. 开机自启
    sudo systemctl enable mysqld.service
    1. 添加环境变量
    1
    2
    3
    4
    5
    1.编辑profile文件，配置环境变量
    export MYSQL_HOME=/usr/local/mysql
    export PATH=$PATH:$MYSQL_HOME/bin
    2.立即生效
    source /etc/profile
    1. 重启服务
    1
    2
    sudo systemctl restart mysqld
    mysql -u root -p
    • 标题: Manjaro上安装mysql
    • 作者: chalmery
    • 创建于 : 2022-03-05 00:00:00
    • 更新于 : 2022-03-05 00:00:00
    • 链接: https://github.com/chalmery/2520100274/
    • 版权声明: 本文章采用 CC BY-NC-SA 4.0 进行许可。
    评论
    此页目录
    Manjaro上安装mysql
    1. 一 下载mysql
    2. 二 配置
    © 2021 - 2024    chalmery

    共 13 篇文章 共 20.2k 字

    访问人数 总访问量
    由 Hexo 驱动 主题 Redefine v2.6.1
    博客已运行 天 小时 分钟 秒
    \ No newline at end of file +Manjaro上安装mysql - yangccBlog

    yangccBlog
    9
    标签
    2
    分类
    13
    文章

    Manjaro上安装mysql

    chalmery Lv2
      2022-03-05 2022-03-05 创建   2022-03-05 2022-03-05 更新    150 字  1 分钟  

    一 下载mysql

    无论是使用自带商店，还是pacman,yay都是可以的

    image-20220312145320693

    二 配置

    1. 打开终端初始化mysql：复制日志中打印的随机密码
    1
    sudo mysqld --initialize --user=mysql --basedir=/usr --datadir=/var/lib/mysql
    1. 然后启动mysql
    1
    2
    3
    4
    5
    6
    7
    8
    1.首先启动MySQL
    sudo systemctl start mysqld
    2.登录
    mysql -u root -p
    3.修改密码
    ALTER USER 'root'@'localhost' IDENTIFIED WITH caching_sha2_password BY 'root';
    4. 开机自启
    sudo systemctl enable mysqld.service
    1. 添加环境变量
    1
    2
    3
    4
    5
    1.编辑profile文件，配置环境变量
    export MYSQL_HOME=/usr/local/mysql
    export PATH=$PATH:$MYSQL_HOME/bin
    2.立即生效
    source /etc/profile
    1. 重启服务
    1
    2
    sudo systemctl restart mysqld
    mysql -u root -p
    • 标题: Manjaro上安装mysql
    • 作者: chalmery
    • 创建于 : 2022-03-05 00:00:00
    • 更新于 : 2022-03-05 00:00:00
    • 链接: https://github.com/chalmery/2520100274/
    • 版权声明: 本文章采用 CC BY-NC-SA 4.0 进行许可。
    评论
    此页目录
    Manjaro上安装mysql
    1. 一 下载mysql
    2. 二 配置
    © 2021 - 2024    chalmery

    共 13 篇文章 共 20.1k 字

    访问人数 总访问量
    由 Hexo 驱动 主题 Redefine v2.6.1
    博客已运行 天 小时 分钟 秒
    \ No newline at end of file diff --git a/2690763544/index.html b/2690763544/index.html index eddafa6..9492a08 100644 --- a/2690763544/index.html +++ b/2690763544/index.html @@ -1 +1 @@ -Rust学习(一)：猜数字游戏 - yangccBlog

    yangccBlog
    9
    标签
    2
    分类
    13
    文章

    Rust学习(一)：猜数字游戏

    chalmery Lv2
      2022-03-14 2022-03-14 创建   2022-03-14 2022-03-14 更新    427 字  1 分钟  

    一 Rust安装

    Rust安装极为简单，先下载rustup

    image-20220314220250790

    之后使用命令下载：

    1
    curl --proto '=https' --tlsv1.2 -sSf https://sh.rustup.rs | sh

    在vscode下载插件 rust-analyzer即可快速开发

    image-20220314220452099

    二 cargo

    cargo就是rust的包管理工具，与npm,maven等是一样的，一般rustup来安装rust会自带cargo，常见命令如下

    1
    2
    3
    4
    5
    6
    7
    8
    # 创建一个catgo项目
    cargo new 项目
    # 编译和执行结果，可以用来检验是否编写错误
    cargo run 
    # 发布的构建，编译会优化，代码更快，但是编译时间更长
    cargo build --release
    # 普通的构建
    cargo build

    三 猜数字游戏

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    use rand::Rng;
    use std::cmp::Ordering; //Ordering是一个枚举类型
    use std::io; //Rng是一个trait 可以认为是接口
                 //rust默认会倒入prelude这个模块
    fn main() {
        println!("猜一个数字");
        //i32 u32 i64 都是整形
        let number = rand::thread_rng().gen_range(1..101);
        // loop表示无限循环
        loop {
            let mut guess = String::new();
            // io函数读取输  使用expect方法，表示如果result是err则执行
            io::stdin().read_line(&mut guess).expect("无法读取行");

            //将字符串转为整形 parse方法返回中为Result
            // 隐藏shadow 隐藏重名的旧变量，从18行开始，变量guess类型就变了
            let guess: u32 = match guess.trim().parse() {
                Ok(num) => num,
                //_：此通配符表示不关心这个值
                Err(_) => continue,
            };

            println!("你猜测的数是：{}", guess);

            //match表达式：可以让我们根据 枚举值选择不同的操作，就相当于if else
            //cmp就是compere，比较的意思
            match guess.cmp(&number) {
                //三个枚举分别表示小大等
                Ordering::Less => println!("Too Small!"),
                Ordering::Greater => println!("Too Big!"),
                Ordering::Equal => {
                    println!("You Win!");
                    break;
                }
            }
        }
    }

    参考：

    • 标题: Rust学习(一)：猜数字游戏
    • 作者: chalmery
    • 创建于 : 2022-03-14 00:00:00
    • 更新于 : 2022-03-14 00:00:00
    • 链接: https://github.com/chalmery/2690763544/
    • 版权声明: 本文章采用 CC BY-NC-SA 4.0 进行许可。
    评论
    此页目录
    Rust学习(一)：猜数字游戏
    1. 一 Rust安装
    2. 二 cargo
    3. 三 猜数字游戏
    © 2021 - 2024    chalmery

    共 13 篇文章 共 20.2k 字

    访问人数 总访问量
    由 Hexo 驱动 主题 Redefine v2.6.1
    博客已运行 天 小时 分钟 秒
    \ No newline at end of file +Rust学习(一)：猜数字游戏 - yangccBlog

    yangccBlog
    9
    标签
    2
    分类
    13
    文章

    Rust学习(一)：猜数字游戏

    chalmery Lv2
      2022-03-14 2022-03-14 创建   2022-03-14 2022-03-14 更新    427 字  1 分钟  

    一 Rust安装

    Rust安装极为简单，先下载rustup

    image-20220314220250790

    之后使用命令下载：

    1
    curl --proto '=https' --tlsv1.2 -sSf https://sh.rustup.rs | sh

    在vscode下载插件 rust-analyzer即可快速开发

    image-20220314220452099

    二 cargo

    cargo就是rust的包管理工具，与npm,maven等是一样的，一般rustup来安装rust会自带cargo，常见命令如下

    1
    2
    3
    4
    5
    6
    7
    8
    # 创建一个catgo项目
    cargo new 项目
    # 编译和执行结果，可以用来检验是否编写错误
    cargo run 
    # 发布的构建，编译会优化，代码更快，但是编译时间更长
    cargo build --release
    # 普通的构建
    cargo build

    三 猜数字游戏

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    use rand::Rng;
    use std::cmp::Ordering; //Ordering是一个枚举类型
    use std::io; //Rng是一个trait 可以认为是接口
                 //rust默认会倒入prelude这个模块
    fn main() {
        println!("猜一个数字");
        //i32 u32 i64 都是整形
        let number = rand::thread_rng().gen_range(1..101);
        // loop表示无限循环
        loop {
            let mut guess = String::new();
            // io函数读取输  使用expect方法，表示如果result是err则执行
            io::stdin().read_line(&mut guess).expect("无法读取行");

            //将字符串转为整形 parse方法返回中为Result
            // 隐藏shadow 隐藏重名的旧变量，从18行开始，变量guess类型就变了
            let guess: u32 = match guess.trim().parse() {
                Ok(num) => num,
                //_：此通配符表示不关心这个值
                Err(_) => continue,
            };

            println!("你猜测的数是：{}", guess);

            //match表达式：可以让我们根据 枚举值选择不同的操作，就相当于if else
            //cmp就是compere，比较的意思
            match guess.cmp(&number) {
                //三个枚举分别表示小大等
                Ordering::Less => println!("Too Small!"),
                Ordering::Greater => println!("Too Big!"),
                Ordering::Equal => {
                    println!("You Win!");
                    break;
                }
            }
        }
    }

    参考：

    • 标题: Rust学习(一)：猜数字游戏
    • 作者: chalmery
    • 创建于 : 2022-03-14 00:00:00
    • 更新于 : 2022-03-14 00:00:00
    • 链接: https://github.com/chalmery/2690763544/
    • 版权声明: 本文章采用 CC BY-NC-SA 4.0 进行许可。
    评论
    此页目录
    Rust学习(一)：猜数字游戏
    1. 一 Rust安装
    2. 二 cargo
    3. 三 猜数字游戏
    © 2021 - 2024    chalmery

    共 13 篇文章 共 20.1k 字

    访问人数 总访问量
    由 Hexo 驱动 主题 Redefine v2.6.1
    博客已运行 天 小时 分钟 秒
    \ No newline at end of file diff --git a/2861842578/index.html b/2861842578/index.html index 467269c..42d095e 100644 --- a/2861842578/index.html +++ b/2861842578/index.html @@ -1 +1 @@ -Rust学习(二)：所有权 - yangccBlog

    yangccBlog
    9
    标签
    2
    分类
    13
    文章

    Rust学习(二)：所有权

    chalmery Lv2
      2022-05-14 2022-05-14 创建   2022-05-14 2022-05-14 更新    2.2k 字  8 分钟  

    1 栈和堆

    现代处理器在内存中跳转越少就越快

    栈内存(所有存放在栈内存的数据必须有已知的固定的大小)

    • 因为放入栈的数据大小都是固定的，因此入栈的时候很快，因为挨着放就行了

    堆内存（heap）

    • 编译时大小未知，或者程序运行时会变化的数据存放在 堆
    • 堆对于内存的组织性差一些，因为大小不固定，或者会改变，因此，需要分配空间，而这就需要操作系统去找到一块足够大的空间
    • 访问数据的时候也更慢，因为有个寻址的过程

    函数调用

    在调用函数的时候，会将函数的入参传入函数，包括入参的指针信息，然后，函数的这些参数信息会压栈，等执行完成会出栈

    2 所有权的规则

    所有权存在的原因就是因为上面的堆内存，因为这块是不确定的，有的是需要回收的。

    所有权（系统）是 Rust 最为与众不同的特性，对语言的其他部分有着深刻含义。它让 Rust 无需垃圾回收（garbage collector）即可保障内存安全，因此理解 Rust 中所有权如何工作是十分重要的。本章，我们将讲到所有权以及相关功能：借用（borrowing）、slice 以及 Rust 如何在内存中布局数据

    • 每个值都有一个变量，这个变量就是该值的所有者
    • 每个值，同时只能有一个所有者
    • 当所有者超出作用域的时候，这个值会被删除

    定义一个字符串hello，其内存结构是这样的

    image.png

    而当将携带此字符串值的变量s1赋值给s2的时候，s1在栈中就不可用,失效了，不同于浅拷贝，这种方式被称为移动（Move）

    而如果需要实现深拷贝的功能的话，则需要实现 clone方法，类似java

    而针对栈上面的数据比如基本类型：整数，布尔，浮点数，字符等是放在栈上的，不需要拷贝这些东西，因此引出了 复制的概念：

    1
    2
    3
    let x = 5
    let y = x
    // 到这里其实x和y都是有效的，因为是放在栈上的数据，对这些数据的复制操作是默认执行的

    rust提供了 Copy trait(复制 接口)

    • 如果一个类型实现了这个接口，那么旧的变量在值茶u年底后还是有效的，类似上面的代码
    • 如果一个类型，或者这个类型的一部分实现了 Drop trait(释放 接口)，那么这个类型就不允许去实现 Copy trait(复制 接口)了

    实现了复制接口的有：

    • 整数类型，布尔，字符，浮点，Tuple(这个元组内的所有类型都是实现了复制接口)

    2. 1 所有权和函数

    将值赋给函数或者变量，在语义是其实是一样的：

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    fun main(){
      let s = String::from("hello")

      take1(s)
    // s 在这里就失效了，因为传递给方法了

      let x = 5

      take2(x)
    // 在这里x依然是有效的，因为传递给方法的仅仅是副本
    }
    fun take1(str:String){
     println!("{}",str)
    }//方法执行结束，会释放str所在的堆内存

    fun take2(num:i32){
     println!("{}",num)
    }//什么也不会发生

    一个变量的所有权总是符合这样的模式：

    • 把一个值赋给变量的时候就会发生移动（Move）
    • 包含这个堆数据的变量离开作用域，值就会被drap函数清理，除非数据的所有权移动到另一个变量了

    如何让，一个函数使用一个值，但是不拥有所有权呢？

    • 简单但麻烦的方式，就是返回一个元组，将入参原封不动的返回
    • 使用Rust的特性 引用（Reference）

    2.2 引用

    使用 &符号，表示使用这个值，但是不获得其所有权

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    fn main(){
        let s1 = String::from("Hello");
        let len = get_lenth(&s1);

        println!("{} length is {}",s1,len);
    }

    fn get_lenth(s: &String) -> usize {
        s.len()
    }

    这段代码在内存中的形式是这样的：

    • s表示一个指针，这个指针指向另一个指针s1,s1指向堆内存

    image.png

    而引用的内容，是否可以修改呢？，我们尝试在上面的方法内修改变量，会报如下的错：

    s.push_str(“, World”);
    | ^^^^^^^^^^^^^^^^^^^^^ s is a & reference, so the data it refers to cannot be borrowed as mutable

    （S是引用，所以它引用的数据不能作为可变数据来借用）

    因为引用，也是存放在栈上的，和变量一样是不可变的，而变量可以通过 mut来表示可变变量，那引用呢？答案是可以的：

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    fn main(){
    //首先这个变量是可变的
        let mut s1 = String::from("Hello");
    //其次，这个引用也得是可变的
        let len = get_lenth(&mut s1);

        println!("{} length is {}",s1,len);
    }
    // 方法的入参也得是可变的
    fn get_lenth(s: &mut String) -> usize {
        s.push_str(", World");
        s.len()
    }

    1 可变引用

    可变引用的限制：

    • 在一个作用域内，对于某块数据，只能有一个可变引用

    这样做的好处有就是在编译的时候防止 数据竞争，以下三种情况都满足的情况会发生数据竞争

    • 多个指针同时访问一个数据
    • 至少有一个指针用于写入数据
    • 没有任何机制来同步对数据的访问

    但是我们可以通过创建作用域的方式，来允许非同时创建多个可变引用

    1
    2
    3
    4
    5
    6
    7
    8
    fn main(){
        let mut s = String::from("Hello");
        {
            let m1 = &mut s;
        }

        let m2 = &mut s;
    }

    还有一个限制：

    不可以同时拥有一个可变引用和不可变引用

    2 悬空指针

    悬空指针(Dangling Pointer)，或者叫野指针，指向内存一个地址，但是这块内存已经被回收了，甚至已经分配给别人了，而Rust永远不会出现这个问题

    • Rust保证了，在引用一个数据的时候，编译器会保证，在引用离开作用域之前，数据不会离开作用域
    1
    2
    3
    4
    5
    6
    7
    8
    fn main(){
        let s = dangle();
    }
    //这里会报错
    fn dangle() -> &String {
        let str = String::from("hello");
        &str
    }

    上面的代码编译会报错，因为str在方法结束就销毁了，而str的引用却返回了，也就是出现了野指针，这样在rust编译会不通过的

    3 切片

    Rust的一种 不持有所有权的数据类型，英文slice，可以用于解决下面的问题

    小例子

    返回第一个空格的下标，这里其实是有问题的，因为，这个index是不合字符串s绑定的，表示的只是之前算过的值，而不是当前的值，可以看到仅仅是返回一个空格下标这么多代码，还有bug

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    fn main(){
        let s = String::from("Hello World");
        let index = first_world(&s);

        s.clear();
        println!("{}",index);
    }

    fn first_world(str : &String) ->usize{
        let bytes = str.as_bytes();
        // iter会返回一个迭代器
        // enumerate会将迭代器包装为一个元组，1 索引， 2 元素的引用
        for (i,&item) in bytes.iter().enumerate() {
            if item == b' ' {
                return  i;
            }  
        }
        str.len()
    }

    字符串切片

    左闭右开的语法：以及部分语法糖

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    fn main(){
        let  s = String::from("Hello World");
        let h1 = &s[0..5];
        let w1 = &s[6..11];
        //语法糖
        let h2 = &s[..5];
        let w2 = &s[6..];
        let all = &s[..];
    }

    字符串切片在内存中的结构，指向堆内存数据的一部分

    image.png

    改造之前的小例子，使其返回一个字符串切片,字符串切片的类型标识为：&str

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    fn main(){
        let  s = String::from("Hello World");
        let str = first_world(&s);
        println!("{}",str);
    }

    fn first_world(s: &String) ->&str{
        let bytes = s.as_bytes();
        // iter会返回一个迭代器
        // enumerate会将迭代器包装为一个元组，1 索引， 2 元素的引用
        for (i,&item) in bytes.iter().enumerate() {
            if item == b' ' {
                return  &s[..i];
            }  
        }
        &s[..]
    }

    字符串字面值

    字符串字面值，是什么类型的呢，没错就是切片

    image.png

    将切片作为参数

    之前的例子都是字符串引用作为入参：

    1
    2
    fn first_world(s: &String) ->&str{
    }

    其实，可以使用切片作为入参，这样切片可以作为入参，二字符串可以传入完整的切片，入参更为多样了。因为切片还是一种引用嘛，一样的

    • 标题: Rust学习(二)：所有权
    • 作者: chalmery
    • 创建于 : 2022-05-14 00:00:00
    • 更新于 : 2022-05-14 00:00:00
    • 链接: https://github.com/chalmery/2861842578/
    • 版权声明: 本文章采用 CC BY-NC-SA 4.0 进行许可。
    评论
    此页目录
    Rust学习(二)：所有权
    1. 1 栈和堆
    2. 2 所有权的规则
      1. 2. 1 所有权和函数
      2. 2.2 引用
    3. 3 切片
      1. 小例子
      2. 字符串切片
      3. 字符串字面值
      4. 将切片作为参数
    © 2021 - 2024    chalmery

    共 13 篇文章 共 20.2k 字

    访问人数 总访问量
    由 Hexo 驱动 主题 Redefine v2.6.1
    博客已运行 天 小时 分钟 秒
    \ No newline at end of file +Rust学习(二)：所有权 - yangccBlog

    yangccBlog
    9
    标签
    2
    分类
    13
    文章

    Rust学习(二)：所有权

    chalmery Lv2
      2022-05-14 2022-05-14 创建   2022-05-14 2022-05-14 更新    2.2k 字  8 分钟  

    1 栈和堆

    现代处理器在内存中跳转越少就越快

    栈内存(所有存放在栈内存的数据必须有已知的固定的大小)

    • 因为放入栈的数据大小都是固定的，因此入栈的时候很快，因为挨着放就行了

    堆内存（heap）

    • 编译时大小未知，或者程序运行时会变化的数据存放在 堆
    • 堆对于内存的组织性差一些，因为大小不固定，或者会改变，因此，需要分配空间，而这就需要操作系统去找到一块足够大的空间
    • 访问数据的时候也更慢，因为有个寻址的过程

    函数调用

    在调用函数的时候，会将函数的入参传入函数，包括入参的指针信息，然后，函数的这些参数信息会压栈，等执行完成会出栈

    2 所有权的规则

    所有权存在的原因就是因为上面的堆内存，因为这块是不确定的，有的是需要回收的。

    所有权（系统）是 Rust 最为与众不同的特性，对语言的其他部分有着深刻含义。它让 Rust 无需垃圾回收（garbage collector）即可保障内存安全，因此理解 Rust 中所有权如何工作是十分重要的。本章，我们将讲到所有权以及相关功能：借用（borrowing）、slice 以及 Rust 如何在内存中布局数据

    • 每个值都有一个变量，这个变量就是该值的所有者
    • 每个值，同时只能有一个所有者
    • 当所有者超出作用域的时候，这个值会被删除

    定义一个字符串hello，其内存结构是这样的

    image.png

    而当将携带此字符串值的变量s1赋值给s2的时候，s1在栈中就不可用,失效了，不同于浅拷贝，这种方式被称为移动（Move）

    而如果需要实现深拷贝的功能的话，则需要实现 clone方法，类似java

    而针对栈上面的数据比如基本类型：整数，布尔，浮点数，字符等是放在栈上的，不需要拷贝这些东西，因此引出了 复制的概念：

    1
    2
    3
    let x = 5
    let y = x
    // 到这里其实x和y都是有效的，因为是放在栈上的数据，对这些数据的复制操作是默认执行的

    rust提供了 Copy trait(复制 接口)

    • 如果一个类型实现了这个接口，那么旧的变量在值茶u年底后还是有效的，类似上面的代码
    • 如果一个类型，或者这个类型的一部分实现了 Drop trait(释放 接口)，那么这个类型就不允许去实现 Copy trait(复制 接口)了

    实现了复制接口的有：

    • 整数类型，布尔，字符，浮点，Tuple(这个元组内的所有类型都是实现了复制接口)

    2. 1 所有权和函数

    将值赋给函数或者变量，在语义是其实是一样的：

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    fun main(){
      let s = String::from("hello")

      take1(s)
    // s 在这里就失效了，因为传递给方法了

      let x = 5

      take2(x)
    // 在这里x依然是有效的，因为传递给方法的仅仅是副本
    }
    fun take1(str:String){
     println!("{}",str)
    }//方法执行结束，会释放str所在的堆内存

    fun take2(num:i32){
     println!("{}",num)
    }//什么也不会发生

    一个变量的所有权总是符合这样的模式：

    • 把一个值赋给变量的时候就会发生移动（Move）
    • 包含这个堆数据的变量离开作用域，值就会被drap函数清理，除非数据的所有权移动到另一个变量了

    如何让，一个函数使用一个值，但是不拥有所有权呢？

    • 简单但麻烦的方式，就是返回一个元组，将入参原封不动的返回
    • 使用Rust的特性 引用（Reference）

    2.2 引用

    使用 &符号，表示使用这个值，但是不获得其所有权

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    fn main(){
        let s1 = String::from("Hello");
        let len = get_lenth(&s1);

        println!("{} length is {}",s1,len);
    }

    fn get_lenth(s: &String) -> usize {
        s.len()
    }

    这段代码在内存中的形式是这样的：

    • s表示一个指针，这个指针指向另一个指针s1,s1指向堆内存

    image.png

    而引用的内容，是否可以修改呢？，我们尝试在上面的方法内修改变量，会报如下的错：

    s.push_str(“, World”);
    | ^^^^^^^^^^^^^^^^^^^^^ s is a & reference, so the data it refers to cannot be borrowed as mutable

    （S是引用，所以它引用的数据不能作为可变数据来借用）

    因为引用，也是存放在栈上的，和变量一样是不可变的，而变量可以通过 mut来表示可变变量，那引用呢？答案是可以的：

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    fn main(){
    //首先这个变量是可变的
        let mut s1 = String::from("Hello");
    //其次，这个引用也得是可变的
        let len = get_lenth(&mut s1);

        println!("{} length is {}",s1,len);
    }
    // 方法的入参也得是可变的
    fn get_lenth(s: &mut String) -> usize {
        s.push_str(", World");
        s.len()
    }

    1 可变引用

    可变引用的限制：

    • 在一个作用域内，对于某块数据，只能有一个可变引用

    这样做的好处有就是在编译的时候防止 数据竞争，以下三种情况都满足的情况会发生数据竞争

    • 多个指针同时访问一个数据
    • 至少有一个指针用于写入数据
    • 没有任何机制来同步对数据的访问

    但是我们可以通过创建作用域的方式，来允许非同时创建多个可变引用

    1
    2
    3
    4
    5
    6
    7
    8
    fn main(){
        let mut s = String::from("Hello");
        {
            let m1 = &mut s;
        }

        let m2 = &mut s;
    }

    还有一个限制：

    不可以同时拥有一个可变引用和不可变引用

    2 悬空指针

    悬空指针(Dangling Pointer)，或者叫野指针，指向内存一个地址，但是这块内存已经被回收了，甚至已经分配给别人了，而Rust永远不会出现这个问题

    • Rust保证了，在引用一个数据的时候，编译器会保证，在引用离开作用域之前，数据不会离开作用域
    1
    2
    3
    4
    5
    6
    7
    8
    fn main(){
        let s = dangle();
    }
    //这里会报错
    fn dangle() -> &String {
        let str = String::from("hello");
        &str
    }

    上面的代码编译会报错，因为str在方法结束就销毁了，而str的引用却返回了，也就是出现了野指针，这样在rust编译会不通过的

    3 切片

    Rust的一种 不持有所有权的数据类型，英文slice，可以用于解决下面的问题

    小例子

    返回第一个空格的下标，这里其实是有问题的，因为，这个index是不合字符串s绑定的，表示的只是之前算过的值，而不是当前的值，可以看到仅仅是返回一个空格下标这么多代码，还有bug

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    fn main(){
        let s = String::from("Hello World");
        let index = first_world(&s);

        s.clear();
        println!("{}",index);
    }

    fn first_world(str : &String) ->usize{
        let bytes = str.as_bytes();
        // iter会返回一个迭代器
        // enumerate会将迭代器包装为一个元组，1 索引， 2 元素的引用
        for (i,&item) in bytes.iter().enumerate() {
            if item == b' ' {
                return  i;
            }  
        }
        str.len()
    }

    字符串切片

    左闭右开的语法：以及部分语法糖

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    fn main(){
        let  s = String::from("Hello World");
        let h1 = &s[0..5];
        let w1 = &s[6..11];
        //语法糖
        let h2 = &s[..5];
        let w2 = &s[6..];
        let all = &s[..];
    }

    字符串切片在内存中的结构，指向堆内存数据的一部分

    image.png

    改造之前的小例子，使其返回一个字符串切片,字符串切片的类型标识为：&str

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    fn main(){
        let  s = String::from("Hello World");
        let str = first_world(&s);
        println!("{}",str);
    }

    fn first_world(s: &String) ->&str{
        let bytes = s.as_bytes();
        // iter会返回一个迭代器
        // enumerate会将迭代器包装为一个元组，1 索引， 2 元素的引用
        for (i,&item) in bytes.iter().enumerate() {
            if item == b' ' {
                return  &s[..i];
            }  
        }
        &s[..]
    }

    字符串字面值

    字符串字面值，是什么类型的呢，没错就是切片

    将切片作为参数

    之前的例子都是字符串引用作为入参：

    1
    2
    fn first_world(s: &String) ->&str{
    }

    其实，可以使用切片作为入参，这样切片可以作为入参，二字符串可以传入完整的切片，入参更为多样了。因为切片还是一种引用嘛，一样的

    • 标题: Rust学习(二)：所有权
    • 作者: chalmery
    • 创建于 : 2022-05-14 00:00:00
    • 更新于 : 2022-05-14 00:00:00
    • 链接: https://github.com/chalmery/2861842578/
    • 版权声明: 本文章采用 CC BY-NC-SA 4.0 进行许可。
    评论
    此页目录
    Rust学习(二)：所有权
    1. 1 栈和堆
    2. 2 所有权的规则
      1. 2. 1 所有权和函数
      2. 2.2 引用
    3. 3 切片
      1. 小例子
      2. 字符串切片
      3. 字符串字面值
      4. 将切片作为参数
    © 2021 - 2024    chalmery

    共 13 篇文章 共 20.1k 字

    访问人数 总访问量
    由 Hexo 驱动 主题 Redefine v2.6.1
    博客已运行 天 小时 分钟 秒
    \ No newline at end of file diff --git a/3542956005/index.html b/3542956005/index.html index d76c4f4..d1b7a61 100644 --- a/3542956005/index.html +++ b/3542956005/index.html @@ -1 +1 @@ -Elasticsearch - yangccBlog

    yangccBlog
    9
    标签
    2
    分类
    13
    文章

    Elasticsearch

    chalmery Lv2
      2021-10-01 2021-10-01 创建   2021-10-01 2021-10-01 更新    5k 字  24 分钟  

    Elasticsearch

    一、现存问题

    1.1 现存问题

    • 海量数据存储
    • 海量数据中完成全文检索
    • 如何实现关键字的高亮显示
    • 海量数据中完成统计操作

    1.2 ES的介绍（搜索引擎）

    Elasticsearch天生分布式，支持海量数据的存储，什么在大数据领域也有应用。

    Elasticsearch采用倒排索引的方式去全文检索数据，亿级数据中检索时间在毫秒级别。

    Elasticsearch提供了highlight高亮查询方式

    Elasticsearch提供了及其丰富和聚合函数

    Elasticsearch基于Java实现，搜索功能是基于先进最流行的Lucene实现……

    Elasticsearch本身是一套技术栈，ELK中的一个组件，ELK是收集日志的一套技术栈……

    中文官方地址：https://www.elastic.co/cn/elasticsearch/

    二、安装ES&Kibana&IK分词器

    采用docker运行Elasticsearch容器和Kibana容器

    2.1 安装ES&Kibana

    docker-compose.yml

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    version: "3.1"
    services:
      elasticsearch:
        image: 10.9.12.200:60001/elasticsearch:7.8.0
        # restart: always     # 只要docker启动，当前容器自动启动
        container_name: elasticsearch
        ports:
          - 9200:9200
        environment:
          - "discovery.type=single-node"
          - "ES_JAVA_OPTS=-Xms256m -Xmx256m"
        volumes:
          - ./data:/usr/share/elasticsearch/data
          - ./config/elasticsearch.yml:/usr/share/elasticsearch/config/elasticsearch.yml
          # 数据卷如果映射文件，需要提前在宿主机中创建好这个文件
      kibana:
        image: 10.9.12.200:60001/kibana:7.8.0
        # restart: always
        container_name: kibana
        ports:
          - 5601:5601
        environment:
          - elasticsearch_url=http://192.168.41.98:9200
        depends_on:
          - elasticsearch
        volumes:
          - ./config/kibana.yml:/usr/share/kibana/config/kibana.yml

    数据卷映射文件的内容

    elasticsearch.yml

    1
    2
    cluster.name: "docker-cluster"
    network.host: 0.0.0.0

    kibana.yml

    1
    2
    3
    4
    server.name: kibana
    server.host: "0"
    elasticsearch.hosts: [ "http://elasticsearch:9200" ]
    xpack.monitoring.ui.container.elasticsearch.enabled: true

    准备好上述内容后，docker-compose up -d

    检测启动是否成功：

    • Linux中输入：curl localhost:9200| 成功访问es |
      | :——————————————————————————: |
      | image-20210908144227670 |
    • Windows浏览器输入：192.168.41.98:5601| 启动成功 |
      | :——————————————————————————: |
      | image-20210908144352004 |

    2.2 安装IK分词器

    在kibana中基于RESTful的形式和ES交互

    需要在kibana上发送HTTP请求并携带JSON参数与ES交互

    在kibana的dev tools上测试分词器

    自带分词器对中文支持不好
    image-20210908150803352

    安装IK分词器

    下载地址：https://github.com/medcl/elasticsearch-analysis-ik/releases/download/v7.8.0/elasticsearch-analysis-ik-7.8.0.zip

    需要将zip压缩包解压的内容放到elasticsearch容器内部的 /usr/share/elasticsearch/plugins/ik_analyzer/

    修改docker-compose.yml文件，给elasticsearch添加了一个数据卷，映射到 /usr/local/docker/es_docker/plugins

    将zip压缩包扔到Linux中，并且放到数据库内的ik_analyzer目录里，通过unzip解压，重启elasticsearch容器

    再次通过IK分词器进行分词

    IK分词器效果
    image-20210908151137092

    三、ES的存储结构

    存储数据结构
    image-20210908153241240

    在ES服务中创建索引，并指定索引的主分片个数，以及备份分片个数。

    给索引设置存储数据的结构

    上述搞定后，可以向索引中添加文件……

    四、索引操作

    4.1 创建索引（不指定存储结构）

    1
    2
    3
    4
    5
    6
    7
    8
    # 创建索引
    PUT /book
    {
      "settings": {
        "number_of_shards": 5,
        "number_of_replicas": 1
      }
    }

    4.2 Elasticsearch数据类型

    • 字符串类型：

      • text：文本类型，一般用于搜索……
      • keyword：关键字，当前值不允许分词……

    • boolean类型：

      • boolean：没啥说的…………

    • 二进制类型：

      • binary：只支持encoding为Base64格式……

    • 数值类型：

      longA signed 64-bit integer with a minimum value of -263 and a maximum value of 263-1.
      integerA signed 32-bit integer with a minimum value of -231 and a maximum value of 231-1.
      shortA signed 16-bit integer with a minimum value of -32,768 and a maximum value of 32,767.
      byteA signed 8-bit integer with a minimum value of -128 and a maximum value of 127.
      doubleA double-precision 64-bit IEEE 754 floating point number, restricted to finite values.
      floatA single-precision 32-bit IEEE 754 floating point number, restricted to finite values.
      half_floatA half-precision 16-bit IEEE 754 floating point number, restricted to finite values.
      scaled_floatA floating point number that is backed by a long, scaled by a fixed double scaling factor.
      unsigned_longAn unsigned 64-bit integer with a minimum value of 0 and a maximum value of 264-1.

    • 时间类型：

      • date：代表时间类型，根据format设置格式化方式

        1
        "format": "yyyy-MM-dd || yyyy-MM-dd HH:mm:ss || strict_date_optional_time || epoch_millis"

    • ip类型：

      • ip：支持ipv4和ipv6类型

    • geo类型：

      • geo_point：支持经纬度存储……

    4.3 创建索引（结构化存储）

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    # 创建索引并设置存储结构
    PUT /novel
    {
      "settings": {
        "number_of_shards": 5,
        "number_of_replicas": 1
      },
      "mappings": {
        "properties": {
          "name": {
            "type": "text",    # 这样会使用默认的standard分词器，使用IK需要额外添加信息
            "analyzer": "ik_max_word"   # 添加这个才会使用IK分词器  
          },
          "author": {
            "type": "keyword"
          },
          "count": {
            "type": "long"
          },
          "onsale": {
            "type": "date",
            "format": "yyyy-MM-dd || yyyy-MM-dd HH:mm:ss || strict_date_optional_time || epoch_millis"
          }
        }
      }
    }

    创建成功，查看效果

    image-20210908163006480

    索引构建成功后

    • 主分片个数不允许修改……

    • 备份分片个数可以随意修改……

    • 索引中的属性类型是不允许修改的，但是可以追加属性……

      1
      2
      3
      4
      5
      6
      7
      8
      PUT /索引/_mapping
      {
        "properties": {
          "field": {
            "type": "datatype"
          }
        }
      }

    4.4 查看索引

    可以通过图形化界面查看

    REST查看

    1
    GET /索引

    4.5 删除索引

    可以通过图形化界面删除

    REST删除

    1
    DELETE /索引

    五、文档操作

    5.1 添加文档

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    # 添加文档，指定id添加，自动生成id
    POST /novel/_doc/    # 自动生成id
    {
      "name": "斗破苍穹",
      "author": "天残土豆",
      "count": 99999,
      "onsale": "2000-01-01"
    }

    POST /novel/_create/1     # 手动设置id
    {
      "name": "斗罗大陆",
      "author": "唐家三少",
      "count": 999999,
      "onsale": "2010-01-01"
    }

    5.2 修改文档

    1
    2
    3
    4
    5
    6
    7
    # 修改文档
    POST /novel/_update/1
    {
      "doc": {
        "name": "倒斗大陆"
      }
    }

    5.3 删除文档

    1
    2
    # 删除文档
    DELETE /novel/_doc/sXVVyHsB4k1tdHs36v4c

    5.4 根据id查询文档

    1
    2
    # 根据_id查询文档
    GET /novel/_doc/1
    查询返回结果
    image-20210909102845512

    六、Java操作ES

    Elasticsearch官方推出了两种Java操作的客户端，采用Rest-High-Level-Client。

    还有另一种与Elasticsearch交互客户端，可以写类似SQL的语句，与Elasticsearch交互。

    还有另一种与Elasticsearch交互客户端，SpringBoot整合的data-elasticsearch。

    6.1 Java连接Elasticsearch服务

    6.1.1 导入依赖
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    <dependencies>
        <dependency>
            <groupId>org.elasticsearch</groupId>
            <artifactId>elasticsearch</artifactId>
            <version>7.8.0</version>
        </dependency>
        <dependency>
            <groupId>org.elasticsearch.client</groupId>
            <artifactId>elasticsearch-rest-high-level-client</artifactId>
            <version>7.8.0</version>
        </dependency>
        <dependency>
            <groupId>junit</groupId>
            <artifactId>junit</artifactId>
            <version>4.12</version>
        </dependency>
    </dependencies>
    6.1.2 编写配置类
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    public class ESClientUtil {

        /**
         * 获取与ES交互的client对象
         * @return
         */
        public static RestHighLevelClient getClient(){

            HttpHost httpHost = new HttpHost("192.168.41.98",9200);

            RestClientBuilder restClientBuilder = RestClient.builder(httpHost);

            RestHighLevelClient restHighLevelClient = new RestHighLevelClient(restClientBuilder);

            return restHighLevelClient;
        }
    }

    6.2 添加文档

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    private final String CREATED = "created";

    @Test
    public void addDoc() throws IOException {
        //1. 创建指定的request对象
        IndexRequest indexRequest = new IndexRequest();

        //2. 设置索引信息，文档id
        indexRequest.index("novel");
        indexRequest.id("3");

        //3. 准备具体文档数据
        Map source = new HashMap<>(8);
        source.put("name","明朝");
        source.put("author","朱元璋");
        source.put("count",88888);
        // 时间推荐使用年月日时分秒格式，虽然kibana显示有问题，但是查询结果没问题
        source.put("onsale",new Date());
        indexRequest.source(source);

        //4. 将request用RestHighLevelClient发送出去，接收ES服务的响应
        IndexResponse resp = ESClientUtil.getClient().index(indexRequest, RequestOptions.DEFAULT);

        //5. 基于响应结果，判断添加是否成功
        if (CREATED.equals(resp.getResult().getLowercase())) {
            System.out.println("文档添加成功！！！");
        }
    }

    6.3 修改文档

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    @Test
    public void updateById() throws IOException {
        //1. 创建指定的request对象
        UpdateRequest request = new UpdateRequest();

        //2. 设置索引信息，文档id
        request.index("novel");
        request.id("3");

        //3. 准备具体文档数据
        Map<String, Object> source = new HashMap<>(4);
        source.put("name","明朝那么多事！");
        request.doc(source);

        //4. 将request用RestHighLevelClient发送出去，接收ES服务的响应
        UpdateResponse resp = ESClientUtil.getClient().update(request, RequestOptions.DEFAULT);

        //5. 基于响应结果，判断操作是否成功
        if (UPDATED.equals(resp.getResult().getLowercase())) {
            System.out.println("文档修改成功！");
        }
    }

    6.5 批量操作

    批量操作
    image-20210909113231519

    6.6 根据id查询文档

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    @Test
    public void get() throws IOException {
        //1. 创建指定的request对象
        GetRequest request = new GetRequest();

        //2. 设置索引信息，文档id
        request.index("novel");
        request.id("3");

        //3. 将request用RestHighLevelClient发送出去，接收ES服务的响应
        GetResponse resp = ESClientUtil.getClient().get(request, RequestOptions.DEFAULT);

        //4. 基于响应结果，判断操作是否成功
        System.out.println(resp.getSourceAsMap());
    }

    七、ES的基本查询

    7.1 倒排/反向索引

    倒排索引
    image-20210909142550809

    7.2 term查询

    term是ES最基本的查询，基本上所有的检索方式的底层都是term查询……

    7.2.1 term查询

    term查询对比MySQL的话，相当于：where column = ？

    term就是将用户输入的关键字与ES中的某一个属性做等值比较（当前属性的分词库）。

    term不会将用户输入的关键字进行分词，直接拿用户的完整关键字匹配分词库。

    term更适合查询keyword类型的属性

    查询执行流程
    image-20210909145205115
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    # term查询
    POST /sms_logs_index/_search
    {
      "query": {
        "term": {
          "smsContent": {
            "value": "滴滴单车平台"
          }
        }
      }
    }
    7.2.2 terms查询

    term查询对比MySQL的话，相当于：where column in (?,?,?)

    和terms一致，让用户输入多个关键字去匹配一个属性

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    [[terms查询]]
    POST /sms_logs_index/_search
    {
      "query": {
        "terms": {
          "smsContent": [
            "滴滴打车",
            "平台"
          ]
        }
      }
    }

    7.3 match查询

    match查询是使用频率最高的查询方式，match查询的底层还是term查询

    match查询会根据查询的field的属性，决定是否将用户输入的关键字进行分词

    • 如果field是keyword类型，match查询不会将用户输入的关键字进行分词
    • 如果field是text类型，match查询会将用户输入的关键字进行分词
    7.3.1 match查询

    用户输入一个关键字去匹配一个Field

    1
    2
    3
    4
    5
    6
    7
    8
    9
    # match查询
    POST /sms_logs_index/_search
    {
      "query": {
        "match": {
          "smsContent": "【招商银行】尊贵的王五先生"
        }
      }
    }
    7.3.2 match_all查询

    查询全部数据

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    # match_all 查询
    POST /sms_logs_index/_search
    {
      "query": {
        "match_all": {}
      },
      "from": 10,           # limit的第一个参数
      "size": 10,           # limit的第二个参数
      "sort": [            # 指定根据哪个field做排序，不根据es的分数进行排序……
        {
          "fee": {
            "order": "asc"
          }
        }
      ]
    }
    7.3.3 multi_match查询

    一个值匹配多个Field

    提升ES的查询命中率……

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    # multi_match
    POST /sms_logs_index/_search
    {
      "query": {
        "multi_match": {
          "query": "银行",
          "fields": ["corpName","smsContent"]
        }
      }
    }

    7.4 range查询

    range查询可以实现范围检索

    针对数值，时间和IP地址做范围查询

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    # range 查询
    # 数值范围
    POST /sms_logs_index/_search
    {
      "query": {
        "range": {
          "fee": {
            "gte": 1,   
            "lt": 5   
          }
        }
      }
    }

    # 时间范围,      时间格式规定好，推荐都用时分秒，skr~~
    POST /sms_logs_index/_search
    {
      "query": {
        "range": {
          "sendDate": {
            "gte": "2021-09-09 02:11:11",
            "lte": "2021-09-09 05:59:11",
            "format": "yyyy-MM-dd HH:mm:ss"
          }
        }
      }
    }

    # ip范围
    POST /sms_logs_index/_search
    {
      "query": {
        "range": {
          "ipAddr": {
            "gt": "9.126.2.8",
            "lte": "11.126.2.255"   
          }
        }
      }
    }

    7.5 Java与ES交互实现查询操作

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    public class Demo2Test {

        /**
         *  range范围查询，基于fee，查询1分到5分之间的
         */
        @Test
        public void rangeQuery() throws IOException {
            //1. req
            SearchRequest request = new SearchRequest();

            //2. index
            request.indices("sms_logs_index");

            //3. body
            SearchSourceBuilder sourceBuilder = new SearchSourceBuilder();

            sourceBuilder.query(QueryBuilders.rangeQuery("fee").gte(1).lte(5));
            sourceBuilder.from(0);
            sourceBuilder.size(2);
            sourceBuilder.sort("fee", SortOrder.ASC);

            request.source(sourceBuilder);

            //4. execute
            SearchResponse resp = ESClientUtil.getClient().search(request, RequestOptions.DEFAULT);

            //5. source
            for (SearchHit hit : resp.getHits().getHits()) {
                System.out.println(hit.getSourceAsMap());
            }

        }
    }

    八、ES的其他查询

    8.1 ids查询

    ids是根据多个_id的值，直接拉取分片上的数据……

    1
    2
    3
    4
    5
    6
    7
    8
    9
    # ids查询
    POST /sms_logs_index/_search
    {
      "query": {
        "ids": {
          "values": ["1","2","3"]
        }
      }
    }

    8.2 prefix查询

    将用户输入的关键字去分词库中匹配term的前缀……

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    # prefix查询
    POST /sms_logs_index/_search
    {
      "query": {
        "prefix": {
          "corpName": {
            "value": "养车"
          }
        }
      }
    }

    8.3 fuzzy查询

    真正的模块查询，允许用户输入的关键字有错别字（错别字尽量出现在后面……）

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    # fuzzy查询
    POST /sms_logs_index/_search
    {
      "query": {
        "fuzzy": {
          "corpName": {
            "value": "盒马生鲜"
          }
        }
      }
    }

    8.4 wildcard查询

    和MySQL中的like查询一样的通配、占位查询，

    • MySQL%代表通配，_代表占位
    • wildcard中*代表通配，？代表占位
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    # wildcard查询
    POST /sms_logs_index/_search
    {
      "query": {
        "wildcard": {
          "corpName": {
            "value": "中国????????"
          }
        }
      }
    }

    8.5 regexp查询

    基于正则表达式匹配分词库中的term

    1
    2
    3
    4
    5
    6
    7
    8
    9
    # regexp查询
    POST /sms_logs_index/_search
    {
      "query": {
        "regexp": {
          "mobile": "1390[0-9]{7}"
        }
      }
    }

    九、ES的复合查询

    基于ES的query查询数据时，暂时只能一个条件一个条件的使用，没有办法将多个条件以一定的逻辑方式组合在一起。

    ES也支持查询方式，允许多个条件封装到一起，这种查询叫bool查询

    只要公司项目用ES做全文检索，100%用bool查询

    bool查询提供了四种组合方式：

    • must：等于MySQL的and
    • should：等于MySQL的or
    • must_not：等于MySQL的!
    • filter：在query的筛选基础上，再次做筛选，这次筛选不会计算分数
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
    45
    46
    47
    48
    49
    50
    51
    52
    53
    54
    55
    56
    57
    58
    59
    # bool查询
    # smsContent中包含先生  并且  fee大于等于5分
    # 省份要么是北京，要么是上海
    # 公司名称不是     滴滴打车
    # 将上述结果再次筛选出手机号为 13900000000的
    POST /sms_logs_index/_search
    {
      "query": {
        "bool": {
          "must": [
            {
              "match": {
                "smsContent": "先生"
              }
            },
            {
              "range": {
                "fee": {
                  "gte": 5
                }
              }
            }
          ],
          "should": [
            {
              "term": {
                "province": {
                  "value": "北京"
                }
              }
            },
            {
              "term": {
                "province": {
                  "value": "西安"
                }
              }
            }
          ],
          "must_not": [
            {
              "term": {
                "corpName": {
                  "value": "滴滴打车"
                }
              }
            }
          ],
          "filter": [
            {
              "term": {
                "mobile": "13900000000"
              }
            }
          ],
          "minimum_should_match": 0
        }
      }
    }

    十、ES的高亮查询

    将用户输入的关键字匹配项，以高亮的形式返回。

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    # 高亮查询
    POST /sms_logs_index/_search
    {
      "query": {
        "term": {
          "corpName": "滴滴打车"
        }
      },
      "highlight": {
        "pre_tags": "<span style='color:red;'>",
        "post_tags": "</span>",
        "fragment_size": 20,
        "fields": [
          {"corpName": {}}
        ]
      }
    }

    Java代码

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    public class Demo2Test {

        @Test
        public void matchQuery() throws IOException {
            //1. req
            SearchRequest request = new SearchRequest();

            //2. index
            request.indices("sms_logs_index");

            //3. body
            SearchSourceBuilder sourceBuilder = new SearchSourceBuilder();

            sourceBuilder.query(QueryBuilders.matchQuery("smsContent","先生"));
            sourceBuilder.from(0);
            sourceBuilder.size(2);
            sourceBuilder.sort("fee", SortOrder.ASC);
            HighlightBuilder highligter = new HighlightBuilder();
            highligter.fragmentSize(20);
            highligter.field("smsContent");
            highligter.preTags("<span style='color:red;'>");
            highligter.postTags("</span>");
            sourceBuilder.highlighter(highligter);

            request.source(sourceBuilder);

            //4. execute
            SearchResponse resp = ESClientUtil.getClient().search(request, RequestOptions.DEFAULT);

            //5. source
            for (SearchHit hit : resp.getHits().getHits()) {
                System.out.println(hit.getSourceAsMap());
                Map<String, HighlightField> highlightFields = hit.getHighlightFields();
                HighlightField smsContent = highlightFields.get("smsContent");
                if(smsContent != null){
                    String highlight = smsContent.getFragments()[0].toString();
                    System.out.println("highlight:" + highlight);
                }
            }
        }
    }

    十一、ES的聚合函数ES

    提供了丰富的聚合函数在海量数据中做统计

    想MySQL提供的5种聚合函数，ES都支持……

    ES提供的聚合函数特别多，挑几个常用的……

    11.1 Extended_stats

    查询出指定属性的count，min，max，sum，avg，平方和，方差，标准偏差…………

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    # 聚合函数-Extended stats
    POST /sms_logs_index/_search
    {
      "aggs": {
        "heiheihei": {
          "extended_stats": {
            "field": "fee"
          }
        }
      }
    }

    11.2 Cardinality

    针对非text类型的属性做 去重计数

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    # 聚合函数-Cardinality
    POST /sms_logs_index/_search
    {
      "aggs": {
        "xixixi": {
          "cardinality": {
            "field": "createDate"
          }
        }
      }
    }

    11.3 Range统计

    ES中针对Range范围统计提供了Range，DateRange，IPRange

    可以统计范围内出现数据的数量。

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    # 聚合函数-Range
    POST /sms_logs_index/_search
    {
      "aggs": {
        "hahaha": {
          "range": {
            "field": "fee",
            "ranges": [
              {"to": 5},
              {"from": 5,"to": 8},
              {"from": 8}
            ]
          }
        }
      }
    }

    # 聚合函数-DateRange
    POST /sms_logs_index/_search
    {
      "aggs": {
        "hehehe": {
          "date_range": {
            "field": "createDate",
            "ranges": [
              {"to": "2021-09-09 04:00:00"},
              {"from": "2021-09-09 04:00:00","to": "2021-09-09 12:00:00"},
              {"from": "2021-09-09 12:00:00"}
            ],
            "format": "yyyy-MM-dd HH:mm:ss"
          }
        }
      }
    }

    11.4 histogram

    根据指定的属性和间隔interval做范围统计

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    # 聚合函数-histogram
    POST /sms_logs_index/_search
    {
      "aggs": {
        "eee": {
          "histogram": {
            "field": "fee",
            "interval": 1
          }
        }
      }
    }


    # 聚合函数-date_histogram
    POST /sms_logs_index/_search
    {
      "aggs": {
        "yesyesyes": {
          "date_histogram": {
            "field": "createDate",
            "interval": "minute"
          }
        }
      }
    }

    11.5 terms

    统计某个属性不同值出现的次数，并且可以基于order做排序，基于size做筛选条数

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    # 聚合函数-terms
    POST /sms_logs_index/_search
    {
      "aggs": {
        "yiku": {
          "terms": {
            "field": "fee",
            "size": 2,
            "order": {
              "_count": "asc"
            }
          }
        }
      }
    }

    11.6 Java代码实现

    向下转型问题！

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    /**
     * 聚合函数Java实现
     * @author zjw
     */
    public class Demo3Test {


        @Test
        public void terms() throws IOException {
            // request
            SearchRequest request = new SearchRequest();

            // index
            request.indices("sms_logs_index");

            // body
            SearchSourceBuilder sourceBuilder = new SearchSourceBuilder();
            sourceBuilder.aggregation(AggregationBuilders.terms("agg").field("fee").size(10).order(BucketOrder.count(false)));
            request.source(sourceBuilder);

            // send,resp
            SearchResponse resp = ESClientUtil.getClient().search(request, RequestOptions.DEFAULT);

            // getData
            Aggregations aggregations = resp.getAggregations();
            // 根据聚合函数的查询条件向下转型
            Terms agg = aggregations.get("agg");

            for (Terms.Bucket bucket : agg.getBuckets()) {
                System.out.println(bucket.getKey() +"," + bucket.getDocCount());
            }

        }
    }

    十二、ES的GEO查询

    GEO查询就是基于经纬度做筛选。

    一般经纬度筛选无法计算分数，会将基于GEO的查询统统滴放到filter中。

    创建一个索引，指定一个属性的存储类型是geo_point

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
    45
    46
    47
    # 玩GEO，创建索引
    PUT /map 
    {
      "settings": {
        "number_of_shards": 3,
        "number_of_replicas": 1
      },
      "mappings": {
        "properties": {
          "name": {
            "type": "keyword"
          },
          "location": {
            "type": "geo_point"
          }
        }
      }
    }


    # 插入三条数据 北科，生命科学园地铁，巩华城地铁
    POST /map/_create/1
    {
      "name": "北科",
      "location": {
        "lat": 40.125318,
        "lon": 116.258312
      }
    }

    POST /map/_create/2
    {
      "name": "生命科学园地铁",
      "location": {
        "lat": 40.101109,
        "lon": 116.300721
      }
    }

    POST /map/_create/3
    {
      "name": "巩华城地铁",
      "location": {
        "lat": 40.13731,
        "lon": 116.300344
      }
    }

    GEO在ES中提供了三种查询方式

    geo_distance
    image-20210910114724159
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    # 一个点，一个距离（半径）查询圆内数据
    POST /map/_search
    {
      "query": {
        "bool": {
          "filter": [
            {
              "geo_distance": {
                "distance": 4700,
                "location": {
                  "lat": 40.125318,
                  "lon": 116.258312
                }
              }
            }
          ]
        }
      }
    }
    geo_bounding_box
    image-20210910114910950
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    # 两个点确定矩形
    POST /map/_search
    {
      "query": {
        "bool": {
          "filter": [
            {
              "geo_bounding_box": {
                "location": {
                  "top_left": {
                    "lat": 40.109973,
                    "lon": 116.278192
                  },
                  "bottom_right": {
                    "lat": 40.093416,
                    "lon": 116.32131
                  }
                }
              }
            }
          ]
        }
      }
    }
    geo_polygon
    image-20210910115101114
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    # 多个点确定多边形
    POST /map/_search
    {
      "query": {
        "bool": {
          "filter": [
            {
              "geo_polygon": {
                "location": {
                  "points": [
                    {
                      "lat": 40.143736,
                      "lon": 116.29084
                    },
                    {
                      "lat": 40.127132,
                      "lon": 116.306003
                    },
                    {
                      "lat": 40.148479,
                      "lon": 116.313549
                    }
                  ]
                }
              }
            }
          ]
        }
      }
    }
    • 标题: Elasticsearch
    • 作者: chalmery
    • 创建于 : 2021-10-01 00:00:00
    • 更新于 : 2021-10-01 00:00:00
    • 链接: https://github.com/chalmery/3542956005/
    • 版权声明: 本文章采用 CC BY-NC-SA 4.0 进行许可。
    评论
    此页目录
    Elasticsearch
    1. Elasticsearch
      1. 一、现存问题
      2. 二、安装ES&Kibana&IK分词器
      3. 三、ES的存储结构
      4. 四、索引操作
      5. 五、文档操作
      6. 六、Java操作ES
      7. 七、ES的基本查询
      8. 八、ES的其他查询
      9. 九、ES的复合查询
      10. 十、ES的高亮查询
      11. 十一、ES的聚合函数ES
      12. 十二、ES的GEO查询
    © 2021 - 2024    chalmery

    共 13 篇文章 共 20.2k 字

    访问人数 总访问量
    由 Hexo 驱动 主题 Redefine v2.6.1
    博客已运行 天 小时 分钟 秒
    \ No newline at end of file +Elasticsearch - yangccBlog

    yangccBlog
    9
    标签
    2
    分类
    13
    文章

    Elasticsearch

    chalmery Lv2
      2021-10-01 2021-10-01 创建   2021-10-01 2021-10-01 更新    4.9k 字  24 分钟  

    Elasticsearch

    一、现存问题

    1.1 现存问题

    • 海量数据存储
    • 海量数据中完成全文检索
    • 如何实现关键字的高亮显示
    • 海量数据中完成统计操作

    1.2 ES的介绍（搜索引擎）

    Elasticsearch天生分布式，支持海量数据的存储，什么在大数据领域也有应用。

    Elasticsearch采用倒排索引的方式去全文检索数据，亿级数据中检索时间在毫秒级别。

    Elasticsearch提供了highlight高亮查询方式

    Elasticsearch提供了及其丰富和聚合函数

    Elasticsearch基于Java实现，搜索功能是基于先进最流行的Lucene实现……

    Elasticsearch本身是一套技术栈，ELK中的一个组件，ELK是收集日志的一套技术栈……

    中文官方地址：https://www.elastic.co/cn/elasticsearch/

    二、安装ES&Kibana&IK分词器

    采用docker运行Elasticsearch容器和Kibana容器

    2.1 安装ES&Kibana

    docker-compose.yml

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    version: "3.1"
    services:
      elasticsearch:
        image: 10.9.12.200:60001/elasticsearch:7.8.0
        # restart: always     # 只要docker启动，当前容器自动启动
        container_name: elasticsearch
        ports:
          - 9200:9200
        environment:
          - "discovery.type=single-node"
          - "ES_JAVA_OPTS=-Xms256m -Xmx256m"
        volumes:
          - ./data:/usr/share/elasticsearch/data
          - ./config/elasticsearch.yml:/usr/share/elasticsearch/config/elasticsearch.yml
          # 数据卷如果映射文件，需要提前在宿主机中创建好这个文件
      kibana:
        image: 10.9.12.200:60001/kibana:7.8.0
        # restart: always
        container_name: kibana
        ports:
          - 5601:5601
        environment:
          - elasticsearch_url=http://192.168.41.98:9200
        depends_on:
          - elasticsearch
        volumes:
          - ./config/kibana.yml:/usr/share/kibana/config/kibana.yml

    数据卷映射文件的内容

    elasticsearch.yml

    1
    2
    cluster.name: "docker-cluster"
    network.host: 0.0.0.0

    kibana.yml

    1
    2
    3
    4
    server.name: kibana
    server.host: "0"
    elasticsearch.hosts: [ "http://elasticsearch:9200" ]
    xpack.monitoring.ui.container.elasticsearch.enabled: true

    准备好上述内容后，docker-compose up -d

    检测启动是否成功：

    2.2 安装IK分词器

    在kibana中基于RESTful的形式和ES交互

    需要在kibana上发送HTTP请求并携带JSON参数与ES交互

    在kibana的dev tools上测试分词器

    安装IK分词器

    下载地址：https://github.com/medcl/elasticsearch-analysis-ik/releases/download/v7.8.0/elasticsearch-analysis-ik-7.8.0.zip

    需要将zip压缩包解压的内容放到elasticsearch容器内部的 /usr/share/elasticsearch/plugins/ik_analyzer/

    修改docker-compose.yml文件，给elasticsearch添加了一个数据卷，映射到 /usr/local/docker/es_docker/plugins

    将zip压缩包扔到Linux中，并且放到数据库内的ik_analyzer目录里，通过unzip解压，重启elasticsearch容器

    再次通过IK分词器进行分词

    三、ES的存储结构

    在ES服务中创建索引，并指定索引的主分片个数，以及备份分片个数。

    给索引设置存储数据的结构

    上述搞定后，可以向索引中添加文件……

    四、索引操作

    4.1 创建索引（不指定存储结构）

    1
    2
    3
    4
    5
    6
    7
    8
    # 创建索引
    PUT /book
    {
      "settings": {
        "number_of_shards": 5,
        "number_of_replicas": 1
      }
    }

    4.2 Elasticsearch数据类型

    • 字符串类型：

      • text：文本类型，一般用于搜索……
      • keyword：关键字，当前值不允许分词……

    • boolean类型：

      • boolean：没啥说的…………

    • 二进制类型：

      • binary：只支持encoding为Base64格式……

    • 数值类型：

      longA signed 64-bit integer with a minimum value of -263 and a maximum value of 263-1.
      integerA signed 32-bit integer with a minimum value of -231 and a maximum value of 231-1.
      shortA signed 16-bit integer with a minimum value of -32,768 and a maximum value of 32,767.
      byteA signed 8-bit integer with a minimum value of -128 and a maximum value of 127.
      doubleA double-precision 64-bit IEEE 754 floating point number, restricted to finite values.
      floatA single-precision 32-bit IEEE 754 floating point number, restricted to finite values.
      half_floatA half-precision 16-bit IEEE 754 floating point number, restricted to finite values.
      scaled_floatA floating point number that is backed by a long, scaled by a fixed double scaling factor.
      unsigned_longAn unsigned 64-bit integer with a minimum value of 0 and a maximum value of 264-1.

    • 时间类型：

      • date：代表时间类型，根据format设置格式化方式

        1
        "format": "yyyy-MM-dd || yyyy-MM-dd HH:mm:ss || strict_date_optional_time || epoch_millis"

    • ip类型：

      • ip：支持ipv4和ipv6类型

    • geo类型：

      • geo_point：支持经纬度存储……

    4.3 创建索引（结构化存储）

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    # 创建索引并设置存储结构
    PUT /novel
    {
      "settings": {
        "number_of_shards": 5,
        "number_of_replicas": 1
      },
      "mappings": {
        "properties": {
          "name": {
            "type": "text",    # 这样会使用默认的standard分词器，使用IK需要额外添加信息
            "analyzer": "ik_max_word"   # 添加这个才会使用IK分词器  
          },
          "author": {
            "type": "keyword"
          },
          "count": {
            "type": "long"
          },
          "onsale": {
            "type": "date",
            "format": "yyyy-MM-dd || yyyy-MM-dd HH:mm:ss || strict_date_optional_time || epoch_millis"
          }
        }
      }
    }

    创建成功，查看效果

    索引构建成功后

    • 主分片个数不允许修改……

    • 备份分片个数可以随意修改……

    • 索引中的属性类型是不允许修改的，但是可以追加属性……

      1
      2
      3
      4
      5
      6
      7
      8
      PUT /索引/_mapping
      {
        "properties": {
          "field": {
            "type": "datatype"
          }
        }
      }

    4.4 查看索引

    可以通过图形化界面查看

    REST查看

    1
    GET /索引

    4.5 删除索引

    可以通过图形化界面删除

    REST删除

    1
    DELETE /索引

    五、文档操作

    5.1 添加文档

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    # 添加文档，指定id添加，自动生成id
    POST /novel/_doc/    # 自动生成id
    {
      "name": "斗破苍穹",
      "author": "天残土豆",
      "count": 99999,
      "onsale": "2000-01-01"
    }

    POST /novel/_create/1     # 手动设置id
    {
      "name": "斗罗大陆",
      "author": "唐家三少",
      "count": 999999,
      "onsale": "2010-01-01"
    }

    5.2 修改文档

    1
    2
    3
    4
    5
    6
    7
    # 修改文档
    POST /novel/_update/1
    {
      "doc": {
        "name": "倒斗大陆"
      }
    }

    5.3 删除文档

    1
    2
    # 删除文档
    DELETE /novel/_doc/sXVVyHsB4k1tdHs36v4c

    5.4 根据id查询文档

    1
    2
    # 根据_id查询文档
    GET /novel/_doc/1

    六、Java操作ES

    Elasticsearch官方推出了两种Java操作的客户端，采用Rest-High-Level-Client。

    还有另一种与Elasticsearch交互客户端，可以写类似SQL的语句，与Elasticsearch交互。

    还有另一种与Elasticsearch交互客户端，SpringBoot整合的data-elasticsearch。

    6.1 Java连接Elasticsearch服务

    6.1.1 导入依赖
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    <dependencies>
        <dependency>
            <groupId>org.elasticsearch</groupId>
            <artifactId>elasticsearch</artifactId>
            <version>7.8.0</version>
        </dependency>
        <dependency>
            <groupId>org.elasticsearch.client</groupId>
            <artifactId>elasticsearch-rest-high-level-client</artifactId>
            <version>7.8.0</version>
        </dependency>
        <dependency>
            <groupId>junit</groupId>
            <artifactId>junit</artifactId>
            <version>4.12</version>
        </dependency>
    </dependencies>
    6.1.2 编写配置类
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    public class ESClientUtil {

        /**
         * 获取与ES交互的client对象
         * @return
         */
        public static RestHighLevelClient getClient(){

            HttpHost httpHost = new HttpHost("192.168.41.98",9200);

            RestClientBuilder restClientBuilder = RestClient.builder(httpHost);

            RestHighLevelClient restHighLevelClient = new RestHighLevelClient(restClientBuilder);

            return restHighLevelClient;
        }
    }

    6.2 添加文档

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    private final String CREATED = "created";

    @Test
    public void addDoc() throws IOException {
        //1. 创建指定的request对象
        IndexRequest indexRequest = new IndexRequest();

        //2. 设置索引信息，文档id
        indexRequest.index("novel");
        indexRequest.id("3");

        //3. 准备具体文档数据
        Map source = new HashMap<>(8);
        source.put("name","明朝");
        source.put("author","朱元璋");
        source.put("count",88888);
        // 时间推荐使用年月日时分秒格式，虽然kibana显示有问题，但是查询结果没问题
        source.put("onsale",new Date());
        indexRequest.source(source);

        //4. 将request用RestHighLevelClient发送出去，接收ES服务的响应
        IndexResponse resp = ESClientUtil.getClient().index(indexRequest, RequestOptions.DEFAULT);

        //5. 基于响应结果，判断添加是否成功
        if (CREATED.equals(resp.getResult().getLowercase())) {
            System.out.println("文档添加成功！！！");
        }
    }

    6.3 修改文档

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    @Test
    public void updateById() throws IOException {
        //1. 创建指定的request对象
        UpdateRequest request = new UpdateRequest();

        //2. 设置索引信息，文档id
        request.index("novel");
        request.id("3");

        //3. 准备具体文档数据
        Map<String, Object> source = new HashMap<>(4);
        source.put("name","明朝那么多事！");
        request.doc(source);

        //4. 将request用RestHighLevelClient发送出去，接收ES服务的响应
        UpdateResponse resp = ESClientUtil.getClient().update(request, RequestOptions.DEFAULT);

        //5. 基于响应结果，判断操作是否成功
        if (UPDATED.equals(resp.getResult().getLowercase())) {
            System.out.println("文档修改成功！");
        }
    }

    6.5 批量操作

    6.6 根据id查询文档

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    @Test
    public void get() throws IOException {
        //1. 创建指定的request对象
        GetRequest request = new GetRequest();

        //2. 设置索引信息，文档id
        request.index("novel");
        request.id("3");

        //3. 将request用RestHighLevelClient发送出去，接收ES服务的响应
        GetResponse resp = ESClientUtil.getClient().get(request, RequestOptions.DEFAULT);

        //4. 基于响应结果，判断操作是否成功
        System.out.println(resp.getSourceAsMap());
    }

    七、ES的基本查询

    7.1 倒排/反向索引

    7.2 term查询

    term是ES最基本的查询，基本上所有的检索方式的底层都是term查询……

    7.2.1 term查询

    term查询对比MySQL的话，相当于：where column = ？

    term就是将用户输入的关键字与ES中的某一个属性做等值比较（当前属性的分词库）。

    term不会将用户输入的关键字进行分词，直接拿用户的完整关键字匹配分词库。

    term更适合查询keyword类型的属性

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    # term查询
    POST /sms_logs_index/_search
    {
      "query": {
        "term": {
          "smsContent": {
            "value": "滴滴单车平台"
          }
        }
      }
    }
    7.2.2 terms查询

    term查询对比MySQL的话，相当于：where column in (?,?,?)

    和terms一致，让用户输入多个关键字去匹配一个属性

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    [[terms查询]]
    POST /sms_logs_index/_search
    {
      "query": {
        "terms": {
          "smsContent": [
            "滴滴打车",
            "平台"
          ]
        }
      }
    }

    7.3 match查询

    match查询是使用频率最高的查询方式，match查询的底层还是term查询

    match查询会根据查询的field的属性，决定是否将用户输入的关键字进行分词

    • 如果field是keyword类型，match查询不会将用户输入的关键字进行分词
    • 如果field是text类型，match查询会将用户输入的关键字进行分词
    7.3.1 match查询

    用户输入一个关键字去匹配一个Field

    1
    2
    3
    4
    5
    6
    7
    8
    9
    # match查询
    POST /sms_logs_index/_search
    {
      "query": {
        "match": {
          "smsContent": "【招商银行】尊贵的王五先生"
        }
      }
    }
    7.3.2 match_all查询

    查询全部数据

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    # match_all 查询
    POST /sms_logs_index/_search
    {
      "query": {
        "match_all": {}
      },
      "from": 10,           # limit的第一个参数
      "size": 10,           # limit的第二个参数
      "sort": [            # 指定根据哪个field做排序，不根据es的分数进行排序……
        {
          "fee": {
            "order": "asc"
          }
        }
      ]
    }
    7.3.3 multi_match查询

    一个值匹配多个Field

    提升ES的查询命中率……

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    # multi_match
    POST /sms_logs_index/_search
    {
      "query": {
        "multi_match": {
          "query": "银行",
          "fields": ["corpName","smsContent"]
        }
      }
    }

    7.4 range查询

    range查询可以实现范围检索

    针对数值，时间和IP地址做范围查询

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    # range 查询
    # 数值范围
    POST /sms_logs_index/_search
    {
      "query": {
        "range": {
          "fee": {
            "gte": 1,   
            "lt": 5   
          }
        }
      }
    }

    # 时间范围,      时间格式规定好，推荐都用时分秒，skr~~
    POST /sms_logs_index/_search
    {
      "query": {
        "range": {
          "sendDate": {
            "gte": "2021-09-09 02:11:11",
            "lte": "2021-09-09 05:59:11",
            "format": "yyyy-MM-dd HH:mm:ss"
          }
        }
      }
    }

    # ip范围
    POST /sms_logs_index/_search
    {
      "query": {
        "range": {
          "ipAddr": {
            "gt": "9.126.2.8",
            "lte": "11.126.2.255"   
          }
        }
      }
    }

    7.5 Java与ES交互实现查询操作

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    public class Demo2Test {

        /**
         *  range范围查询，基于fee，查询1分到5分之间的
         */
        @Test
        public void rangeQuery() throws IOException {
            //1. req
            SearchRequest request = new SearchRequest();

            //2. index
            request.indices("sms_logs_index");

            //3. body
            SearchSourceBuilder sourceBuilder = new SearchSourceBuilder();

            sourceBuilder.query(QueryBuilders.rangeQuery("fee").gte(1).lte(5));
            sourceBuilder.from(0);
            sourceBuilder.size(2);
            sourceBuilder.sort("fee", SortOrder.ASC);

            request.source(sourceBuilder);

            //4. execute
            SearchResponse resp = ESClientUtil.getClient().search(request, RequestOptions.DEFAULT);

            //5. source
            for (SearchHit hit : resp.getHits().getHits()) {
                System.out.println(hit.getSourceAsMap());
            }

        }
    }

    八、ES的其他查询

    8.1 ids查询

    ids是根据多个_id的值，直接拉取分片上的数据……

    1
    2
    3
    4
    5
    6
    7
    8
    9
    # ids查询
    POST /sms_logs_index/_search
    {
      "query": {
        "ids": {
          "values": ["1","2","3"]
        }
      }
    }

    8.2 prefix查询

    将用户输入的关键字去分词库中匹配term的前缀……

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    # prefix查询
    POST /sms_logs_index/_search
    {
      "query": {
        "prefix": {
          "corpName": {
            "value": "养车"
          }
        }
      }
    }

    8.3 fuzzy查询

    真正的模块查询，允许用户输入的关键字有错别字（错别字尽量出现在后面……）

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    # fuzzy查询
    POST /sms_logs_index/_search
    {
      "query": {
        "fuzzy": {
          "corpName": {
            "value": "盒马生鲜"
          }
        }
      }
    }

    8.4 wildcard查询

    和MySQL中的like查询一样的通配、占位查询，

    • MySQL%代表通配，_代表占位
    • wildcard中*代表通配，？代表占位
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    # wildcard查询
    POST /sms_logs_index/_search
    {
      "query": {
        "wildcard": {
          "corpName": {
            "value": "中国????????"
          }
        }
      }
    }

    8.5 regexp查询

    基于正则表达式匹配分词库中的term

    1
    2
    3
    4
    5
    6
    7
    8
    9
    # regexp查询
    POST /sms_logs_index/_search
    {
      "query": {
        "regexp": {
          "mobile": "1390[0-9]{7}"
        }
      }
    }

    九、ES的复合查询

    基于ES的query查询数据时，暂时只能一个条件一个条件的使用，没有办法将多个条件以一定的逻辑方式组合在一起。

    ES也支持查询方式，允许多个条件封装到一起，这种查询叫bool查询

    只要公司项目用ES做全文检索，100%用bool查询

    bool查询提供了四种组合方式：

    • must：等于MySQL的and
    • should：等于MySQL的or
    • must_not：等于MySQL的!
    • filter：在query的筛选基础上，再次做筛选，这次筛选不会计算分数
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
    45
    46
    47
    48
    49
    50
    51
    52
    53
    54
    55
    56
    57
    58
    59
    # bool查询
    # smsContent中包含先生  并且  fee大于等于5分
    # 省份要么是北京，要么是上海
    # 公司名称不是     滴滴打车
    # 将上述结果再次筛选出手机号为 13900000000的
    POST /sms_logs_index/_search
    {
      "query": {
        "bool": {
          "must": [
            {
              "match": {
                "smsContent": "先生"
              }
            },
            {
              "range": {
                "fee": {
                  "gte": 5
                }
              }
            }
          ],
          "should": [
            {
              "term": {
                "province": {
                  "value": "北京"
                }
              }
            },
            {
              "term": {
                "province": {
                  "value": "西安"
                }
              }
            }
          ],
          "must_not": [
            {
              "term": {
                "corpName": {
                  "value": "滴滴打车"
                }
              }
            }
          ],
          "filter": [
            {
              "term": {
                "mobile": "13900000000"
              }
            }
          ],
          "minimum_should_match": 0
        }
      }
    }

    十、ES的高亮查询

    将用户输入的关键字匹配项，以高亮的形式返回。

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    # 高亮查询
    POST /sms_logs_index/_search
    {
      "query": {
        "term": {
          "corpName": "滴滴打车"
        }
      },
      "highlight": {
        "pre_tags": "<span style='color:red;'>",
        "post_tags": "</span>",
        "fragment_size": 20,
        "fields": [
          {"corpName": {}}
        ]
      }
    }

    Java代码

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    public class Demo2Test {

        @Test
        public void matchQuery() throws IOException {
            //1. req
            SearchRequest request = new SearchRequest();

            //2. index
            request.indices("sms_logs_index");

            //3. body
            SearchSourceBuilder sourceBuilder = new SearchSourceBuilder();

            sourceBuilder.query(QueryBuilders.matchQuery("smsContent","先生"));
            sourceBuilder.from(0);
            sourceBuilder.size(2);
            sourceBuilder.sort("fee", SortOrder.ASC);
            HighlightBuilder highligter = new HighlightBuilder();
            highligter.fragmentSize(20);
            highligter.field("smsContent");
            highligter.preTags("<span style='color:red;'>");
            highligter.postTags("</span>");
            sourceBuilder.highlighter(highligter);

            request.source(sourceBuilder);

            //4. execute
            SearchResponse resp = ESClientUtil.getClient().search(request, RequestOptions.DEFAULT);

            //5. source
            for (SearchHit hit : resp.getHits().getHits()) {
                System.out.println(hit.getSourceAsMap());
                Map<String, HighlightField> highlightFields = hit.getHighlightFields();
                HighlightField smsContent = highlightFields.get("smsContent");
                if(smsContent != null){
                    String highlight = smsContent.getFragments()[0].toString();
                    System.out.println("highlight:" + highlight);
                }
            }
        }
    }

    十一、ES的聚合函数ES

    提供了丰富的聚合函数在海量数据中做统计

    想MySQL提供的5种聚合函数，ES都支持……

    ES提供的聚合函数特别多，挑几个常用的……

    11.1 Extended_stats

    查询出指定属性的count，min，max，sum，avg，平方和，方差，标准偏差…………

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    # 聚合函数-Extended stats
    POST /sms_logs_index/_search
    {
      "aggs": {
        "heiheihei": {
          "extended_stats": {
            "field": "fee"
          }
        }
      }
    }

    11.2 Cardinality

    针对非text类型的属性做 去重计数

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    # 聚合函数-Cardinality
    POST /sms_logs_index/_search
    {
      "aggs": {
        "xixixi": {
          "cardinality": {
            "field": "createDate"
          }
        }
      }
    }

    11.3 Range统计

    ES中针对Range范围统计提供了Range，DateRange，IPRange

    可以统计范围内出现数据的数量。

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    # 聚合函数-Range
    POST /sms_logs_index/_search
    {
      "aggs": {
        "hahaha": {
          "range": {
            "field": "fee",
            "ranges": [
              {"to": 5},
              {"from": 5,"to": 8},
              {"from": 8}
            ]
          }
        }
      }
    }

    # 聚合函数-DateRange
    POST /sms_logs_index/_search
    {
      "aggs": {
        "hehehe": {
          "date_range": {
            "field": "createDate",
            "ranges": [
              {"to": "2021-09-09 04:00:00"},
              {"from": "2021-09-09 04:00:00","to": "2021-09-09 12:00:00"},
              {"from": "2021-09-09 12:00:00"}
            ],
            "format": "yyyy-MM-dd HH:mm:ss"
          }
        }
      }
    }

    11.4 histogram

    根据指定的属性和间隔interval做范围统计

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    # 聚合函数-histogram
    POST /sms_logs_index/_search
    {
      "aggs": {
        "eee": {
          "histogram": {
            "field": "fee",
            "interval": 1
          }
        }
      }
    }


    # 聚合函数-date_histogram
    POST /sms_logs_index/_search
    {
      "aggs": {
        "yesyesyes": {
          "date_histogram": {
            "field": "createDate",
            "interval": "minute"
          }
        }
      }
    }

    11.5 terms

    统计某个属性不同值出现的次数，并且可以基于order做排序，基于size做筛选条数

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    # 聚合函数-terms
    POST /sms_logs_index/_search
    {
      "aggs": {
        "yiku": {
          "terms": {
            "field": "fee",
            "size": 2,
            "order": {
              "_count": "asc"
            }
          }
        }
      }
    }

    11.6 Java代码实现

    向下转型问题！

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    /**
     * 聚合函数Java实现
     * @author zjw
     */
    public class Demo3Test {


        @Test
        public void terms() throws IOException {
            // request
            SearchRequest request = new SearchRequest();

            // index
            request.indices("sms_logs_index");

            // body
            SearchSourceBuilder sourceBuilder = new SearchSourceBuilder();
            sourceBuilder.aggregation(AggregationBuilders.terms("agg").field("fee").size(10).order(BucketOrder.count(false)));
            request.source(sourceBuilder);

            // send,resp
            SearchResponse resp = ESClientUtil.getClient().search(request, RequestOptions.DEFAULT);

            // getData
            Aggregations aggregations = resp.getAggregations();
            // 根据聚合函数的查询条件向下转型
            Terms agg = aggregations.get("agg");

            for (Terms.Bucket bucket : agg.getBuckets()) {
                System.out.println(bucket.getKey() +"," + bucket.getDocCount());
            }

        }
    }

    十二、ES的GEO查询

    GEO查询就是基于经纬度做筛选。

    一般经纬度筛选无法计算分数，会将基于GEO的查询统统滴放到filter中。

    创建一个索引，指定一个属性的存储类型是geo_point

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
    45
    46
    47
    # 玩GEO，创建索引
    PUT /map 
    {
      "settings": {
        "number_of_shards": 3,
        "number_of_replicas": 1
      },
      "mappings": {
        "properties": {
          "name": {
            "type": "keyword"
          },
          "location": {
            "type": "geo_point"
          }
        }
      }
    }


    # 插入三条数据 北科，生命科学园地铁，巩华城地铁
    POST /map/_create/1
    {
      "name": "北科",
      "location": {
        "lat": 40.125318,
        "lon": 116.258312
      }
    }

    POST /map/_create/2
    {
      "name": "生命科学园地铁",
      "location": {
        "lat": 40.101109,
        "lon": 116.300721
      }
    }

    POST /map/_create/3
    {
      "name": "巩华城地铁",
      "location": {
        "lat": 40.13731,
        "lon": 116.300344
      }
    }

    GEO在ES中提供了三种查询方式

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    # 一个点，一个距离（半径）查询圆内数据
    POST /map/_search
    {
      "query": {
        "bool": {
          "filter": [
            {
              "geo_distance": {
                "distance": 4700,
                "location": {
                  "lat": 40.125318,
                  "lon": 116.258312
                }
              }
            }
          ]
        }
      }
    }
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    # 两个点确定矩形
    POST /map/_search
    {
      "query": {
        "bool": {
          "filter": [
            {
              "geo_bounding_box": {
                "location": {
                  "top_left": {
                    "lat": 40.109973,
                    "lon": 116.278192
                  },
                  "bottom_right": {
                    "lat": 40.093416,
                    "lon": 116.32131
                  }
                }
              }
            }
          ]
        }
      }
    }
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    # 多个点确定多边形
    POST /map/_search
    {
      "query": {
        "bool": {
          "filter": [
            {
              "geo_polygon": {
                "location": {
                  "points": [
                    {
                      "lat": 40.143736,
                      "lon": 116.29084
                    },
                    {
                      "lat": 40.127132,
                      "lon": 116.306003
                    },
                    {
                      "lat": 40.148479,
                      "lon": 116.313549
                    }
                  ]
                }
              }
            }
          ]
        }
      }
    }
    • 标题: Elasticsearch
    • 作者: chalmery
    • 创建于 : 2021-10-01 00:00:00
    • 更新于 : 2021-10-01 00:00:00
    • 链接: https://github.com/chalmery/3542956005/
    • 版权声明: 本文章采用 CC BY-NC-SA 4.0 进行许可。
    评论
    此页目录
    Elasticsearch
    1. Elasticsearch
      1. 一、现存问题
      2. 二、安装ES&Kibana&IK分词器
      3. 三、ES的存储结构
      4. 四、索引操作
      5. 五、文档操作
      6. 六、Java操作ES
      7. 七、ES的基本查询
      8. 八、ES的其他查询
      9. 九、ES的复合查询
      10. 十、ES的高亮查询
      11. 十一、ES的聚合函数ES
      12. 十二、ES的GEO查询
    © 2021 - 2024    chalmery

    共 13 篇文章 共 20.1k 字

    访问人数 总访问量
    由 Hexo 驱动 主题 Redefine v2.6.1
    博客已运行 天 小时 分钟 秒
    \ No newline at end of file diff --git a/379577363/index.html b/379577363/index.html index 2b6e364..596c572 100644 --- a/379577363/index.html +++ b/379577363/index.html @@ -1 +1 @@ -Rust学习(三)：结构体枚举和模式匹配 - yangccBlog

    yangccBlog
    9
    标签
    2
    分类
    13
    文章

    Rust学习(三)：结构体枚举和模式匹配

    chalmery Lv2
      2022-05-15 2022-05-15 创建   2022-05-15 2022-05-15 更新    1.4k 字  6 分钟  

    1 Struct

    结构体实例化的顺序可以不与定义时候一样，但是所有属性都得实例化。结构体实例声明为可变的时候其所有属性都是可变的。

    基本的结构体

    声明一个结构体

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    struct User{
        name : String,
        email : String,
        sign_in_count : u64,
        archive : bool,
    }

    fn main(){
        let mut  user = User{
            email : String::from("ycc@123.com"),
            name : String::from("ycc"),
            sign_in_count : 1,
            archive : false,
        };
        println!("{}",user.email);
    }

    struct作为函数的返回值：

    1
    2
    3
    4
    5
    6
    7
    8
    fn fun()-> User{
        User{
            email : String::from("ycc@123.com"),
            name : String::from("ycc"),
            sign_in_count : 1,
            archive : false,
        };
    }

    字段初始化简写的方式，省略赋值的操作

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    fn build_user(name:String,email:String) ->User{
        User{
            // email : email,
            // name : name,
            email,
            name,
            sign_in_count : 1,
            archive : false,
        };
    }

    当想基于一个struct来创建一个新的struct的时候，可以使用下面的语法糖：

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    fn main(){
        let user1 = User{
            email : String::from("ycc@123.com"),
            name : String::from("ycc"),
            sign_in_count : 1,
            archive : false,
        };
        let user2 = User{
            email : String::from("233@gmail.com"),
            ..user1
        };
    }

    Tuple Struct

    元组结构体，适用于给tuple分类型，让这个元组不同于其他的元组，比如可以声明一个元组结构体来描述，颜色RGB，正方形，圆。。。等等

    先复习下元组：元组内可以放入不同类型的值

    1
    2
    3
    4
    5
    fn main(){
        let trple = (1,"a",3); // 元组
        let (a,b,c) = trple; // 解构
        println!("{}",a)
    }

    元组结构体：

    1
    2
    3
    4
    5
    6
    fn main(){
        // 元组结构体
        let white = Color(0,0,0);
        let orange = Color(2,5,1);
    }
    struct Color(i32,i32,i32);

    没有任何字段的Struct

    可以定义一个没有任何内容的struct，叫做 Unit-like struct，可以实现抽象的描述，但是又不需要存储元素内容的场景可以适用。

    struct的所有权

    Struct里面可以放数据，也可以放引用（生命周期），生命周期保证只要struct实例是有效的，那么里面的引用就是有效的，如果使用引用却不使用生命周期就会报错

    小例子

    实现计算矩形的面积：

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    struct Rectangle {
        length: u32,
        width: u32,
    }
    fn get_area(r : &Rectangle) -> u32 {
        r.length * r.width
    }
    fn main() {
        let r = Rectangle{
            length:10,
            width:10,
        };
        let area = get_area(&r);
        println!("{}",area);
    }

    注意这里传入的是结构体的引用，因此，在 方法执行结束，main方法依然有 Rectangle的实例r的所有权，因此还可以打印：

    1
    println!("{}",r)

    但如果直接这么打印编译会报错：提示没有实现这个接口，或则使用第二种方法

    = help: the trait std::fmt::Display is not implemented for Rectangle
    = note: in format strings you may be able to use {:?} (or {:#?} for pretty-print) instead

    而当你使用第二种方式打印的话还会报错：

    1
    2
    println!("{:?}",r)
    println!("{:#?}",r) //美化打印

    提示你没有时间Debug接口，或者使用这个注解，放在结构体上面，

    = help: the trait Debug is not implemented for Rectangle
    = note: add #[derive(Debug)] to Rectangle or manually impl Debug for Rectangle

    方法

    方法表示与这个结构体有关的函数，使用关键字 impl来表示，可以有很多个代码快，除了特别的方法，一般的方法第一个参数总是自己，用 &self表示,方法调用可以省略自身的引用入参

    • self 可以是 借用：&self，也可以是：safe表示获取所有权，也可以是可变的，也就是说和普通的参数没啥区别
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    impl Rectangle {
        fn get_area(&self) -> u32 {
            self.length * self.width
        }
    }
    fn main() {
        let r = Rectangle{
            length:10,
            width:10,
        };
        let area = r.get_area();
        println!("{}",area);
    }

    方法调用的运算符

    在c/c++中方法调用，是这样的：object->someting() 和 (*object).someting()这两者等价

    • object是个指针，星号表示解指针，变为对象
    • Rust提供了自动的引用，或者解引用，在调用方法的时候，rust会自动的补上，&，& mut 等，来匹配上方法的入参

    关联函数：

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    impl Rectangle {
        fn square(size:u32) -> Rectangle {
            Rectangle{
                length :size,
                width :size,
            }
        }
    }

    fn main() {
       // 关联函数的调用
        let squ = Rectangle::square(10);
        println!("{:#?}",squ)
    }

    2 枚举

    定义一个枚举，不过看了半天，没有发现和java类似的那种常量形式的枚举定义方式

    1
    2
    3
    4
    enum IP_ADDRESS{
        V4(String,u32),
        V6,
    }

    标准库的Option <T>枚举包含在预导入模块中的，可以直接使用，其结构为：

    1
    2
    3
    4
    pub enum Option<T> {
        None,
        Some( T),
    }

    当想使用包裹着值的，y变量时候，提示需要转换才行，不能直接使用，这样就保证了空安全的情况

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    fn main() {
        let x : i8 = 5;
        let y : Option<i8> = Some(5);

        //let z = y.expect("i8");

        let sum = x + z;

        println!("{}",sum);
    }

    3 模式匹配

    模式匹配必须穷举所有的可能，否则编译不予通过

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    fn value_in_cents(coin: Coin) -> u8 {
        match coin {
            Coin::Penny => {
                println!("Lucky penny!");
                1
            }
            Coin::Nickel => 5,
            Coin::Dime => 10,
            Coin::Quarter => 25,
        }
    }

    附带值的模式匹配：

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    #[derive(Debug)] // 这样可以立刻看到州的名称
    enum UsState {
        Alabama,
        Alaska,
        // --snip--
    }

    enum Coin {
        Penny,
        Nickel,
        Dime,
        Quarter(UsState),
    }

    fn value_in_cents(coin: Coin) -> u8 {
        match coin {
            Coin::Penny => 1,
            Coin::Nickel => 5,
            Coin::Dime => 10,
            Coin::Quarter(state) => {
                println!("State quarter from {:?}!", state);
                25
            }
        }
    }

    可以使用占位符 -来表示其他情况

    1
    2
    3
    4
    5
    match dice_roll {
        3 => add_fancy_hat(),
        7 => remove_fancy_hat(),
        _ => (),
    }

    针对一种情况，可以使用if letif let，代码更为简洁

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    fn main(){
        let v = Some(1);
        match v {
            Some(3)=> println!("3"),
            _ => (),
        }
        //针对一种情况，可以使用if let
        if let Some(3) = v {
            println!("3")
        }

    }
    • 标题: Rust学习(三)：结构体枚举和模式匹配
    • 作者: chalmery
    • 创建于 : 2022-05-15 00:00:00
    • 更新于 : 2022-05-15 00:00:00
    • 链接: https://github.com/chalmery/379577363/
    • 版权声明: 本文章采用 CC BY-NC-SA 4.0 进行许可。
    评论
    此页目录
    Rust学习(三)：结构体枚举和模式匹配
    1. 1 Struct
      1. 基本的结构体
      2. Tuple Struct
      3. 没有任何字段的Struct
      4. struct的所有权
      5. 小例子
      6. 方法
    2. 2 枚举
    3. 3 模式匹配
    © 2021 - 2024    chalmery

    共 13 篇文章 共 20.2k 字

    访问人数 总访问量
    由 Hexo 驱动 主题 Redefine v2.6.1
    博客已运行 天 小时 分钟 秒
    \ No newline at end of file +Rust学习(三)：结构体枚举和模式匹配 - yangccBlog

    yangccBlog
    9
    标签
    2
    分类
    13
    文章

    Rust学习(三)：结构体枚举和模式匹配

    chalmery Lv2
      2022-05-15 2022-05-15 创建   2022-05-15 2022-05-15 更新    1.4k 字  6 分钟  

    1 Struct

    结构体实例化的顺序可以不与定义时候一样，但是所有属性都得实例化。结构体实例声明为可变的时候其所有属性都是可变的。

    基本的结构体

    声明一个结构体

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    struct User{
        name : String,
        email : String,
        sign_in_count : u64,
        archive : bool,
    }

    fn main(){
        let mut  user = User{
            email : String::from("ycc@123.com"),
            name : String::from("ycc"),
            sign_in_count : 1,
            archive : false,
        };
        println!("{}",user.email);
    }

    struct作为函数的返回值：

    1
    2
    3
    4
    5
    6
    7
    8
    fn fun()-> User{
        User{
            email : String::from("ycc@123.com"),
            name : String::from("ycc"),
            sign_in_count : 1,
            archive : false,
        };
    }

    字段初始化简写的方式，省略赋值的操作

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    fn build_user(name:String,email:String) ->User{
        User{
            // email : email,
            // name : name,
            email,
            name,
            sign_in_count : 1,
            archive : false,
        };
    }

    当想基于一个struct来创建一个新的struct的时候，可以使用下面的语法糖：

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    fn main(){
        let user1 = User{
            email : String::from("ycc@123.com"),
            name : String::from("ycc"),
            sign_in_count : 1,
            archive : false,
        };
        let user2 = User{
            email : String::from("233@gmail.com"),
            ..user1
        };
    }

    Tuple Struct

    元组结构体，适用于给tuple分类型，让这个元组不同于其他的元组，比如可以声明一个元组结构体来描述，颜色RGB，正方形，圆。。。等等

    先复习下元组：元组内可以放入不同类型的值

    1
    2
    3
    4
    5
    fn main(){
        let trple = (1,"a",3); // 元组
        let (a,b,c) = trple; // 解构
        println!("{}",a)
    }

    元组结构体：

    1
    2
    3
    4
    5
    6
    fn main(){
        // 元组结构体
        let white = Color(0,0,0);
        let orange = Color(2,5,1);
    }
    struct Color(i32,i32,i32);

    没有任何字段的Struct

    可以定义一个没有任何内容的struct，叫做 Unit-like struct，可以实现抽象的描述，但是又不需要存储元素内容的场景可以适用。

    struct的所有权

    Struct里面可以放数据，也可以放引用（生命周期），生命周期保证只要struct实例是有效的，那么里面的引用就是有效的，如果使用引用却不使用生命周期就会报错

    小例子

    实现计算矩形的面积：

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    struct Rectangle {
        length: u32,
        width: u32,
    }
    fn get_area(r : &Rectangle) -> u32 {
        r.length * r.width
    }
    fn main() {
        let r = Rectangle{
            length:10,
            width:10,
        };
        let area = get_area(&r);
        println!("{}",area);
    }

    注意这里传入的是结构体的引用，因此，在 方法执行结束，main方法依然有 Rectangle的实例r的所有权，因此还可以打印：

    1
    println!("{}",r)

    但如果直接这么打印编译会报错：提示没有实现这个接口，或则使用第二种方法

    = help: the trait std::fmt::Display is not implemented for Rectangle
    = note: in format strings you may be able to use {:?} (or {:#?} for pretty-print) instead

    而当你使用第二种方式打印的话还会报错：

    1
    2
    println!("{:?}",r)
    println!("{:#?}",r) //美化打印

    提示你没有时间Debug接口，或者使用这个注解，放在结构体上面，

    = help: the trait Debug is not implemented for Rectangle
    = note: add #[derive(Debug)] to Rectangle or manually impl Debug for Rectangle

    方法

    方法表示与这个结构体有关的函数，使用关键字 impl来表示，可以有很多个代码快，除了特别的方法，一般的方法第一个参数总是自己，用 &self表示,方法调用可以省略自身的引用入参

    • self 可以是 借用：&self，也可以是：safe表示获取所有权，也可以是可变的，也就是说和普通的参数没啥区别
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    impl Rectangle {
        fn get_area(&self) -> u32 {
            self.length * self.width
        }
    }
    fn main() {
        let r = Rectangle{
            length:10,
            width:10,
        };
        let area = r.get_area();
        println!("{}",area);
    }

    方法调用的运算符

    在c/c++中方法调用，是这样的：object->someting() 和 (*object).someting()这两者等价

    • object是个指针，星号表示解指针，变为对象
    • Rust提供了自动的引用，或者解引用，在调用方法的时候，rust会自动的补上，&，& mut 等，来匹配上方法的入参

    关联函数：

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    impl Rectangle {
        fn square(size:u32) -> Rectangle {
            Rectangle{
                length :size,
                width :size,
            }
        }
    }

    fn main() {
       // 关联函数的调用
        let squ = Rectangle::square(10);
        println!("{:#?}",squ)
    }

    2 枚举

    定义一个枚举，不过看了半天，没有发现和java类似的那种常量形式的枚举定义方式

    1
    2
    3
    4
    enum IP_ADDRESS{
        V4(String,u32),
        V6,
    }

    标准库的Option <T>枚举包含在预导入模块中的，可以直接使用，其结构为：

    1
    2
    3
    4
    pub enum Option<T> {
        None,
        Some( T),
    }

    当想使用包裹着值的，y变量时候，提示需要转换才行，不能直接使用，这样就保证了空安全的情况

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    fn main() {
        let x : i8 = 5;
        let y : Option<i8> = Some(5);

        //let z = y.expect("i8");

        let sum = x + z;

        println!("{}",sum);
    }

    3 模式匹配

    模式匹配必须穷举所有的可能，否则编译不予通过

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    fn value_in_cents(coin: Coin) -> u8 {
        match coin {
            Coin::Penny => {
                println!("Lucky penny!");
                1
            }
            Coin::Nickel => 5,
            Coin::Dime => 10,
            Coin::Quarter => 25,
        }
    }

    附带值的模式匹配：

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    #[derive(Debug)] // 这样可以立刻看到州的名称
    enum UsState {
        Alabama,
        Alaska,
        // --snip--
    }

    enum Coin {
        Penny,
        Nickel,
        Dime,
        Quarter(UsState),
    }

    fn value_in_cents(coin: Coin) -> u8 {
        match coin {
            Coin::Penny => 1,
            Coin::Nickel => 5,
            Coin::Dime => 10,
            Coin::Quarter(state) => {
                println!("State quarter from {:?}!", state);
                25
            }
        }
    }

    可以使用占位符 -来表示其他情况

    1
    2
    3
    4
    5
    match dice_roll {
        3 => add_fancy_hat(),
        7 => remove_fancy_hat(),
        _ => (),
    }

    针对一种情况，可以使用if letif let，代码更为简洁

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    fn main(){
        let v = Some(1);
        match v {
            Some(3)=> println!("3"),
            _ => (),
        }
        //针对一种情况，可以使用if let
        if let Some(3) = v {
            println!("3")
        }

    }
    • 标题: Rust学习(三)：结构体枚举和模式匹配
    • 作者: chalmery
    • 创建于 : 2022-05-15 00:00:00
    • 更新于 : 2022-05-15 00:00:00
    • 链接: https://github.com/chalmery/379577363/
    • 版权声明: 本文章采用 CC BY-NC-SA 4.0 进行许可。
    评论
    此页目录
    Rust学习(三)：结构体枚举和模式匹配
    1. 1 Struct
      1. 基本的结构体
      2. Tuple Struct
      3. 没有任何字段的Struct
      4. struct的所有权
      5. 小例子
      6. 方法
    2. 2 枚举
    3. 3 模式匹配
    © 2021 - 2024    chalmery

    共 13 篇文章 共 20.1k 字

    访问人数 总访问量
    由 Hexo 驱动 主题 Redefine v2.6.1
    博客已运行 天 小时 分钟 秒
    \ No newline at end of file diff --git a/404.html b/404.html index c78009a..70887d7 100644 --- a/404.html +++ b/404.html @@ -1 +1 @@ -Page Not Found - yangccBlog

    yangccBlog
    9
    标签
    2
    分类
    13
    文章

    404 Page Not Found

    Go Back Home
    © 2021 - 2024    chalmery

    共 13 篇文章 共 20.2k 字

    访问人数 总访问量
    由 Hexo 驱动 主题 Redefine v2.6.1
    博客已运行 天 小时 分钟 秒
    \ No newline at end of file +Page Not Found - yangccBlog

    yangccBlog
    9
    标签
    2
    分类
    13
    文章

    404 Page Not Found

    Go Back Home
    © 2021 - 2024    chalmery

    共 13 篇文章 共 20.1k 字

    访问人数 总访问量
    由 Hexo 驱动 主题 Redefine v2.6.1
    博客已运行 天 小时 分钟 秒
    \ No newline at end of file diff --git a/4078686809/index.html b/4078686809/index.html index 26a713e..aaa596b 100644 --- a/4078686809/index.html +++ b/4078686809/index.html @@ -1 +1 @@ -规则引擎(一) - yangccBlog

    yangccBlog
    9
    标签
    2
    分类
    13
    文章

    规则引擎(一)

    chalmery Lv2
      2023-07-09 2023-07-09 创建   2023-07-09 2023-07-09 更新    1.5k 字  4 分钟  

    因为自己接触的项目做的是一个风控系统，涉猎到了规则，流程等知识，转眼一年多了，也没咋回顾这块知识点，今天就总结下规则引起这块的知识点，本文重点讲解用到的表达式相关的算法的逻辑。

    一 表达式和操作符

    我们日常计算，或者看到的数学运算表达式，都是中缀表达式 ，看起来是这样的：(1 + 2) * 3 + 4，其中，加减乘除这些符号就叫操作符，不过，这样的表达式，不过这样的表达式对于计算机并不好识别，我们可以回顾下，算法中的三种表达式的特点：

    1 表达式

    前缀、中缀和后缀表达式都是用来表示数学表达式的方式，它们的主要区别在于运算符的位置。

    1. 前缀表达式（也称为波兰表达式）：运算符位于操作数之前。例如，表达式 “2 + 3” 的前缀表示为 “+ 2 3”。
    2. 中缀表达式：运算符位于操作数之间。这是我们通常使用的方式，例如，表达式 “2 + 3” 就是中缀表达式。
    3. 后缀表达式（也称为逆波兰表达式）：运算符位于操作数之后。例如，表达式 “2 + 3” 的后缀表示为 “2 3 +”。

    为了更好地理解这些表达式之间的区别，让我们以一个简单的表达式为例：”(4 + 5) * 6”。

    • 中缀表达式：(4 + 5) * 6
    • 前缀表达式： + 4 5 6
    • 后缀表达式：4 5 + 6 *

    可以看到，中缀表达式需要使用括号来表示运算符的优先级，而前缀和后缀表达式通过运算符的位置来明确表达式的结构和运算顺序。

    对于计算机来说，后缀表达式在求值时更容易处理，因为它不需要括号和优先级的考虑。因此，在编写计算机程序或使用栈数据结构进行表达式求值时，通常会将中缀表达式转换为后缀表达式来简化计算过程。

    2 操作符

    操作符又分为两种：逻辑操作符和算术操作符，逻辑操作符用于执行逻辑运算，主要用于布尔逻辑（真和假的逻辑值）的计算。以下是常见的逻辑操作符：

    1. 逻辑与（AND）：表示为 “&&” 或 “and”，用于判断多个条件是否同时成立。如果两个条件都为真，则结果为真，否则为假。
    2. 逻辑或（OR）：表示为 “||” 或 “or”，用于判断多个条件中至少有一个是否成立。如果任何一个条件为真，则结果为真，只有当所有条件都为假时结果才为假。
    3. 逻辑非（NOT）：表示为 “!” 或 “not”，用于对一个条件的逻辑值进行取反。如果条件为真，则结果为假，如果条件为假，则结果为真。

    算术操作符用于执行数学运算，用于处理数值和执行各种数学计算。以下是常见的算术操作符：

    1. 加法（Addition）：表示为 “+”，用于将两个数值相加。
    2. 减法（Subtraction）：表示为 “-“，用于从一个数值中减去另一个数值。
    3. 乘法（Multiplication）：表示为 “*”，用于将两个数值相乘。
    4. 除法（Division）：表示为 “/“，用于将一个数值除以另一个数值。
    5. 取模（Modulus）：表示为 “%”，用于计算两个数值相除后的余数。
    6. 幂运算（Exponentiation）：表示为 “^”，用于将一个数值提升到指定的幂次方。

    二 中缀表达式转为后缀表达式

    工作中会常见到这样的需求：页面配置一个复杂的规则，比如：!A||B&&(C||D) ，存储起来，在使用的时候填充不同的值之后进行运算，这个时候就需要将上述的中缀表达式做转换，变为后缀表达式进行后续运算操作。
    这个算法的核心如下：
    创建一个栈和一个存储结果的字符串，栈用来存放操作符，结果用于拼接数字和操作符。然后从左到右遍历表达式，算法有这样的规则：

    • 遇到左括弧( 入栈
    • 遇到右括弧) 循环出栈，直到遇到相匹配的左括弧，将出栈符号拼接到结果字符串
    • 遇到符号，循环出栈，将优先级大于等于当前符号的操作符出栈，遇到小于当前符号的操作符停止循环，将出栈符号拼接到结果字符串，最后将当前符号入栈
    • 遇到字符，则拼接到结果的字符串
    • 当表达式循环结束时，将站内的全部符号依次取出并且拼接到结果的字符串

    java实现代码，参考：github代码
    过程示例图如下：

    表达式转换

    三 后缀表达式如何使用

    上面的算法，我们已经得到了一个后缀表达式，这个表达式的运算逻辑是怎样的呢？我们一起来看下：

    我们需要一个栈来存放所有的操作数，从左到右遍历符号，具体运算规则如下：

    • 遇到操作数，则入栈
    • 遇到操作符，则出栈两个操作数进行计算，将计算的结果继续入栈

    下面以算术表达式为例，一个整体的运算流程如下：

    规则解析

    这样很方便的就实现了一个复杂算术表达式的运算，而逻辑表达式也是一样运算方式，比如||，&& 唯一区别就是每次去出两个字符。

    具体在规则引擎中如何使用，请听下次讲解。

    • 标题: 规则引擎(一)
    • 作者: chalmery
    • 创建于 : 2023-07-09 00:00:00
    • 更新于 : 2023-07-09 00:00:00
    • 链接: https://github.com/chalmery/4078686809/
    • 版权声明: 本文章采用 CC BY-NC-SA 4.0 进行许可。
    评论
    此页目录
    规则引擎(一)
    1. 一 表达式和操作符
      1. 1 表达式
      2. 2 操作符
    2. 二 中缀表达式转为后缀表达式
    3. 三 后缀表达式如何使用
    © 2021 - 2024    chalmery

    共 13 篇文章 共 20.2k 字

    访问人数 总访问量
    由 Hexo 驱动 主题 Redefine v2.6.1
    博客已运行 天 小时 分钟 秒
    \ No newline at end of file +规则引擎(一) - yangccBlog

    yangccBlog
    9
    标签
    2
    分类
    13
    文章

    规则引擎(一)

    chalmery Lv2
      2023-07-09 2023-07-09 创建   2023-07-09 2023-07-09 更新    1.5k 字  4 分钟  

    因为自己接触的项目做的是一个风控系统，涉猎到了规则，流程等知识，转眼一年多了，也没咋回顾这块知识点，今天就总结下规则引起这块的知识点，本文重点讲解用到的表达式相关的算法的逻辑。

    一 表达式和操作符

    我们日常计算，或者看到的数学运算表达式，都是中缀表达式 ，看起来是这样的：(1 + 2) * 3 + 4，其中，加减乘除这些符号就叫操作符，不过，这样的表达式，不过这样的表达式对于计算机并不好识别，我们可以回顾下，算法中的三种表达式的特点：

    1 表达式

    前缀、中缀和后缀表达式都是用来表示数学表达式的方式，它们的主要区别在于运算符的位置。

    1. 前缀表达式（也称为波兰表达式）：运算符位于操作数之前。例如，表达式 “2 + 3” 的前缀表示为 “+ 2 3”。
    2. 中缀表达式：运算符位于操作数之间。这是我们通常使用的方式，例如，表达式 “2 + 3” 就是中缀表达式。
    3. 后缀表达式（也称为逆波兰表达式）：运算符位于操作数之后。例如，表达式 “2 + 3” 的后缀表示为 “2 3 +”。

    为了更好地理解这些表达式之间的区别，让我们以一个简单的表达式为例：”(4 + 5) * 6”。

    • 中缀表达式：(4 + 5) * 6
    • 前缀表达式： + 4 5 6
    • 后缀表达式：4 5 + 6 *

    可以看到，中缀表达式需要使用括号来表示运算符的优先级，而前缀和后缀表达式通过运算符的位置来明确表达式的结构和运算顺序。

    对于计算机来说，后缀表达式在求值时更容易处理，因为它不需要括号和优先级的考虑。因此，在编写计算机程序或使用栈数据结构进行表达式求值时，通常会将中缀表达式转换为后缀表达式来简化计算过程。

    2 操作符

    操作符又分为两种：逻辑操作符和算术操作符，逻辑操作符用于执行逻辑运算，主要用于布尔逻辑（真和假的逻辑值）的计算。以下是常见的逻辑操作符：

    1. 逻辑与（AND）：表示为 “&&” 或 “and”，用于判断多个条件是否同时成立。如果两个条件都为真，则结果为真，否则为假。
    2. 逻辑或（OR）：表示为 “||” 或 “or”，用于判断多个条件中至少有一个是否成立。如果任何一个条件为真，则结果为真，只有当所有条件都为假时结果才为假。
    3. 逻辑非（NOT）：表示为 “!” 或 “not”，用于对一个条件的逻辑值进行取反。如果条件为真，则结果为假，如果条件为假，则结果为真。

    算术操作符用于执行数学运算，用于处理数值和执行各种数学计算。以下是常见的算术操作符：

    1. 加法（Addition）：表示为 “+”，用于将两个数值相加。
    2. 减法（Subtraction）：表示为 “-“，用于从一个数值中减去另一个数值。
    3. 乘法（Multiplication）：表示为 “*”，用于将两个数值相乘。
    4. 除法（Division）：表示为 “/“，用于将一个数值除以另一个数值。
    5. 取模（Modulus）：表示为 “%”，用于计算两个数值相除后的余数。
    6. 幂运算（Exponentiation）：表示为 “^”，用于将一个数值提升到指定的幂次方。

    二 中缀表达式转为后缀表达式

    工作中会常见到这样的需求：页面配置一个复杂的规则，比如：!A||B&&(C||D) ，存储起来，在使用的时候填充不同的值之后进行运算，这个时候就需要将上述的中缀表达式做转换，变为后缀表达式进行后续运算操作。
    这个算法的核心如下：
    创建一个栈和一个存储结果的字符串，栈用来存放操作符，结果用于拼接数字和操作符。然后从左到右遍历表达式，算法有这样的规则：

    • 遇到左括弧( 入栈
    • 遇到右括弧) 循环出栈，直到遇到相匹配的左括弧，将出栈符号拼接到结果字符串
    • 遇到符号，循环出栈，将优先级大于等于当前符号的操作符出栈，遇到小于当前符号的操作符停止循环，将出栈符号拼接到结果字符串，最后将当前符号入栈
    • 遇到字符，则拼接到结果的字符串
    • 当表达式循环结束时，将站内的全部符号依次取出并且拼接到结果的字符串

    java实现代码，参考：github代码
    过程示例图如下：

    表达式转换

    三 后缀表达式如何使用

    上面的算法，我们已经得到了一个后缀表达式，这个表达式的运算逻辑是怎样的呢？我们一起来看下：

    我们需要一个栈来存放所有的操作数，从左到右遍历符号，具体运算规则如下：

    • 遇到操作数，则入栈
    • 遇到操作符，则出栈两个操作数进行计算，将计算的结果继续入栈

    下面以算术表达式为例，一个整体的运算流程如下：

    规则解析

    这样很方便的就实现了一个复杂算术表达式的运算，而逻辑表达式也是一样运算方式，比如||，&& 唯一区别就是每次去出两个字符。

    具体在规则引擎中如何使用，请听下次讲解。

    • 标题: 规则引擎(一)
    • 作者: chalmery
    • 创建于 : 2023-07-09 00:00:00
    • 更新于 : 2023-07-09 00:00:00
    • 链接: https://github.com/chalmery/4078686809/
    • 版权声明: 本文章采用 CC BY-NC-SA 4.0 进行许可。
    评论
    此页目录
    规则引擎(一)
    1. 一 表达式和操作符
      1. 1 表达式
      2. 2 操作符
    2. 二 中缀表达式转为后缀表达式
    3. 三 后缀表达式如何使用
    © 2021 - 2024    chalmery

    共 13 篇文章 共 20.1k 字

    访问人数 总访问量
    由 Hexo 驱动 主题 Redefine v2.6.1
    博客已运行 天 小时 分钟 秒
    \ No newline at end of file diff --git a/503294022/index.html b/503294022/index.html index 9aa1a80..620e250 100644 --- a/503294022/index.html +++ b/503294022/index.html @@ -1 +1 @@ -在Manjaro上配置conky - yangccBlog

    yangccBlog
    9
    标签
    2
    分类
    13
    文章

    在Manjaro上配置conky

    chalmery Lv2
      2022-03-06 2022-03-06 创建   2022-03-06 2022-03-06 更新    822 字  4 分钟  

    一 下载conky

    使用pacman,或者yay，或者使用gnome的商店都可以下载：

    1
    2
    sudo pacman -S conky
    yay -S conky

    在家目录新建一个.conkyrc的文件，写上配置文件即可，效果如下：

    截屏-20220306110328-2560x1600

    二 设置开机自启

    比如在gnome中工具中设置开机自启，是没有效果的，因为conky需要在系统启动桌面加载好后才启动，因此需要一个延时，因此，在目录 ~/.config/autostart/目录中可以看到很多的开机自启的 desktop文件，因此只需要新建一个 sh设置休眠后启动即可：

    1. 在家目录新建一个 conky.sh
    1
    2
    #!/bin/bash
    sleep 5 && conky
    1. 在 ~/.config/autostart/新建一个 dekstop文件
    1
    2
    3
    4
    [Desktop Entry]
    Type=Application
    Name=conky
    Exec=/home/${你的用户名}/conky.sh

    这样conky就能正常的启动了

    三 相关文件：

    配置文件：

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
    45
    46
    47
    48
    49
    50
    51
    52
    53
    54
    55
    56
    57
    58
    59
    60
    61
    62
    63
    64
    65
    66
    67
    68
    69
    70
    71
    alignment top_right
    background no
    border_width 0
    cpu_avg_samples 16
    default_color green
    default_outline_color white
    default_shade_color 000000
    draw_borders no
    draw_graph_borders yes
    draw_outline no
    draw_shades no
    use_xft yes
    font Noto Sans Regular:size=8
    xftfont Noto Sans Regular:size=8
    override_utf8_locale yes
    minimum_size 280 5
    maximum_width 350
    net_avg_samples 2
    no_buffers yes
    out_to_console no
    out_to_stderr no
    extra_newline no
    own_window yes
    own_window_class Conky
    own_window_type desktop
    own_window_hints undecorated,below,sticky,skip_taskbar,skip_pager
    double_buffer yes
    own_window_colour 000000
    own_window_argb_visual yes
    own_window_argb_value 0
    stippled_borders 0
    update_interval 1.0
    uppercase no
    use_spacer none
    show_graph_scale no
    show_graph_range no
    gap_x 10
    gap_y 50
    default_color ffffff
    default_shade_color 000000
    default_outline_color 000000

    TEXT
    ${voffset 3}${color EAEAEA}${font Noto Sans Regular:pixelsize=100}${time %H:%M}${voffset -26}${color EAEAEA}${font Noto Sans Regular:pixelsize=40} ${color #7fef94}${time %B} ${font}${voffset -3}${offset 2}${color #fdc92d}${font Noto Sans Regular:pixelsize=30}${time %d号} ${font}${voffset 25}${font Noto Sans Regular:pixelsize=30}${offset -55}${time %A}
    ${color}${hr 1}
    ${font Noto Sans Regular:pixelsize=25}${color #fdc92d}主机名称：${alignr}${color } Linux $kernel
    ${color #fdc92d}主机名称：${alignr}${color } $nodename
    ${color #fdc92d}内核版本：${alignr}${color }$kernel
    ${color #fdc92d}运行时间：${alignr}${color }$uptime

    ####系统####
    ${color lightblue}${font :bold:size=12}${color lightblue}系统${alignr 180}${color}${hr 1}
    ${font Noto Sans Regular:pixelsize=25}${color #fdc92d}CPU:${alignr} $color${cpu}% ${color #78af78}${cpubar 10,60}
    ${color #fdc92d}内存: $color$mem / $memmax ${color}${alignr}$memperc% ${color #78af78}${membar 10,60}
    ${color #fdc92d}根分区: ${color}${fs_free /} / ${fs_size /}${alignr}${color #78af78}${fs_bar 10,60 /}
    ${color #fdc92d}用户分区: $color${fs_free /home} / ${fs_size /home} ${color #78af78}${alignr}${fs_bar 10,60 /home}

    ####网络####
    ${color lightblue}${font :bold:size=12}${color lightblue}网络${alignr 180}${color}${hr 1}
    ${font Noto Sans Regular:pixelsize=25}${color #fdc92d}无线WIFI：${alignr}${color}${font :pixelsize=25} IP：${addr wlp1s0}
    ${color #7fef94}${font Noto Sans Regular:pixelsize=25}下载： ${downspeed wlp1s0} KiB/s ${alignr}上传： ${upspeedf wlp1s0} KiB/s
    ${color #C9C9C9}${downspeedgraph wlp1s0 20,100} ${alignr}${upspeedgraph wlp1s0 20,100}
    $color总计： ${totaldown wlp1s0} ${alignr}总计： ${totalup wlp1s0}

    ${font Noto Sans Regular:pixelsize=25}${color #fdc92d}本地连接：${alignr} ${color}${font :pixelsize=25} IP：${addr enp2s0}
    ${color #7fef94}${font Noto Sans Regular:pixelsize=25}下载： ${downspeedf enp2s0} KiB/s ${alignr} 上传： ${upspeedf enp2s0} KiB/s
    ${color #C9C9C9}${downspeedgraph enp2s0 20,100} ${alignr}${upspeedgraph enp2s0 20,100}
    $color总计： ${totaldown enp2s0} ${alignr}总计： ${totalup enp2s0}

    #随便写点啥＃
    $alignc ${color #056107}${font :bold:size=5}
    • 标题: 在Manjaro上配置conky
    • 作者: chalmery
    • 创建于 : 2022-03-06 00:00:00
    • 更新于 : 2022-03-06 00:00:00
    • 链接: https://github.com/chalmery/503294022/
    • 版权声明: 本文章采用 CC BY-NC-SA 4.0 进行许可。
    评论
    此页目录
    在Manjaro上配置conky
    1. 一 下载conky
    2. 二 设置开机自启
    3. 三 相关文件：
    © 2021 - 2024    chalmery

    共 13 篇文章 共 20.2k 字

    访问人数 总访问量
    由 Hexo 驱动 主题 Redefine v2.6.1
    博客已运行 天 小时 分钟 秒
    \ No newline at end of file +在Manjaro上配置conky - yangccBlog

    yangccBlog
    9
    标签
    2
    分类
    13
    文章

    在Manjaro上配置conky

    chalmery Lv2
      2022-03-06 2022-03-06 创建   2022-03-06 2022-03-06 更新    822 字  4 分钟  

    一 下载conky

    使用pacman,或者yay，或者使用gnome的商店都可以下载：

    1
    2
    sudo pacman -S conky
    yay -S conky

    在家目录新建一个.conkyrc的文件，写上配置文件即可，效果如下：

    截屏-20220306110328-2560x1600

    二 设置开机自启

    比如在gnome中工具中设置开机自启，是没有效果的，因为conky需要在系统启动桌面加载好后才启动，因此需要一个延时，因此，在目录 ~/.config/autostart/目录中可以看到很多的开机自启的 desktop文件，因此只需要新建一个 sh设置休眠后启动即可：

    1. 在家目录新建一个 conky.sh
    1
    2
    #!/bin/bash
    sleep 5 && conky
    1. 在 ~/.config/autostart/新建一个 dekstop文件
    1
    2
    3
    4
    [Desktop Entry]
    Type=Application
    Name=conky
    Exec=/home/${你的用户名}/conky.sh

    这样conky就能正常的启动了

    三 相关文件：

    配置文件：

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
    45
    46
    47
    48
    49
    50
    51
    52
    53
    54
    55
    56
    57
    58
    59
    60
    61
    62
    63
    64
    65
    66
    67
    68
    69
    70
    71
    alignment top_right
    background no
    border_width 0
    cpu_avg_samples 16
    default_color green
    default_outline_color white
    default_shade_color 000000
    draw_borders no
    draw_graph_borders yes
    draw_outline no
    draw_shades no
    use_xft yes
    font Noto Sans Regular:size=8
    xftfont Noto Sans Regular:size=8
    override_utf8_locale yes
    minimum_size 280 5
    maximum_width 350
    net_avg_samples 2
    no_buffers yes
    out_to_console no
    out_to_stderr no
    extra_newline no
    own_window yes
    own_window_class Conky
    own_window_type desktop
    own_window_hints undecorated,below,sticky,skip_taskbar,skip_pager
    double_buffer yes
    own_window_colour 000000
    own_window_argb_visual yes
    own_window_argb_value 0
    stippled_borders 0
    update_interval 1.0
    uppercase no
    use_spacer none
    show_graph_scale no
    show_graph_range no
    gap_x 10
    gap_y 50
    default_color ffffff
    default_shade_color 000000
    default_outline_color 000000

    TEXT
    ${voffset 3}${color EAEAEA}${font Noto Sans Regular:pixelsize=100}${time %H:%M}${voffset -26}${color EAEAEA}${font Noto Sans Regular:pixelsize=40} ${color #7fef94}${time %B} ${font}${voffset -3}${offset 2}${color #fdc92d}${font Noto Sans Regular:pixelsize=30}${time %d号} ${font}${voffset 25}${font Noto Sans Regular:pixelsize=30}${offset -55}${time %A}
    ${color}${hr 1}
    ${font Noto Sans Regular:pixelsize=25}${color #fdc92d}主机名称：${alignr}${color } Linux $kernel
    ${color #fdc92d}主机名称：${alignr}${color } $nodename
    ${color #fdc92d}内核版本：${alignr}${color }$kernel
    ${color #fdc92d}运行时间：${alignr}${color }$uptime

    ####系统####
    ${color lightblue}${font :bold:size=12}${color lightblue}系统${alignr 180}${color}${hr 1}
    ${font Noto Sans Regular:pixelsize=25}${color #fdc92d}CPU:${alignr} $color${cpu}% ${color #78af78}${cpubar 10,60}
    ${color #fdc92d}内存: $color$mem / $memmax ${color}${alignr}$memperc% ${color #78af78}${membar 10,60}
    ${color #fdc92d}根分区: ${color}${fs_free /} / ${fs_size /}${alignr}${color #78af78}${fs_bar 10,60 /}
    ${color #fdc92d}用户分区: $color${fs_free /home} / ${fs_size /home} ${color #78af78}${alignr}${fs_bar 10,60 /home}

    ####网络####
    ${color lightblue}${font :bold:size=12}${color lightblue}网络${alignr 180}${color}${hr 1}
    ${font Noto Sans Regular:pixelsize=25}${color #fdc92d}无线WIFI：${alignr}${color}${font :pixelsize=25} IP：${addr wlp1s0}
    ${color #7fef94}${font Noto Sans Regular:pixelsize=25}下载： ${downspeed wlp1s0} KiB/s ${alignr}上传： ${upspeedf wlp1s0} KiB/s
    ${color #C9C9C9}${downspeedgraph wlp1s0 20,100} ${alignr}${upspeedgraph wlp1s0 20,100}
    $color总计： ${totaldown wlp1s0} ${alignr}总计： ${totalup wlp1s0}

    ${font Noto Sans Regular:pixelsize=25}${color #fdc92d}本地连接：${alignr} ${color}${font :pixelsize=25} IP：${addr enp2s0}
    ${color #7fef94}${font Noto Sans Regular:pixelsize=25}下载： ${downspeedf enp2s0} KiB/s ${alignr} 上传： ${upspeedf enp2s0} KiB/s
    ${color #C9C9C9}${downspeedgraph enp2s0 20,100} ${alignr}${upspeedgraph enp2s0 20,100}
    $color总计： ${totaldown enp2s0} ${alignr}总计： ${totalup enp2s0}

    #随便写点啥＃
    $alignc ${color #056107}${font :bold:size=5}
    • 标题: 在Manjaro上配置conky
    • 作者: chalmery
    • 创建于 : 2022-03-06 00:00:00
    • 更新于 : 2022-03-06 00:00:00
    • 链接: https://github.com/chalmery/503294022/
    • 版权声明: 本文章采用 CC BY-NC-SA 4.0 进行许可。
    评论
    此页目录
    在Manjaro上配置conky
    1. 一 下载conky
    2. 二 设置开机自启
    3. 三 相关文件：
    © 2021 - 2024    chalmery

    共 13 篇文章 共 20.1k 字

    访问人数 总访问量
    由 Hexo 驱动 主题 Redefine v2.6.1
    博客已运行 天 小时 分钟 秒
    \ No newline at end of file diff --git a/about/index.html b/about/index.html index 223c92b..bcc85fa 100644 --- a/about/index.html +++ b/about/index.html @@ -1 +1 @@ -关于 - yangccBlog

    yangccBlog
    9
    标签
    2
    分类
    13
    文章

    作品

    兴趣爱好

    • MineCraft
    • 星露谷物语
    • 编程，主要从事服务端Java开发，会点安卓，JS
    • Linux,喜欢ArchLinux Kde桌面
    • 骑行新手
    • 周杰伦
    评论
    © 2021 - 2024    chalmery

    共 13 篇文章 共 20.2k 字

    访问人数 总访问量
    由 Hexo 驱动 主题 Redefine v2.6.1
    博客已运行 天 小时 分钟 秒
    \ No newline at end of file +关于 - yangccBlog

    yangccBlog
    9
    标签
    2
    分类
    13
    文章

    作品

    兴趣爱好

    • MineCraft
    • 星露谷物语
    • 编程，主要从事服务端Java开发，会点安卓，JS
    • Linux,喜欢ArchLinux Kde桌面
    • 骑行新手
    • 周杰伦
    评论
    © 2021 - 2024    chalmery

    共 13 篇文章 共 20.1k 字

    访问人数 总访问量
    由 Hexo 驱动 主题 Redefine v2.6.1
    博客已运行 天 小时 分钟 秒
    \ No newline at end of file diff --git a/archives/2021/08/index.html b/archives/2021/08/index.html index 5227bbb..081ff93 100644 --- a/archives/2021/08/index.html +++ b/archives/2021/08/index.html @@ -1 +1 @@ -归档: 2021/8 - yangccBlog

    yangccBlog
    9
    标签
    2
    分类
    13
    文章
    2023 4
    2022 6
    2021 3
    © 2021 - 2024    chalmery

    共 13 篇文章 共 20.2k 字

    访问人数 总访问量
    由 Hexo 驱动 主题 Redefine v2.6.1
    博客已运行 天 小时 分钟 秒
    \ No newline at end of file +归档: 2021/8 - yangccBlog

    yangccBlog
    9
    标签
    2
    分类
    13
    文章
    2023 4
    2022 6
    2021 3
    © 2021 - 2024    chalmery

    共 13 篇文章 共 20.1k 字

    访问人数 总访问量
    由 Hexo 驱动 主题 Redefine v2.6.1
    博客已运行 天 小时 分钟 秒
    \ No newline at end of file diff --git a/archives/2021/10/index.html b/archives/2021/10/index.html index 2ec95c8..27e9c83 100644 --- a/archives/2021/10/index.html +++ b/archives/2021/10/index.html @@ -1 +1 @@ -归档: 2021/10 - yangccBlog

    yangccBlog
    9
    标签
    2
    分类
    13
    文章
    2023 4
    2022 6
    2021 3
    © 2021 - 2024    chalmery

    共 13 篇文章 共 20.2k 字

    访问人数 总访问量
    由 Hexo 驱动 主题 Redefine v2.6.1
    博客已运行 天 小时 分钟 秒
    \ No newline at end of file +归档: 2021/10 - yangccBlog

    yangccBlog
    9
    标签
    2
    分类
    13
    文章
    2023 4
    2022 6
    2021 3
    © 2021 - 2024    chalmery

    共 13 篇文章 共 20.1k 字

    访问人数 总访问量
    由 Hexo 驱动 主题 Redefine v2.6.1
    博客已运行 天 小时 分钟 秒
    \ No newline at end of file diff --git a/archives/2021/index.html b/archives/2021/index.html index bcdfb50..d94656d 100644 --- a/archives/2021/index.html +++ b/archives/2021/index.html @@ -1 +1 @@ -归档: 2021 - yangccBlog

    yangccBlog
    9
    标签
    2
    分类
    13
    文章
    2023 4
    2022 6
    2021 3
    © 2021 - 2024    chalmery

    共 13 篇文章 共 20.2k 字

    访问人数 总访问量
    由 Hexo 驱动 主题 Redefine v2.6.1
    博客已运行 天 小时 分钟 秒
    \ No newline at end of file +归档: 2021 - yangccBlog

    yangccBlog
    9
    标签
    2
    分类
    13
    文章
    2023 4
    2022 6
    2021 3
    © 2021 - 2024    chalmery

    共 13 篇文章 共 20.1k 字

    访问人数 总访问量
    由 Hexo 驱动 主题 Redefine v2.6.1
    博客已运行 天 小时 分钟 秒
    \ No newline at end of file diff --git a/archives/2022/02/index.html b/archives/2022/02/index.html index dd1cbde..c7b53fb 100644 --- a/archives/2022/02/index.html +++ b/archives/2022/02/index.html @@ -1 +1 @@ -归档: 2022/2 - yangccBlog

    yangccBlog
    9
    标签
    2
    分类
    13
    文章
    2023 4
    2022 6
    2021 3
    © 2021 - 2024    chalmery

    共 13 篇文章 共 20.2k 字

    访问人数 总访问量
    由 Hexo 驱动 主题 Redefine v2.6.1
    博客已运行 天 小时 分钟 秒
    \ No newline at end of file +归档: 2022/2 - yangccBlog

    yangccBlog
    9
    标签
    2
    分类
    13
    文章
    2023 4
    2022 6
    2021 3
    © 2021 - 2024    chalmery

    共 13 篇文章 共 20.1k 字

    访问人数 总访问量
    由 Hexo 驱动 主题 Redefine v2.6.1
    博客已运行 天 小时 分钟 秒
    \ No newline at end of file diff --git a/archives/2022/03/index.html b/archives/2022/03/index.html index 7794183..84fe885 100644 --- a/archives/2022/03/index.html +++ b/archives/2022/03/index.html @@ -1 +1 @@ -归档: 2022/3 - yangccBlog

    yangccBlog
    9
    标签
    2
    分类
    13
    文章
    2023 4
    2022 6
    2021 3
    © 2021 - 2024    chalmery

    共 13 篇文章 共 20.2k 字

    访问人数 总访问量
    由 Hexo 驱动 主题 Redefine v2.6.1
    博客已运行 天 小时 分钟 秒
    \ No newline at end of file +归档: 2022/3 - yangccBlog

    yangccBlog
    9
    标签
    2
    分类
    13
    文章
    2023 4
    2022 6
    2021 3
    © 2021 - 2024    chalmery

    共 13 篇文章 共 20.1k 字

    访问人数 总访问量
    由 Hexo 驱动 主题 Redefine v2.6.1
    博客已运行 天 小时 分钟 秒
    \ No newline at end of file diff --git a/archives/2022/05/index.html b/archives/2022/05/index.html index ac6cbc1..78a60a5 100644 --- a/archives/2022/05/index.html +++ b/archives/2022/05/index.html @@ -1 +1 @@ -归档: 2022/5 - yangccBlog

    yangccBlog
    9
    标签
    2
    分类
    13
    文章
    2023 4
    2022 6
    2021 3
    © 2021 - 2024    chalmery

    共 13 篇文章 共 20.2k 字

    访问人数 总访问量
    由 Hexo 驱动 主题 Redefine v2.6.1
    博客已运行 天 小时 分钟 秒
    \ No newline at end of file +归档: 2022/5 - yangccBlog

    yangccBlog
    9
    标签
    2
    分类
    13
    文章
    2023 4
    2022 6
    2021 3
    © 2021 - 2024    chalmery

    共 13 篇文章 共 20.1k 字

    访问人数 总访问量
    由 Hexo 驱动 主题 Redefine v2.6.1
    博客已运行 天 小时 分钟 秒
    \ No newline at end of file diff --git a/archives/2022/index.html b/archives/2022/index.html index a336b11..5f76e04 100644 --- a/archives/2022/index.html +++ b/archives/2022/index.html @@ -1 +1 @@ -归档: 2022 - yangccBlog

    yangccBlog
    9
    标签
    2
    分类
    13
    文章
    2023 4
    2022 6
    2021 3
    © 2021 - 2024    chalmery

    共 13 篇文章 共 20.2k 字

    访问人数 总访问量
    由 Hexo 驱动 主题 Redefine v2.6.1
    博客已运行 天 小时 分钟 秒
    \ No newline at end of file +归档: 2022 - yangccBlog

    yangccBlog
    9
    标签
    2
    分类
    13
    文章
    2023 4
    2022 6
    2021 3
    © 2021 - 2024    chalmery

    共 13 篇文章 共 20.1k 字

    访问人数 总访问量
    由 Hexo 驱动 主题 Redefine v2.6.1
    博客已运行 天 小时 分钟 秒
    \ No newline at end of file diff --git a/archives/2023/06/index.html b/archives/2023/06/index.html index 1b0088e..15fd6bc 100644 --- a/archives/2023/06/index.html +++ b/archives/2023/06/index.html @@ -1 +1 @@ -归档: 2023/6 - yangccBlog

    yangccBlog
    9
    标签
    2
    分类
    13
    文章
    2023 4
    2022 6
    2021 3
    © 2021 - 2024    chalmery

    共 13 篇文章 共 20.2k 字

    访问人数 总访问量
    由 Hexo 驱动 主题 Redefine v2.6.1
    博客已运行 天 小时 分钟 秒
    \ No newline at end of file +归档: 2023/6 - yangccBlog

    yangccBlog
    9
    标签
    2
    分类
    13
    文章
    2023 4
    2022 6
    2021 3
    © 2021 - 2024    chalmery

    共 13 篇文章 共 20.1k 字

    访问人数 总访问量
    由 Hexo 驱动 主题 Redefine v2.6.1
    博客已运行 天 小时 分钟 秒
    \ No newline at end of file diff --git a/archives/2023/07/index.html b/archives/2023/07/index.html index f63a19e..3a5c940 100644 --- a/archives/2023/07/index.html +++ b/archives/2023/07/index.html @@ -1 +1 @@ -归档: 2023/7 - yangccBlog

    yangccBlog
    9
    标签
    2
    分类
    13
    文章
    2023 4
    2022 6
    2021 3
    © 2021 - 2024    chalmery

    共 13 篇文章 共 20.2k 字

    访问人数 总访问量
    由 Hexo 驱动 主题 Redefine v2.6.1
    博客已运行 天 小时 分钟 秒
    \ No newline at end of file +归档: 2023/7 - yangccBlog

    yangccBlog
    9
    标签
    2
    分类
    13
    文章
    2023 4
    2022 6
    2021 3
    © 2021 - 2024    chalmery

    共 13 篇文章 共 20.1k 字

    访问人数 总访问量
    由 Hexo 驱动 主题 Redefine v2.6.1
    博客已运行 天 小时 分钟 秒
    \ No newline at end of file diff --git a/archives/2023/index.html b/archives/2023/index.html index e50806c..d8b09be 100644 --- a/archives/2023/index.html +++ b/archives/2023/index.html @@ -1 +1 @@ -归档: 2023 - yangccBlog

    yangccBlog
    9
    标签
    2
    分类
    13
    文章
    2023 4
    2022 6
    2021 3
    © 2021 - 2024    chalmery

    共 13 篇文章 共 20.2k 字

    访问人数 总访问量
    由 Hexo 驱动 主题 Redefine v2.6.1
    博客已运行 天 小时 分钟 秒
    \ No newline at end of file +归档: 2023 - yangccBlog

    yangccBlog
    9
    标签
    2
    分类
    13
    文章
    2023 4
    2022 6
    2021 3
    © 2021 - 2024    chalmery

    共 13 篇文章 共 20.1k 字

    访问人数 总访问量
    由 Hexo 驱动 主题 Redefine v2.6.1
    博客已运行 天 小时 分钟 秒
    \ No newline at end of file diff --git a/archives/index.html b/archives/index.html index afa2572..489c1fc 100644 --- a/archives/index.html +++ b/archives/index.html @@ -1 +1 @@ -归档 - yangccBlog

    yangccBlog
    9
    标签
    2
    分类
    13
    文章
    2023 4
    2022 6
    2021 3
    © 2021 - 2024    chalmery

    共 13 篇文章 共 20.2k 字

    访问人数 总访问量
    由 Hexo 驱动 主题 Redefine v2.6.1
    博客已运行 天 小时 分钟 秒
    \ No newline at end of file +归档 - yangccBlog

    yangccBlog
    9
    标签
    2
    分类
    13
    文章
    2023 4
    2022 6
    2021 3
    © 2021 - 2024    chalmery

    共 13 篇文章 共 20.1k 字

    访问人数 总访问量
    由 Hexo 驱动 主题 Redefine v2.6.1
    博客已运行 天 小时 分钟 秒
    \ No newline at end of file diff --git a/archives/page/2/index.html b/archives/page/2/index.html index c413672..2f31354 100644 --- a/archives/page/2/index.html +++ b/archives/page/2/index.html @@ -1 +1 @@ -归档 - yangccBlog

    yangccBlog
    9
    标签
    2
    分类
    13
    文章
    2023 4
    2022 6
    2021 3
    © 2021 - 2024    chalmery

    共 13 篇文章 共 20.2k 字

    访问人数 总访问量
    由 Hexo 驱动 主题 Redefine v2.6.1
    博客已运行 天 小时 分钟 秒
    \ No newline at end of file +归档 - yangccBlog

    yangccBlog
    9
    标签
    2
    分类
    13
    文章
    2023 4
    2022 6
    2021 3
    © 2021 - 2024    chalmery

    共 13 篇文章 共 20.1k 字

    访问人数 总访问量
    由 Hexo 驱动 主题 Redefine v2.6.1
    博客已运行 天 小时 分钟 秒
    \ No newline at end of file diff --git a/assets/build/styles.css b/assets/build/styles.css index ff4bc5b..da28d58 100644 --- a/assets/build/styles.css +++ b/assets/build/styles.css @@ -1,3 +1,3 @@ -/* build time:Mon May 06 2024 14:54:10 GMT+0800 (中国标准时间)*/ +/* build time:Mon May 06 2024 15:22:02 GMT+0800 (中国标准时间)*/ *,::after,::before{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}::after,::before{--tw-content:''}html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}*,::after,::before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246 / 0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000}::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246 / 0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.visible{visibility:visible}.invisible{visibility:hidden}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.bottom-0{bottom:0}.bottom-0\.5{bottom:.125rem}.left-0{left:0}.left-\[50\.5px\]{left:50.5px}.right-0{right:0}.right-\[12px\]{right:12px}.top-0{top:0}.top-3{top:.75rem}.top-\[12px\]{top:12px}.top-\[2px\]{top:2px}.z-1{z-index:1001}.z-\[1100\]{z-index:1100}.m-1{margin:.25rem}.mx-0{margin-left:0;margin-right:0}.mx-0\.5{margin-left:.125rem;margin-right:.125rem}.mx-2{margin-left:.5rem;margin-right:.5rem}.mx-6{margin-left:1.5rem;margin-right:1.5rem}.my-1{margin-top:.25rem;margin-bottom:.25rem}.my-1\.5{margin-top:.375rem;margin-bottom:.375rem}.my-2{margin-top:.5rem;margin-bottom:.5rem}.my-2\.5{margin-top:.625rem;margin-bottom:.625rem}.my-6{margin-top:1.5rem;margin-bottom:1.5rem}.my-8{margin-top:2rem;margin-bottom:2rem}.mb-0{margin-bottom:0}.mb-0\.5{margin-bottom:.125rem}.mb-14{margin-bottom:3.5rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.mb-spacing-unit{margin-bottom:38px}.ml-1{margin-left:.25rem}.ml-1\.5{margin-left:.375rem}.mr-0{margin-right:0}.mr-0\.5{margin-right:.125rem}.mr-2{margin-right:.5rem}.mr-4{margin-right:1rem}.mr-\[3px\]{margin-right:3px}.mt-1{margin-top:.25rem}.mt-1\.5{margin-top:.375rem}.mt-10{margin-top:2.5rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.mt-8{margin-top:2rem}.box-border{box-sizing:border-box}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.table{display:table}.table-cell{display:table-cell}.grid{display:grid}.contents{display:contents}.hidden{display:none}.aspect-square{aspect-ratio:1/1}.h-1{height:.25rem}.h-10{height:2.5rem}.h-16{height:4rem}.h-2{height:.5rem}.h-2\.5{height:.625rem}.h-32{height:8rem}.h-4{height:1rem}.h-60{height:15rem}.h-\[150px\]{height:150px}.h-\[46px\]{height:46px}.h-auto{height:auto}.h-full{height:100%}.h-screen{height:100vh}.w-10{width:2.5rem}.w-16{width:4rem}.w-2{width:.5rem}.w-20{width:5rem}.w-64{width:16rem}.w-\[1px\]{width:1px}.w-\[46px\]{width:46px}.w-fit{width:-moz-fit-content;width:fit-content}.w-full{width:100%}.w-screen{width:100vw}.min-w-0{min-width:0}.\!max-w-none{max-width:none!important}.max-w-\[1340px\]{max-width:1340px}.max-w-none{max-width:none}.flex-shrink-0{flex-shrink:0}.shrink{flex-shrink:1}.translate-y-0{--tw-translate-y:0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-0\.5{--tw-translate-y:0.125rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-rotate-45{--tw-rotate:-45deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-100{--tw-scale-x:1;--tw-scale-y:1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-125{--tw-scale-x:1.25;--tw-scale-y:1.25;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.resize{resize:both}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-row{flex-direction:row}.flex-row-reverse{flex-direction:row-reverse}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.space-x-0>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(0px * var(--tw-space-x-reverse));margin-left:calc(0px * calc(1 - var(--tw-space-x-reverse)))}.space-x-0\.5>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(.125rem * var(--tw-space-x-reverse));margin-left:calc(.125rem * calc(1 - var(--tw-space-x-reverse)))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.overflow-hidden{overflow:hidden}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rounded-2xl{border-radius:1rem}.rounded-3xl{border-radius:1.5rem}.rounded-\[6\.2px\]{border-radius:6.2px}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-medium{border-radius:14px}.rounded-small{border-radius:9px}.rounded-xl{border-radius:.75rem}.rounded-l-lg{border-top-left-radius:.5rem;border-bottom-left-radius:.5rem}.rounded-t-large{border-top-left-radius:18px;border-top-right-radius:18px}.rounded-t-lg{border-top-left-radius:.5rem;border-top-right-radius:.5rem}.rounded-bl-lg{border-bottom-left-radius:.5rem}.rounded-tl-none{border-top-left-radius:0}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-l{border-left-width:1px}.border-l-2{border-left-width:2px}.border-t{border-top-width:1px}.border-t-2{border-top-width:2px}.border-solid{border-style:solid}.border-border-color{border-color:var(--border-color)}.border-shadow-color-1{border-color:var(--shadow-color-1)}.border-white\/20{border-color:rgb(255 255 255 / .2)}.border-t-border-color{border-top-color:var(--border-color)}.bg-background-color{background-color:var(--background-color)}.bg-background-color-transparent{background-color:var(--background-color-transparent)}.bg-background-color-transparent-15{background-color:var(--background-color-transparent-15)}.bg-background-color-transparent-40{background-color:var(--background-color-transparent-40)}.bg-gray-300\/50{background-color:rgb(209 213 219 / .5)}.bg-third-background-color{background-color:var(--third-background-color)}.bg-third-text-color{background-color:var(--third-text-color)}.bg-zinc-50{--tw-bg-opacity:1;background-color:rgb(250 250 250 / var(--tw-bg-opacity))}.bg-cover{background-size:cover}.object-cover{-o-object-fit:cover;object-fit:cover}.p-1{padding:.25rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-\[1px\]{padding:1px}.px-2{padding-left:.5rem;padding-right:.5rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-7{padding-left:1.75rem;padding-right:1.75rem}.px-8{padding-left:2rem;padding-right:2rem}.px-\[10px\]{padding-left:10px;padding-right:10px}.py-0{padding-top:0;padding-bottom:0}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}.py-\[2px\]{padding-top:2px;padding-bottom:2px}.pb-2{padding-bottom:.5rem}.pb-7{padding-bottom:1.75rem}.pb-8{padding-bottom:2rem}.pl-0{padding-left:0}.pt-10{padding-top:2.5rem}.pt-5{padding-top:1.25rem}.pt-6{padding-top:1.5rem}.pt-7{padding-top:1.75rem}.text-center{text-align:center}.align-baseline{vertical-align:baseline}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-\[0\.65rem\]{font-size:.65rem}.text-\[0\.7rem\]{font-size:.7rem}.text-\[3\.2rem\]{font-size:3.2rem}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.italic{font-style:italic}.ordinal{--tw-ordinal:ordinal;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.leading-\[1\.5\]{line-height:1.5}.leading-\[1\]{line-height:1}.text-default-text-color{color:var(--default-text-color)}.text-red-600{--tw-text-opacity:1;color:rgb(220 38 38 / var(--tw-text-opacity))}.text-second-text-color{color:var(--second-text-color)}.text-third-text-color{color:var(--third-text-color)}.opacity-0{opacity:0}.shadow{--tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1),0 1px 2px -1px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-none{--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-redefine-flat{--tw-shadow:0px 1px 4px 0px var(--shadow-color-2),0px 0px 0px 1px var(--shadow-color-1);--tw-shadow-colored:0px 1px 4px 0px var(--tw-shadow-color),0px 0px 0px 1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-shadow-color-2{--tw-shadow-color:var(--shadow-color-2);--tw-shadow:var(--tw-shadow-colored)}.blur{--tw-blur:blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.drop-shadow{--tw-drop-shadow:drop-shadow(0 1px 2px rgb(0 0 0 / 0.1)) drop-shadow(0 1px 1px rgb(0 0 0 / 0.06));filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.invert{--tw-invert:invert(100%);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur-lg{--tw-backdrop-blur:blur(16px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:150ms}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:150ms}.transition-shadow{transition-property:box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:150ms}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:150ms}.duration-100{transition-duration:.1s}.ease-linear{transition-timing-function:linear}.will-change-transform{will-change:transform}.last\:mb-0:last-child{margin-bottom:0}.hover\:border-primary:hover{border-color:var(--primary-color)}.hover\:\!text-primary:hover{color:var(--primary-color)!important}.hover\:text-first-text-color:hover{color:var(--first-text-color)}.hover\:underline:hover{text-decoration-line:underline}.hover\:underline-offset-1:hover{text-underline-offset:1px}.hover\:shadow-none:hover{--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.hover\:shadow-redefine-flat-hover:hover{--tw-shadow:0px 1px 4px 0px var(--shadow-color-2),0px 0px 0px 1px var(--shadow-color-1),0px 0px 0px 1px inset var(--shadow-color-1);--tw-shadow-colored:0px 1px 4px 0px var(--tw-shadow-color),0px 0px 0px 1px var(--tw-shadow-color),inset 0px 0px 0px 1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.hover\:shadow-shadow-color-2:hover{--tw-shadow-color:var(--shadow-color-2);--tw-shadow:var(--tw-shadow-colored)}.active\:scale-95:active{--tw-scale-x:.95;--tw-scale-y:.95;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.active\:\!text-primary:active{color:var(--primary-color)!important}.active\:underline:active{text-decoration-line:underline}.group:hover .group-hover\:visible{visibility:visible}.group:hover .group-hover\:translate-y-0{--tw-translate-y:0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:translate-y-1{--tw-translate-y:0.25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:\!text-primary{color:var(--primary-color)!important}.group:hover .group-hover\:opacity-100{opacity:1}:is(.dark.dark\:block){display:block}:is(.dark.dark\:hidden){display:none}:is(.dark.dark\:border-gray-500\/30){border-color:rgb(107 114 128 / .3)}:is(.dark.dark\:bg-gray-500\/40){background-color:rgb(107 114 128 / .4)}:is(.dark.dark\:bg-zinc-800){--tw-bg-opacity:1;background-color:rgb(39 39 42 / var(--tw-bg-opacity))}:is(.dark.dark\:text-red-400){--tw-text-opacity:1;color:rgb(248 113 113 / var(--tw-text-opacity))}:is(.dark.dark\:brightness-75){--tw-brightness:brightness(.75);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}@media (min-width:640px){.sm\:mx-6{margin-left:1.5rem;margin-right:1.5rem}.sm\:h-72{height:18rem}.sm\:scale-110{--tw-scale-x:1.1;--tw-scale-y:1.1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:gap-2{gap:.5rem}.sm\:rounded-t-large{border-top-left-radius:18px;border-top-right-radius:18px}.sm\:px-12{padding-left:3rem;padding-right:3rem}.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}.sm\:text-4xl{font-size:2.25rem;line-height:2.5rem}.sm\:text-xl{font-size:1.25rem;line-height:1.75rem}.sm\:shadow-redefine{--tw-shadow:0px 6px 24px 0px var(--shadow-color-2),0px 0px 0px 1px var(--shadow-color-1);--tw-shadow-colored:0px 6px 24px 0px var(--tw-shadow-color),0px 0px 0px 1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.sm\:hover\:shadow-redefine-hover:hover{--tw-shadow:0px 6px 24px 0px var(--shadow-color-2),0px 0px 0px 1px var(--shadow-color-1),0px 0px 0px 1px inset var(--shadow-color-1);--tw-shadow-colored:0px 6px 24px 0px var(--tw-shadow-color),0px 0px 0px 1px var(--tw-shadow-color),inset 0px 0px 0px 1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}}@media (min-width:768px){.md\:mx-8{margin-left:2rem;margin-right:2rem}.md\:my-2{margin-top:.5rem;margin-bottom:.5rem}.md\:my-2\.5{margin-top:.625rem;margin-bottom:.625rem}.md\:hidden{display:none}.md\:h-44{height:11rem}.md\:h-80{height:20rem}.md\:px-12{padding-left:3rem;padding-right:3rem}.md\:px-8{padding-left:2rem;padding-right:2rem}.md\:pl-8{padding-left:2rem}.md\:text-3xl{font-size:1.875rem;line-height:2.25rem}.md\:text-5xl{font-size:3rem;line-height:1}.md\:text-6xl{font-size:3.75rem;line-height:1}.md\:text-sm{font-size:.875rem;line-height:1.25rem}}@media (min-width:1024px){.lg\:absolute{position:absolute}.lg\:left-\[20px\]{left:20px}.lg\:right-\[20px\]{right:20px}.lg\:top-1\/2{top:50%}.lg\:\!block{display:block!important}.lg\:block{display:block}.lg\:-translate-y-1\/2{--tw-translate-y:-50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.lg\:text-left{text-align:left}.lg\:text-right{text-align:right}} /* rebuild by neat */ \ No newline at end of file diff --git a/assets/hbe.style.css b/assets/hbe.style.css index 13af0d8..e52b459 100644 --- a/assets/hbe.style.css +++ b/assets/hbe.style.css @@ -1,3 +1,3 @@ -/* build time:Mon May 06 2024 14:54:10 GMT+0800 (中国标准时间)*/ +/* build time:Mon May 06 2024 15:22:02 GMT+0800 (中国标准时间)*/ .hbe,.hbe:after,.hbe:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.hbe-container{margin:0 auto;overflow:hidden}.hbe-content{text-align:center;font-size:150%;padding:1em 0}.hbe-input{position:relative;z-index:1;display:inline-block;margin:1em;width:80%;min-width:200px;vertical-align:top}.hbe-input-field{line-height:normal;font-size:100%;margin:0;position:relative;display:block;float:right;padding:.8em;width:60%;border:none;border-radius:0;background:#f0f0f0;color:#aaa;font-weight:400;font-family:"Avenir Next","Helvetica Neue",Helvetica,Arial,sans-serif;-webkit-appearance:none}.hbe-input-field:focus{outline:0}.hbe-input-label{display:inline-block;float:right;padding:0 1em;width:40%;color:#696969;font-weight:700;font-size:70.25%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.hbe-input-label-content{position:relative;display:block;padding:1.6em 0;width:100%}.hbe-graphic{position:absolute;top:0;left:0;fill:none}.hbe-button{width:130px;height:40px;background:linear-gradient(to bottom,#4eb5e5 0,#389ed5 100%);border:none;border-radius:5px;position:relative;border-bottom:4px solid #2b8bc6;color:#fbfbfb;font-weight:600;font-family:'Open Sans',sans-serif;text-shadow:1px 1px 1px rgba(0,0,0,.4);font-size:15px;text-align:left;text-indent:5px;box-shadow:0 3px 0 0 rgba(0,0,0,.2);cursor:pointer;display:block;margin:0 auto;margin-bottom:20px}.hbe-button:active{box-shadow:0 2px 0 0 rgba(0,0,0,.2);top:1px}.hbe-button:after{content:"";width:0;height:0;display:block;border-top:20px solid #187dbc;border-bottom:20px solid #187dbc;border-left:16px solid transparent;border-right:20px solid #187dbc;position:absolute;opacity:.6;right:0;top:0;border-radius:0 5px 5px 0}.hbe-input-default{overflow:hidden}.hbe-input-field-default{width:100%;background:0 0;padding:.5em;margin-bottom:2em;color:#f9f7f6;z-index:100;opacity:0}.hbe-input-label-default{width:100%;position:absolute;text-align:left;padding:.5em 0;pointer-events:none;font-size:1em}.hbe-input-label-default::after,.hbe-input-label-default::before{content:'';position:absolute;width:100%;left:0}.hbe-input-label-default::before{height:100%;background:#666;top:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);-webkit-transition:-webkit-transform .2s;transition:transform .2s}.hbe-input-label-default::after{height:2px;background:#666;top:100%;-webkit-transition:opacity .2s;transition:opacity .2s}.hbe-input-label-content-default{padding:0;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transition:-webkit-transform .2s,color .2s;transition:transform .2s,color .2s}.hbe-input--filled .hbe-input-field-default,.hbe-input-field-default:focus{opacity:1;-webkit-transition:opacity 0s .2s;transition:opacity 0s .2s}.hbe-input--filled .hbe-input-field-default,.hbe-input-field-default:focus,.hbe-input-label-content-default,.hbe-input-label-default::after,.hbe-input-label-default::before{-webkit-transition-timing-function:cubic-bezier(0,.25,.5,1);transition-timing-function:cubic-bezier(0,.25,.5,1)}.hbe-input--filled .hbe-input-label-default::before,.hbe-input-field-default:focus+.hbe-input-label-default::before{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.hbe-input--filled .hbe-input-label-default::after,.hbe-input-field-default:focus+.hbe-input-label-default::after{opacity:0}.hbe-input--filled .hbe-input-label-default .hbe-input-label-content-default,.hbe-input-field-default:focus+.hbe-input-label-default .hbe-input-label-content-default{color:#555;-webkit-transform:translate3d(0,2.1em,0) scale3d(.65,.65,1);transform:translate3d(0,2.1em,0) scale3d(.65,.65,1)} /* rebuild by neat */ \ No newline at end of file diff --git a/assets/odometer-theme-minimal.css b/assets/odometer-theme-minimal.css index 269580b..2b045ad 100644 --- a/assets/odometer-theme-minimal.css +++ b/assets/odometer-theme-minimal.css @@ -1,3 +1,3 @@ -/* build time:Mon May 06 2024 14:54:10 GMT+0800 (中国标准时间)*/ +/* build time:Mon May 06 2024 15:22:02 GMT+0800 (中国标准时间)*/ .odometer.odometer-auto-theme,.odometer.odometer-theme-minimal{display:inline-block;vertical-align:middle;position:relative}.odometer.odometer-auto-theme .odometer-digit,.odometer.odometer-theme-minimal .odometer-digit{display:inline-block;vertical-align:middle;position:relative}.odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer,.odometer.odometer-theme-minimal .odometer-digit .odometer-digit-spacer{display:inline-block;vertical-align:middle;visibility:hidden}.odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner,.odometer.odometer-theme-minimal .odometer-digit .odometer-digit-inner{text-align:left;display:block;position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden}.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon,.odometer.odometer-theme-minimal .odometer-digit .odometer-ribbon{display:block}.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon-inner,.odometer.odometer-theme-minimal .odometer-digit .odometer-ribbon-inner{display:block;-webkit-backface-visibility:hidden}.odometer.odometer-auto-theme .odometer-digit .odometer-value,.odometer.odometer-theme-minimal .odometer-digit .odometer-value{display:block;-webkit-transform:translateZ(0)}.odometer.odometer-auto-theme .odometer-digit .odometer-value.odometer-last-value,.odometer.odometer-theme-minimal .odometer-digit .odometer-value.odometer-last-value{position:absolute}.odometer.odometer-auto-theme.odometer-animating-up .odometer-ribbon-inner,.odometer.odometer-theme-minimal.odometer-animating-up .odometer-ribbon-inner{-webkit-transition:-webkit-transform 2s;-moz-transition:-moz-transform 2s;-ms-transition:-ms-transform 2s;-o-transition:-o-transform 2s;transition:transform 2s}.odometer.odometer-auto-theme.odometer-animating-up.odometer-animating .odometer-ribbon-inner,.odometer.odometer-theme-minimal.odometer-animating-up.odometer-animating .odometer-ribbon-inner{-webkit-transform:translateY(-100%);-moz-transform:translateY(-100%);-ms-transform:translateY(-100%);-o-transform:translateY(-100%);transform:translateY(-100%)}.odometer.odometer-auto-theme.odometer-animating-down .odometer-ribbon-inner,.odometer.odometer-theme-minimal.odometer-animating-down .odometer-ribbon-inner{-webkit-transform:translateY(-100%);-moz-transform:translateY(-100%);-ms-transform:translateY(-100%);-o-transform:translateY(-100%);transform:translateY(-100%)}.odometer.odometer-auto-theme.odometer-animating-down.odometer-animating .odometer-ribbon-inner,.odometer.odometer-theme-minimal.odometer-animating-down.odometer-animating .odometer-ribbon-inner{-webkit-transition:-webkit-transform 2s;-moz-transition:-moz-transform 2s;-ms-transition:-ms-transform 2s;-o-transition:-o-transform 2s;transition:transform 2s;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)} /* rebuild by neat */ \ No newline at end of file diff --git a/atom.xml b/atom.xml index 73e7b91..cc7e3c9 100644 --- a/atom.xml +++ b/atom.xml @@ -48,7 +48,7 @@ 2023-07-13T16:00:00.000Z 2023-07-13T16:00:00.000Z - 发布订阅

    观察者模式（Observer Pattern），或者叫发布订阅，是一种行为型设计模式，它定义了一种一对多的依赖关系，使得多个观察者对象可以同时监听和被通知被观察者对象的状态变化。

    观察者模式的主要特点如下：

    1. 主题和观察者的解耦：观察者模式通过定义抽象主题（Subject）和抽象观察者（Observer）来实现主题和观察者的解耦。主题对象并不直接依赖于具体的观察者，而是依赖于观察者的抽象。这样可以使主题对象和具体观察者对象相互独立，彼此之间的耦合度降低。
    2. 一对多的依赖关系：观察者模式中，一个主题对象可以有多个观察者对象订阅并监听它的状态变化。当主题对象的状态发生变化时，所有依赖于它的观察者对象都会收到相应的通知并进行相应的处理。这种一对多的依赖关系使得我们可以方便地增加或删除观察者对象，而不需要修改主题对象的代码。
    3. 松散耦合的设计：观察者模式通过松散耦合的设计，使得主题对象和观察者对象之间的依赖关系变得松散。主题对象只需要知道观察者对象实现了特定的观察者接口，而不需要了解具体的观察者对象。这样可以使得系统更加灵活，易于扩展和维护。
    4. 发布-订阅机制：观察者模式可以看作是一种发布-订阅（Publish-Subscribe）机制的实现。主题对象充当发布者，观察者对象充当订阅者。主题对象维护着一组观察者对象，并在状态变化时主动通知观察者对象，从而实现发布-订阅的通信机制。

    观察者模式在实际应用中非常常见，例如事件驱动编程、GUI开发、消息队列等。它可以帮助我们实现对象之间的松散耦合，提高系统的可维护性、扩展性和灵活性。

    概念

    发布订阅核心就是一个Map或者数组之类的容器，存储所有注册的事件，以及对应的回调。而具体每件事情完成后，告诉事件中心，我要触发某个事件的回调，事件中心从容器中找到对应的事件，然后执行函数。可以发现整体是解耦的状态，事件触发者，和事件的函数是分离的，通过中间者eventManager来沟通。

    observer

    框架的使用

    上述概念有没有很熟悉，这个和后端常用中间件MQ，桌面框架electron中的一些地方很像？其实这些地方都用到了这个设计模式。

    1
    2
    3
    4
    //触发事件
    electron.ipcRenderer.send('eventName', data);
    //注册事件的处理动作
    electron.ipcRenderer.send('eventName', func);

    日常开发如何使用

    1 在前端开发中使用

    在前端开发中，我们会发现组件传值在某些情况异常复杂，甚至无法做到，我们会发现，常见的就是父子传值，如果是两个没有嵌套关系的组件传值呢？貌似很复杂，常常可能就会用一个中介来做这件事，比如：redux，vuex之类的状态管理，这边存，那边取。其实可以直接运用这个设计模式来做到。

    代码参考：发布订阅

    2 在后端开发中使用

    在后端开发中，我们常见的一个业务场景就是，做了一件事之后，要做一些事情，比如：

    这些事情常常是异步的，和这件事情没有关系，开发中常常会开启一个线程池，或者发一个mq异步里去处理。这样当然是可以的但是有这些缺点：

    代码参考：发布订阅

    像上述代码示例的内容，在下面Add 事件发布的时候，EventManager就会依次开启线程来调用监听。SendMqEventListener，SendSlsEventListener会分两个线程来执行

    1
    2
    3
    4
    5
    6
    7
    8
    public class BusinessCode {
        public static void main(String[] args) {
            //省略业务代码
            //做完事情之后，发送通知
            AddEntity entity = new AddEntity("name","code","desc");
            EventManager.publish(EventEnum.ADD,entity);
        }
    }
    ]]>     + 发布订阅

    观察者模式（Observer Pattern），或者叫发布订阅，是一种行为型设计模式，它定义了一种一对多的依赖关系，使得多个观察者对象可以同时监听和被通知被观察者对象的状态变化。

    观察者模式的主要特点如下：

    1. 主题和观察者的解耦：观察者模式通过定义抽象主题（Subject）和抽象观察者（Observer）来实现主题和观察者的解耦。主题对象并不直接依赖于具体的观察者，而是依赖于观察者的抽象。这样可以使主题对象和具体观察者对象相互独立，彼此之间的耦合度降低。
    2. 一对多的依赖关系：观察者模式中，一个主题对象可以有多个观察者对象订阅并监听它的状态变化。当主题对象的状态发生变化时，所有依赖于它的观察者对象都会收到相应的通知并进行相应的处理。这种一对多的依赖关系使得我们可以方便地增加或删除观察者对象，而不需要修改主题对象的代码。
    3. 松散耦合的设计：观察者模式通过松散耦合的设计，使得主题对象和观察者对象之间的依赖关系变得松散。主题对象只需要知道观察者对象实现了特定的观察者接口，而不需要了解具体的观察者对象。这样可以使得系统更加灵活，易于扩展和维护。
    4. 发布-订阅机制：观察者模式可以看作是一种发布-订阅（Publish-Subscribe）机制的实现。主题对象充当发布者，观察者对象充当订阅者。主题对象维护着一组观察者对象，并在状态变化时主动通知观察者对象，从而实现发布-订阅的通信机制。

    观察者模式在实际应用中非常常见，例如事件驱动编程、GUI开发、消息队列等。它可以帮助我们实现对象之间的松散耦合，提高系统的可维护性、扩展性和灵活性。

    概念

    发布订阅核心就是一个Map或者数组之类的容器，存储所有注册的事件，以及对应的回调。而具体每件事情完成后，告诉事件中心，我要触发某个事件的回调，事件中心从容器中找到对应的事件，然后执行函数。可以发现整体是解耦的状态，事件触发者，和事件的函数是分离的，通过中间者eventManager来沟通。

    框架的使用

    上述概念有没有很熟悉，这个和后端常用中间件MQ，桌面框架electron中的一些地方很像？其实这些地方都用到了这个设计模式。

    1
    2
    3
    4
    //触发事件
    electron.ipcRenderer.send('eventName', data);
    //注册事件的处理动作
    electron.ipcRenderer.send('eventName', func);

    日常开发如何使用

    1 在前端开发中使用

    在前端开发中，我们会发现组件传值在某些情况异常复杂，甚至无法做到，我们会发现，常见的就是父子传值，如果是两个没有嵌套关系的组件传值呢？貌似很复杂，常常可能就会用一个中介来做这件事，比如：redux，vuex之类的状态管理，这边存，那边取。其实可以直接运用这个设计模式来做到。

    代码参考：发布订阅

    2 在后端开发中使用

    在后端开发中，我们常见的一个业务场景就是，做了一件事之后，要做一些事情，比如：

    这些事情常常是异步的，和这件事情没有关系，开发中常常会开启一个线程池，或者发一个mq异步里去处理。这样当然是可以的但是有这些缺点：

    代码参考：发布订阅

    像上述代码示例的内容，在下面Add 事件发布的时候，EventManager就会依次开启线程来调用监听。SendMqEventListener，SendSlsEventListener会分两个线程来执行

    1
    2
    3
    4
    5
    6
    7
    8
    public class BusinessCode {
        public static void main(String[] args) {
            //省略业务代码
            //做完事情之后，发送通知
            AddEntity entity = new AddEntity("name","code","desc");
            EventManager.publish(EventEnum.ADD,entity);
        }
    }
    ]]>     @@ -61,10 +61,10 @@ - - + + @@ -76,7 +76,7 @@ 2023-07-08T16:00:00.000Z 2023-07-08T16:00:00.000Z - 因为自己接触的项目做的是一个风控系统，涉猎到了规则，流程等知识，转眼一年多了，也没咋回顾这块知识点，今天就总结下规则引起这块的知识点，本文重点讲解用到的表达式相关的算法的逻辑。

    一 表达式和操作符

    我们日常计算，或者看到的数学运算表达式，都是中缀表达式 ，看起来是这样的：(1 + 2) * 3 + 4，其中，加减乘除这些符号就叫操作符，不过，这样的表达式，不过这样的表达式对于计算机并不好识别，我们可以回顾下，算法中的三种表达式的特点：

    1 表达式

    前缀、中缀和后缀表达式都是用来表示数学表达式的方式，它们的主要区别在于运算符的位置。

    1. 前缀表达式（也称为波兰表达式）：运算符位于操作数之前。例如，表达式 “2 + 3” 的前缀表示为 “+ 2 3”。
    2. 中缀表达式：运算符位于操作数之间。这是我们通常使用的方式，例如，表达式 “2 + 3” 就是中缀表达式。
    3. 后缀表达式（也称为逆波兰表达式）：运算符位于操作数之后。例如，表达式 “2 + 3” 的后缀表示为 “2 3 +”。

    为了更好地理解这些表达式之间的区别，让我们以一个简单的表达式为例：”(4 + 5) * 6”。

    • 中缀表达式：(4 + 5) * 6
    • 前缀表达式： + 4 5 6
    • 后缀表达式：4 5 + 6 *

    可以看到，中缀表达式需要使用括号来表示运算符的优先级，而前缀和后缀表达式通过运算符的位置来明确表达式的结构和运算顺序。

    对于计算机来说，后缀表达式在求值时更容易处理，因为它不需要括号和优先级的考虑。因此，在编写计算机程序或使用栈数据结构进行表达式求值时，通常会将中缀表达式转换为后缀表达式来简化计算过程。

    2 操作符

    操作符又分为两种：逻辑操作符和算术操作符，逻辑操作符用于执行逻辑运算，主要用于布尔逻辑（真和假的逻辑值）的计算。以下是常见的逻辑操作符：

    1. 逻辑与（AND）：表示为 “&&” 或 “and”，用于判断多个条件是否同时成立。如果两个条件都为真，则结果为真，否则为假。
    2. 逻辑或（OR）：表示为 “||” 或 “or”，用于判断多个条件中至少有一个是否成立。如果任何一个条件为真，则结果为真，只有当所有条件都为假时结果才为假。
    3. 逻辑非（NOT）：表示为 “!” 或 “not”，用于对一个条件的逻辑值进行取反。如果条件为真，则结果为假，如果条件为假，则结果为真。

    算术操作符用于执行数学运算，用于处理数值和执行各种数学计算。以下是常见的算术操作符：

    1. 加法（Addition）：表示为 “+”，用于将两个数值相加。
    2. 减法（Subtraction）：表示为 “-“，用于从一个数值中减去另一个数值。
    3. 乘法（Multiplication）：表示为 “*”，用于将两个数值相乘。
    4. 除法（Division）：表示为 “/“，用于将一个数值除以另一个数值。
    5. 取模（Modulus）：表示为 “%”，用于计算两个数值相除后的余数。
    6. 幂运算（Exponentiation）：表示为 “^”，用于将一个数值提升到指定的幂次方。

    二 中缀表达式转为后缀表达式

    工作中会常见到这样的需求：页面配置一个复杂的规则，比如：!A||B&&(C||D) ，存储起来，在使用的时候填充不同的值之后进行运算，这个时候就需要将上述的中缀表达式做转换，变为后缀表达式进行后续运算操作。
    这个算法的核心如下：
    创建一个栈和一个存储结果的字符串，栈用来存放操作符，结果用于拼接数字和操作符。然后从左到右遍历表达式，算法有这样的规则：

    • 遇到左括弧( 入栈
    • 遇到右括弧) 循环出栈，直到遇到相匹配的左括弧，将出栈符号拼接到结果字符串
    • 遇到符号，循环出栈，将优先级大于等于当前符号的操作符出栈，遇到小于当前符号的操作符停止循环，将出栈符号拼接到结果字符串，最后将当前符号入栈
    • 遇到字符，则拼接到结果的字符串
    • 当表达式循环结束时，将站内的全部符号依次取出并且拼接到结果的字符串

    java实现代码，参考：github代码
    过程示例图如下：

    表达式转换

    三 后缀表达式如何使用

    上面的算法，我们已经得到了一个后缀表达式，这个表达式的运算逻辑是怎样的呢？我们一起来看下：

    我们需要一个栈来存放所有的操作数，从左到右遍历符号，具体运算规则如下：

    • 遇到操作数，则入栈
    • 遇到操作符，则出栈两个操作数进行计算，将计算的结果继续入栈

    下面以算术表达式为例，一个整体的运算流程如下：

    规则解析

    这样很方便的就实现了一个复杂算术表达式的运算，而逻辑表达式也是一样运算方式，比如||，&& 唯一区别就是每次去出两个字符。

    具体在规则引擎中如何使用，请听下次讲解。

    ]]>     + 因为自己接触的项目做的是一个风控系统，涉猎到了规则，流程等知识，转眼一年多了，也没咋回顾这块知识点，今天就总结下规则引起这块的知识点，本文重点讲解用到的表达式相关的算法的逻辑。

    一 表达式和操作符

    我们日常计算，或者看到的数学运算表达式，都是中缀表达式 ，看起来是这样的：(1 + 2) * 3 + 4，其中，加减乘除这些符号就叫操作符，不过，这样的表达式，不过这样的表达式对于计算机并不好识别，我们可以回顾下，算法中的三种表达式的特点：

    1 表达式

    前缀、中缀和后缀表达式都是用来表示数学表达式的方式，它们的主要区别在于运算符的位置。

    1. 前缀表达式（也称为波兰表达式）：运算符位于操作数之前。例如，表达式 “2 + 3” 的前缀表示为 “+ 2 3”。
    2. 中缀表达式：运算符位于操作数之间。这是我们通常使用的方式，例如，表达式 “2 + 3” 就是中缀表达式。
    3. 后缀表达式（也称为逆波兰表达式）：运算符位于操作数之后。例如，表达式 “2 + 3” 的后缀表示为 “2 3 +”。

    为了更好地理解这些表达式之间的区别，让我们以一个简单的表达式为例：”(4 + 5) * 6”。

    • 中缀表达式：(4 + 5) * 6
    • 前缀表达式： + 4 5 6
    • 后缀表达式：4 5 + 6 *

    可以看到，中缀表达式需要使用括号来表示运算符的优先级，而前缀和后缀表达式通过运算符的位置来明确表达式的结构和运算顺序。

    对于计算机来说，后缀表达式在求值时更容易处理，因为它不需要括号和优先级的考虑。因此，在编写计算机程序或使用栈数据结构进行表达式求值时，通常会将中缀表达式转换为后缀表达式来简化计算过程。

    2 操作符

    操作符又分为两种：逻辑操作符和算术操作符，逻辑操作符用于执行逻辑运算，主要用于布尔逻辑（真和假的逻辑值）的计算。以下是常见的逻辑操作符：

    1. 逻辑与（AND）：表示为 “&&” 或 “and”，用于判断多个条件是否同时成立。如果两个条件都为真，则结果为真，否则为假。
    2. 逻辑或（OR）：表示为 “||” 或 “or”，用于判断多个条件中至少有一个是否成立。如果任何一个条件为真，则结果为真，只有当所有条件都为假时结果才为假。
    3. 逻辑非（NOT）：表示为 “!” 或 “not”，用于对一个条件的逻辑值进行取反。如果条件为真，则结果为假，如果条件为假，则结果为真。

    算术操作符用于执行数学运算，用于处理数值和执行各种数学计算。以下是常见的算术操作符：

    1. 加法（Addition）：表示为 “+”，用于将两个数值相加。
    2. 减法（Subtraction）：表示为 “-“，用于从一个数值中减去另一个数值。
    3. 乘法（Multiplication）：表示为 “*”，用于将两个数值相乘。
    4. 除法（Division）：表示为 “/“，用于将一个数值除以另一个数值。
    5. 取模（Modulus）：表示为 “%”，用于计算两个数值相除后的余数。
    6. 幂运算（Exponentiation）：表示为 “^”，用于将一个数值提升到指定的幂次方。

    二 中缀表达式转为后缀表达式

    工作中会常见到这样的需求：页面配置一个复杂的规则，比如：!A||B&&(C||D) ，存储起来，在使用的时候填充不同的值之后进行运算，这个时候就需要将上述的中缀表达式做转换，变为后缀表达式进行后续运算操作。
    这个算法的核心如下：
    创建一个栈和一个存储结果的字符串，栈用来存放操作符，结果用于拼接数字和操作符。然后从左到右遍历表达式，算法有这样的规则：

    • 遇到左括弧( 入栈
    • 遇到右括弧) 循环出栈，直到遇到相匹配的左括弧，将出栈符号拼接到结果字符串
    • 遇到符号，循环出栈，将优先级大于等于当前符号的操作符出栈，遇到小于当前符号的操作符停止循环，将出栈符号拼接到结果字符串，最后将当前符号入栈
    • 遇到字符，则拼接到结果的字符串
    • 当表达式循环结束时，将站内的全部符号依次取出并且拼接到结果的字符串

    java实现代码，参考：github代码
    过程示例图如下：

    表达式转换

    三 后缀表达式如何使用

    上面的算法，我们已经得到了一个后缀表达式，这个表达式的运算逻辑是怎样的呢？我们一起来看下：

    我们需要一个栈来存放所有的操作数，从左到右遍历符号，具体运算规则如下：

    • 遇到操作数，则入栈
    • 遇到操作符，则出栈两个操作数进行计算，将计算的结果继续入栈

    下面以算术表达式为例，一个整体的运算流程如下：

    规则解析

    这样很方便的就实现了一个复杂算术表达式的运算，而逻辑表达式也是一样运算方式，比如||，&& 唯一区别就是每次去出两个字符。

    具体在规则引擎中如何使用，请听下次讲解。

    ]]>     @@ -107,7 +107,7 @@ 2023-06-21T16:00:00.000Z 2023-06-21T16:00:00.000Z - Electron(一)

    Electron是一个js桌面端框架，让html，js 打包为桌面应用成为可能，已经有非常多的应用使用了这门技术，如：vscode，notion，figma，思源笔记等等

    image

    一 整体交互形式

    桌面应用最重要的是什么，或者说和浏览器页面有什么区别？大的来说就是可以和操作系统交互，那么什么叫可以和操作系统交互？让我们回顾下浏览器，浏览器就像一个盒子，里面的所有页面的权利是有限的，就比如，

    • 我想在浏览器自己写的一个html页面通过js函数，在文档这个文件夹下创建一个文件，或者修改一个文件
    • 调用系统通知api，使用系统通知
    • 修改系统音量？

    这些都是做不到的，这些都涉及了操作系统的api，那electron是如何做到的呢，我们看下这个图：

    image

    Electron就相当于一个中间层，为js提供了一个曲线访问系统api的能力，做任何和系统有关的操作，都要通过electron

    一个简单的例子，我想通过，文件选择器，拿到一个文件的路径，该如何实现？你可能会想到，浏览器也可以呀，通过选择器，选择一个文件，还要Electron干嘛？

    是没问题，可以选到一个文件，但是文件的路径是获取不到的，简单思考下，如果一个普通的网页，点击就能获取到你本机文件的路径，甚至别的操作系统信息，你做为浏览器的开发者会允许这样吗？这样对浏览器使用者来讲显然是非常危险的，点开个网页信息泄密了，甚至电脑上文件丢了。

    因此，我们要使用的文件选择器是操作系统的文件选择器，这个显然是js办不到的，因此有了Electron，它提供了这样的api：文档详见：https://www.electronjs.org/zh/docs/latest/api/dialog 

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    import {dialog} from "electron";

    function open() {
        let files = dialog.showOpenDialogSync({
            title: '选择文件路径',
            properties: ['openDirectory', 'multiSelections']
        })
        console.log(files)
        return files
    }

    文件选择器是有了，我们该如何通知Electron呢？换句话说就是，上面的js函数是显示层调用不到的，因此Electron提供了一种方式，让我们可以与它交互。这种方式类似js的发布订阅模型，发布一个事件，消费者监听事件。

    文档详见：https://www.electronjs.org/zh/docs/latest/api/ipc-renderer

    js端通过ipcRenderer.send发送一个事件通过Electron

    1
    2
    3
    const electron = window.electron

    electron.ipcRenderer.send('事件名称',data)

    electron端通过ipcMain.on监听js端发送过来的事件，那当这件事情处理完成了，想要告诉js端怎么办？通过event.reply发送一个事件，携带数据给js，和上面的ipcRenderer.send是类似的

    1
    2
    3
    4
    5
    6
    7
    8
    9
    import {ipcMain} from "electron"

     ipcMain.on('事件名称',(event, data)) => {
            //处理


            //回调
            event.reply('新的事件名称', 要返回的数据)
        })

    js端该如何处理呢？以React为例：useEffect中，通过ipcRenderer.on，监听这个事件，然后处理，一定要在[]这个useEffect，代表页面创建就运行这个函数，监听这个事件，在return中删除这个事件，不然每次每次页面加载都会创建一个监听，这样会越建越多

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    useEffect(() => {
        //处理Electron端发送的事件
        electron.ipcRenderer.on('事件名称', (event, 数据) => {
          //处理
        });

        return () => {
          electron.ipcRenderer.removeAllListeners('事件名称');
        };
      }, []);

    到这里就完成了一个交互，是不是很简单。

    二 打包

    打包全靠配置，这个是我的配置：

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
    45
    46
    47
    48
    49
    50
    51
    52
    53
    54
    55
    56
    57
    58
    59
    60
    61
    62
    63
    64
    65
    66
    67
    68
    69
    70
    71
    72
    73
    74
    75
    76
    77
    78
    79
    80
    81
    82
    83
    84
    85
    86
    87
    88
    89
    90
    91
    92
    93
    94
    95
    96
    /**
     * @see https://www.electron.build/configuration/configuration
     */
    {
      appId: "electron-music",
      productName: "electron-music",
      copyright: "Copyright © 2023 ${author}",
      asar: true,
      directories: {
        output: "release",
        buildResources: "public"
      },
      files: [
        "dist"
      ],
      win: {
        icon: "public/icons/music256x256.png",
        target: [
          {
            target: "dir",
            arch: [
              "x64"
            ]
          },
          {
            target: "nsis",
            arch: [
              "x64"
            ]
          }
        ]
      },
      nsis: {
        "oneClick": false,
        // 创建一键安装程序还是辅助安装程序（默认是一键安装）
        "allowElevation": true,
        // 是否允许请求提升，如果为false，则用户必须使用提升的权限重新启动安装程序 （仅作用于辅助安装程序）
        "allowToChangeInstallationDirectory": true,
        // 是否允许修改安装目录 （仅作用于辅助安装程序）
        "installerIcon": "public/icons/music256x256.png",
        // 安装程序图标的路径
        "uninstallerIcon": "public/icons/music256x256.png",
        // 卸载程序图标的路径
        "installerHeader": "public/icons/music256x256.png",
        // 安装时头部图片路径（仅作用于辅助安装程序）
        "installerHeaderIcon": "public/icons/music256x256.png",
        // 安装时标题图标（进度条上方）的路径（仅作用于一键安装程序）
        "installerSidebar": "public/icons/music256x256.png",
        // 安装完毕界面图片的路径，（仅作用于辅助安装程序）
        "uninstallerSidebar": "public/icons/music256x256.png",
        // 开始卸载界面图片的路径（仅作用于辅助安装程序）
        "uninstallDisplayName": "electron-music-${version}",
        // 控制面板中的卸载程序显示名称
        "createDesktopShortcut": true,
        // 是否创建桌面快捷方式
        "createStartMenuShortcut": true,
        // 是否创建开始菜单快捷方式
        "include": "script/installer.nsi",
        // NSIS包含定制安装程序脚本的路径，安装过程中自行调用  (可用于写入注册表 开机自启动等操作)
        "script": "script/installer.nsi",
        // 用于自定义安装程序的NSIS脚本的路径
        "deleteAppDataOnUninstall": true,
        // 是否在卸载时删除应用程序数据（仅作用于一键安装程序）
        "runAfterFinish": false,
        // 完成后是否运行已安装的应用程序（对于辅助安装程序，应删除相应的复选框）
        "menuCategory": false,
        // 是否为开始菜单快捷方式和程序文件目录创建子菜单，如果为true，则使用公司名称
        "perMachine": true,
        //给机器上所有用户安装
        "language": "2052"
        //安装语言(中文)
      },
      mac: {
        icon: 'public/icons/music256x256.png',
        category: 'Productivity',
        target: [
          {
            target: 'default',
            arch: [
              'arm64',
              'x64'
            ]
          }
        ]
      },
      linux: {
        icon: "public/icons/music256x256.png",
        target: [
          "AppImage",
          "tar.gz"
        ],
        "category": "Audio",
        artifactName: "${productName}-Linux-${version}.${ext}"
      }
    }

    参考: 我的音乐播放器项目

    三 注意事项

    1 在linux下窗口关闭前做一件事

    看环境，比如kde下是做不到比如隐藏窗口的，在kde下，点击关闭按钮，window对象对直接就销毁了。（曲线方式，我们可以不用系统自带的顶栏，自己实现一个，这样就不会有这样的问题了）

    1
    2
    3
    4
    5
    app.on('closed', () => {
      if (process.platform !== 'darwin') {
        app.quit()
      }
    })

    2 linux 下，英伟达显卡涉及到动画的页面报错（暂未解决）

    报错内容

    1
    libva error: vaGetDriverNameByIndex() failed with unknown libva error, driver_name = (null)

    ‍

    ]]>     + Electron(一)

    Electron是一个js桌面端框架，让html，js 打包为桌面应用成为可能，已经有非常多的应用使用了这门技术，如：vscode，notion，figma，思源笔记等等

    image

    一 整体交互形式

    桌面应用最重要的是什么，或者说和浏览器页面有什么区别？大的来说就是可以和操作系统交互，那么什么叫可以和操作系统交互？让我们回顾下浏览器，浏览器就像一个盒子，里面的所有页面的权利是有限的，就比如，

    • 我想在浏览器自己写的一个html页面通过js函数，在文档这个文件夹下创建一个文件，或者修改一个文件
    • 调用系统通知api，使用系统通知
    • 修改系统音量？

    这些都是做不到的，这些都涉及了操作系统的api，那electron是如何做到的呢，我们看下这个图：

    image

    Electron就相当于一个中间层，为js提供了一个曲线访问系统api的能力，做任何和系统有关的操作，都要通过electron

    一个简单的例子，我想通过，文件选择器，拿到一个文件的路径，该如何实现？你可能会想到，浏览器也可以呀，通过选择器，选择一个文件，还要Electron干嘛？

    是没问题，可以选到一个文件，但是文件的路径是获取不到的，简单思考下，如果一个普通的网页，点击就能获取到你本机文件的路径，甚至别的操作系统信息，你做为浏览器的开发者会允许这样吗？这样对浏览器使用者来讲显然是非常危险的，点开个网页信息泄密了，甚至电脑上文件丢了。

    因此，我们要使用的文件选择器是操作系统的文件选择器，这个显然是js办不到的，因此有了Electron，它提供了这样的api：文档详见：https://www.electronjs.org/zh/docs/latest/api/dialog 

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    import {dialog} from "electron";

    function open() {
        let files = dialog.showOpenDialogSync({
            title: '选择文件路径',
            properties: ['openDirectory', 'multiSelections']
        })
        console.log(files)
        return files
    }

    文件选择器是有了，我们该如何通知Electron呢？换句话说就是，上面的js函数是显示层调用不到的，因此Electron提供了一种方式，让我们可以与它交互。这种方式类似js的发布订阅模型，发布一个事件，消费者监听事件。

    文档详见：https://www.electronjs.org/zh/docs/latest/api/ipc-renderer

    js端通过ipcRenderer.send发送一个事件通过Electron

    1
    2
    3
    const electron = window.electron

    electron.ipcRenderer.send('事件名称',data)

    electron端通过ipcMain.on监听js端发送过来的事件，那当这件事情处理完成了，想要告诉js端怎么办？通过event.reply发送一个事件，携带数据给js，和上面的ipcRenderer.send是类似的

    1
    2
    3
    4
    5
    6
    7
    8
    9
    import {ipcMain} from "electron"

     ipcMain.on('事件名称',(event, data)) => {
            //处理


            //回调
            event.reply('新的事件名称', 要返回的数据)
        })

    js端该如何处理呢？以React为例：useEffect中，通过ipcRenderer.on，监听这个事件，然后处理，一定要在[]这个useEffect，代表页面创建就运行这个函数，监听这个事件，在return中删除这个事件，不然每次每次页面加载都会创建一个监听，这样会越建越多

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    useEffect(() => {
        //处理Electron端发送的事件
        electron.ipcRenderer.on('事件名称', (event, 数据) => {
          //处理
        });

        return () => {
          electron.ipcRenderer.removeAllListeners('事件名称');
        };
      }, []);

    到这里就完成了一个交互，是不是很简单。

    二 打包

    打包全靠配置，这个是我的配置：

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
    45
    46
    47
    48
    49
    50
    51
    52
    53
    54
    55
    56
    57
    58
    59
    60
    61
    62
    63
    64
    65
    66
    67
    68
    69
    70
    71
    72
    73
    74
    75
    76
    77
    78
    79
    80
    81
    82
    83
    84
    85
    86
    87
    88
    89
    90
    91
    92
    93
    94
    95
    96
    /**
     * @see https://www.electron.build/configuration/configuration
     */
    {
      appId: "electron-music",
      productName: "electron-music",
      copyright: "Copyright © 2023 ${author}",
      asar: true,
      directories: {
        output: "release",
        buildResources: "public"
      },
      files: [
        "dist"
      ],
      win: {
        icon: "public/icons/music256x256.png",
        target: [
          {
            target: "dir",
            arch: [
              "x64"
            ]
          },
          {
            target: "nsis",
            arch: [
              "x64"
            ]
          }
        ]
      },
      nsis: {
        "oneClick": false,
        // 创建一键安装程序还是辅助安装程序（默认是一键安装）
        "allowElevation": true,
        // 是否允许请求提升，如果为false，则用户必须使用提升的权限重新启动安装程序 （仅作用于辅助安装程序）
        "allowToChangeInstallationDirectory": true,
        // 是否允许修改安装目录 （仅作用于辅助安装程序）
        "installerIcon": "public/icons/music256x256.png",
        // 安装程序图标的路径
        "uninstallerIcon": "public/icons/music256x256.png",
        // 卸载程序图标的路径
        "installerHeader": "public/icons/music256x256.png",
        // 安装时头部图片路径（仅作用于辅助安装程序）
        "installerHeaderIcon": "public/icons/music256x256.png",
        // 安装时标题图标（进度条上方）的路径（仅作用于一键安装程序）
        "installerSidebar": "public/icons/music256x256.png",
        // 安装完毕界面图片的路径，（仅作用于辅助安装程序）
        "uninstallerSidebar": "public/icons/music256x256.png",
        // 开始卸载界面图片的路径（仅作用于辅助安装程序）
        "uninstallDisplayName": "electron-music-${version}",
        // 控制面板中的卸载程序显示名称
        "createDesktopShortcut": true,
        // 是否创建桌面快捷方式
        "createStartMenuShortcut": true,
        // 是否创建开始菜单快捷方式
        "include": "script/installer.nsi",
        // NSIS包含定制安装程序脚本的路径，安装过程中自行调用  (可用于写入注册表 开机自启动等操作)
        "script": "script/installer.nsi",
        // 用于自定义安装程序的NSIS脚本的路径
        "deleteAppDataOnUninstall": true,
        // 是否在卸载时删除应用程序数据（仅作用于一键安装程序）
        "runAfterFinish": false,
        // 完成后是否运行已安装的应用程序（对于辅助安装程序，应删除相应的复选框）
        "menuCategory": false,
        // 是否为开始菜单快捷方式和程序文件目录创建子菜单，如果为true，则使用公司名称
        "perMachine": true,
        //给机器上所有用户安装
        "language": "2052"
        //安装语言(中文)
      },
      mac: {
        icon: 'public/icons/music256x256.png',
        category: 'Productivity',
        target: [
          {
            target: 'default',
            arch: [
              'arm64',
              'x64'
            ]
          }
        ]
      },
      linux: {
        icon: "public/icons/music256x256.png",
        target: [
          "AppImage",
          "tar.gz"
        ],
        "category": "Audio",
        artifactName: "${productName}-Linux-${version}.${ext}"
      }
    }

    参考: 我的音乐播放器项目

    三 注意事项

    1 在linux下窗口关闭前做一件事

    看环境，比如kde下是做不到比如隐藏窗口的，在kde下，点击关闭按钮，window对象对直接就销毁了。（曲线方式，我们可以不用系统自带的顶栏，自己实现一个，这样就不会有这样的问题了）

    1
    2
    3
    4
    5
    app.on('closed', () => {
      if (process.platform !== 'darwin') {
        app.quit()
      }
    })

    2 linux 下，英伟达显卡涉及到动画的页面报错（暂未解决）

    报错内容

    1
    libva error: vaGetDriverNameByIndex() failed with unknown libva error, driver_name = (null)

    ‍

    ]]>     @@ -157,7 +157,7 @@ 2022-05-13T16:00:00.000Z 2022-05-13T16:00:00.000Z - 1 栈和堆

    现代处理器在内存中跳转越少就越快

    栈内存(所有存放在栈内存的数据必须有已知的固定的大小)

    • 因为放入栈的数据大小都是固定的，因此入栈的时候很快，因为挨着放就行了

    堆内存（heap）

    • 编译时大小未知，或者程序运行时会变化的数据存放在 堆
    • 堆对于内存的组织性差一些，因为大小不固定，或者会改变，因此，需要分配空间，而这就需要操作系统去找到一块足够大的空间
    • 访问数据的时候也更慢，因为有个寻址的过程

    函数调用

    在调用函数的时候，会将函数的入参传入函数，包括入参的指针信息，然后，函数的这些参数信息会压栈，等执行完成会出栈

    2 所有权的规则

    所有权存在的原因就是因为上面的堆内存，因为这块是不确定的，有的是需要回收的。

    所有权（系统）是 Rust 最为与众不同的特性，对语言的其他部分有着深刻含义。它让 Rust 无需垃圾回收（garbage collector）即可保障内存安全，因此理解 Rust 中所有权如何工作是十分重要的。本章，我们将讲到所有权以及相关功能：借用（borrowing）、slice 以及 Rust 如何在内存中布局数据

    • 每个值都有一个变量，这个变量就是该值的所有者
    • 每个值，同时只能有一个所有者
    • 当所有者超出作用域的时候，这个值会被删除

    定义一个字符串hello，其内存结构是这样的

    image.png

    而当将携带此字符串值的变量s1赋值给s2的时候，s1在栈中就不可用,失效了，不同于浅拷贝，这种方式被称为移动（Move）

    而如果需要实现深拷贝的功能的话，则需要实现 clone方法，类似java

    而针对栈上面的数据比如基本类型：整数，布尔，浮点数，字符等是放在栈上的，不需要拷贝这些东西，因此引出了 复制的概念：

    1
    2
    3
    let x = 5
    let y = x
    // 到这里其实x和y都是有效的，因为是放在栈上的数据，对这些数据的复制操作是默认执行的

    rust提供了 Copy trait(复制 接口)

    • 如果一个类型实现了这个接口，那么旧的变量在值茶u年底后还是有效的，类似上面的代码
    • 如果一个类型，或者这个类型的一部分实现了 Drop trait(释放 接口)，那么这个类型就不允许去实现 Copy trait(复制 接口)了

    实现了复制接口的有：

    • 整数类型，布尔，字符，浮点，Tuple(这个元组内的所有类型都是实现了复制接口)

    2. 1 所有权和函数

    将值赋给函数或者变量，在语义是其实是一样的：

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    fun main(){
      let s = String::from("hello")

      take1(s)
    // s 在这里就失效了，因为传递给方法了

      let x = 5

      take2(x)
    // 在这里x依然是有效的，因为传递给方法的仅仅是副本
    }
    fun take1(str:String){
     println!("{}",str)
    }//方法执行结束，会释放str所在的堆内存

    fun take2(num:i32){
     println!("{}",num)
    }//什么也不会发生

    一个变量的所有权总是符合这样的模式：

    • 把一个值赋给变量的时候就会发生移动（Move）
    • 包含这个堆数据的变量离开作用域，值就会被drap函数清理，除非数据的所有权移动到另一个变量了

    如何让，一个函数使用一个值，但是不拥有所有权呢？

    • 简单但麻烦的方式，就是返回一个元组，将入参原封不动的返回
    • 使用Rust的特性 引用（Reference）

    2.2 引用

    使用 &符号，表示使用这个值，但是不获得其所有权

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    fn main(){
        let s1 = String::from("Hello");
        let len = get_lenth(&s1);

        println!("{} length is {}",s1,len);
    }

    fn get_lenth(s: &String) -> usize {
        s.len()
    }

    这段代码在内存中的形式是这样的：

    • s表示一个指针，这个指针指向另一个指针s1,s1指向堆内存

    image.png

    而引用的内容，是否可以修改呢？，我们尝试在上面的方法内修改变量，会报如下的错：

    s.push_str(“, World”);
    | ^^^^^^^^^^^^^^^^^^^^^ s is a & reference, so the data it refers to cannot be borrowed as mutable

    （S是引用，所以它引用的数据不能作为可变数据来借用）

    因为引用，也是存放在栈上的，和变量一样是不可变的，而变量可以通过 mut来表示可变变量，那引用呢？答案是可以的：

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    fn main(){
    //首先这个变量是可变的
        let mut s1 = String::from("Hello");
    //其次，这个引用也得是可变的
        let len = get_lenth(&mut s1);

        println!("{} length is {}",s1,len);
    }
    // 方法的入参也得是可变的
    fn get_lenth(s: &mut String) -> usize {
        s.push_str(", World");
        s.len()
    }

    1 可变引用

    可变引用的限制：

    • 在一个作用域内，对于某块数据，只能有一个可变引用

    这样做的好处有就是在编译的时候防止 数据竞争，以下三种情况都满足的情况会发生数据竞争

    • 多个指针同时访问一个数据
    • 至少有一个指针用于写入数据
    • 没有任何机制来同步对数据的访问

    但是我们可以通过创建作用域的方式，来允许非同时创建多个可变引用

    1
    2
    3
    4
    5
    6
    7
    8
    fn main(){
        let mut s = String::from("Hello");
        {
            let m1 = &mut s;
        }

        let m2 = &mut s;
    }

    还有一个限制：

    不可以同时拥有一个可变引用和不可变引用

    2 悬空指针

    悬空指针(Dangling Pointer)，或者叫野指针，指向内存一个地址，但是这块内存已经被回收了，甚至已经分配给别人了，而Rust永远不会出现这个问题

    • Rust保证了，在引用一个数据的时候，编译器会保证，在引用离开作用域之前，数据不会离开作用域
    1
    2
    3
    4
    5
    6
    7
    8
    fn main(){
        let s = dangle();
    }
    //这里会报错
    fn dangle() -> &String {
        let str = String::from("hello");
        &str
    }

    上面的代码编译会报错，因为str在方法结束就销毁了，而str的引用却返回了，也就是出现了野指针，这样在rust编译会不通过的

    3 切片

    Rust的一种 不持有所有权的数据类型，英文slice，可以用于解决下面的问题

    小例子

    返回第一个空格的下标，这里其实是有问题的，因为，这个index是不合字符串s绑定的，表示的只是之前算过的值，而不是当前的值，可以看到仅仅是返回一个空格下标这么多代码，还有bug

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    fn main(){
        let s = String::from("Hello World");
        let index = first_world(&s);

        s.clear();
        println!("{}",index);
    }

    fn first_world(str : &String) ->usize{
        let bytes = str.as_bytes();
        // iter会返回一个迭代器
        // enumerate会将迭代器包装为一个元组，1 索引， 2 元素的引用
        for (i,&item) in bytes.iter().enumerate() {
            if item == b' ' {
                return  i;
            }  
        }
        str.len()
    }

    字符串切片

    左闭右开的语法：以及部分语法糖

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    fn main(){
        let  s = String::from("Hello World");
        let h1 = &s[0..5];
        let w1 = &s[6..11];
        //语法糖
        let h2 = &s[..5];
        let w2 = &s[6..];
        let all = &s[..];
    }

    字符串切片在内存中的结构，指向堆内存数据的一部分

    image.png

    改造之前的小例子，使其返回一个字符串切片,字符串切片的类型标识为：&str

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    fn main(){
        let  s = String::from("Hello World");
        let str = first_world(&s);
        println!("{}",str);
    }

    fn first_world(s: &String) ->&str{
        let bytes = s.as_bytes();
        // iter会返回一个迭代器
        // enumerate会将迭代器包装为一个元组，1 索引， 2 元素的引用
        for (i,&item) in bytes.iter().enumerate() {
            if item == b' ' {
                return  &s[..i];
            }  
        }
        &s[..]
    }

    字符串字面值

    字符串字面值，是什么类型的呢，没错就是切片

    image.png

    将切片作为参数

    之前的例子都是字符串引用作为入参：

    1
    2
    fn first_world(s: &String) ->&str{
    }

    其实，可以使用切片作为入参，这样切片可以作为入参，二字符串可以传入完整的切片，入参更为多样了。因为切片还是一种引用嘛，一样的

    ]]>     + 1 栈和堆

    现代处理器在内存中跳转越少就越快

    栈内存(所有存放在栈内存的数据必须有已知的固定的大小)

    • 因为放入栈的数据大小都是固定的，因此入栈的时候很快，因为挨着放就行了

    堆内存（heap）

    • 编译时大小未知，或者程序运行时会变化的数据存放在 堆
    • 堆对于内存的组织性差一些，因为大小不固定，或者会改变，因此，需要分配空间，而这就需要操作系统去找到一块足够大的空间
    • 访问数据的时候也更慢，因为有个寻址的过程

    函数调用

    在调用函数的时候，会将函数的入参传入函数，包括入参的指针信息，然后，函数的这些参数信息会压栈，等执行完成会出栈

    2 所有权的规则

    所有权存在的原因就是因为上面的堆内存，因为这块是不确定的，有的是需要回收的。

    所有权（系统）是 Rust 最为与众不同的特性，对语言的其他部分有着深刻含义。它让 Rust 无需垃圾回收（garbage collector）即可保障内存安全，因此理解 Rust 中所有权如何工作是十分重要的。本章，我们将讲到所有权以及相关功能：借用（borrowing）、slice 以及 Rust 如何在内存中布局数据

    • 每个值都有一个变量，这个变量就是该值的所有者
    • 每个值，同时只能有一个所有者
    • 当所有者超出作用域的时候，这个值会被删除

    定义一个字符串hello，其内存结构是这样的

    image.png

    而当将携带此字符串值的变量s1赋值给s2的时候，s1在栈中就不可用,失效了，不同于浅拷贝，这种方式被称为移动（Move）

    而如果需要实现深拷贝的功能的话，则需要实现 clone方法，类似java

    而针对栈上面的数据比如基本类型：整数，布尔，浮点数，字符等是放在栈上的，不需要拷贝这些东西，因此引出了 复制的概念：

    1
    2
    3
    let x = 5
    let y = x
    // 到这里其实x和y都是有效的，因为是放在栈上的数据，对这些数据的复制操作是默认执行的

    rust提供了 Copy trait(复制 接口)

    • 如果一个类型实现了这个接口，那么旧的变量在值茶u年底后还是有效的，类似上面的代码
    • 如果一个类型，或者这个类型的一部分实现了 Drop trait(释放 接口)，那么这个类型就不允许去实现 Copy trait(复制 接口)了

    实现了复制接口的有：

    • 整数类型，布尔，字符，浮点，Tuple(这个元组内的所有类型都是实现了复制接口)

    2. 1 所有权和函数

    将值赋给函数或者变量，在语义是其实是一样的：

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    fun main(){
      let s = String::from("hello")

      take1(s)
    // s 在这里就失效了，因为传递给方法了

      let x = 5

      take2(x)
    // 在这里x依然是有效的，因为传递给方法的仅仅是副本
    }
    fun take1(str:String){
     println!("{}",str)
    }//方法执行结束，会释放str所在的堆内存

    fun take2(num:i32){
     println!("{}",num)
    }//什么也不会发生

    一个变量的所有权总是符合这样的模式：

    • 把一个值赋给变量的时候就会发生移动（Move）
    • 包含这个堆数据的变量离开作用域，值就会被drap函数清理，除非数据的所有权移动到另一个变量了

    如何让，一个函数使用一个值，但是不拥有所有权呢？

    • 简单但麻烦的方式，就是返回一个元组，将入参原封不动的返回
    • 使用Rust的特性 引用（Reference）

    2.2 引用

    使用 &符号，表示使用这个值，但是不获得其所有权

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    fn main(){
        let s1 = String::from("Hello");
        let len = get_lenth(&s1);

        println!("{} length is {}",s1,len);
    }

    fn get_lenth(s: &String) -> usize {
        s.len()
    }

    这段代码在内存中的形式是这样的：

    • s表示一个指针，这个指针指向另一个指针s1,s1指向堆内存

    image.png

    而引用的内容，是否可以修改呢？，我们尝试在上面的方法内修改变量，会报如下的错：

    s.push_str(“, World”);
    | ^^^^^^^^^^^^^^^^^^^^^ s is a & reference, so the data it refers to cannot be borrowed as mutable

    （S是引用，所以它引用的数据不能作为可变数据来借用）

    因为引用，也是存放在栈上的，和变量一样是不可变的，而变量可以通过 mut来表示可变变量，那引用呢？答案是可以的：

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    fn main(){
    //首先这个变量是可变的
        let mut s1 = String::from("Hello");
    //其次，这个引用也得是可变的
        let len = get_lenth(&mut s1);

        println!("{} length is {}",s1,len);
    }
    // 方法的入参也得是可变的
    fn get_lenth(s: &mut String) -> usize {
        s.push_str(", World");
        s.len()
    }

    1 可变引用

    可变引用的限制：

    • 在一个作用域内，对于某块数据，只能有一个可变引用

    这样做的好处有就是在编译的时候防止 数据竞争，以下三种情况都满足的情况会发生数据竞争

    • 多个指针同时访问一个数据
    • 至少有一个指针用于写入数据
    • 没有任何机制来同步对数据的访问

    但是我们可以通过创建作用域的方式，来允许非同时创建多个可变引用

    1
    2
    3
    4
    5
    6
    7
    8
    fn main(){
        let mut s = String::from("Hello");
        {
            let m1 = &mut s;
        }

        let m2 = &mut s;
    }

    还有一个限制：

    不可以同时拥有一个可变引用和不可变引用

    2 悬空指针

    悬空指针(Dangling Pointer)，或者叫野指针，指向内存一个地址，但是这块内存已经被回收了，甚至已经分配给别人了，而Rust永远不会出现这个问题

    • Rust保证了，在引用一个数据的时候，编译器会保证，在引用离开作用域之前，数据不会离开作用域
    1
    2
    3
    4
    5
    6
    7
    8
    fn main(){
        let s = dangle();
    }
    //这里会报错
    fn dangle() -> &String {
        let str = String::from("hello");
        &str
    }

    上面的代码编译会报错，因为str在方法结束就销毁了，而str的引用却返回了，也就是出现了野指针，这样在rust编译会不通过的

    3 切片

    Rust的一种 不持有所有权的数据类型，英文slice，可以用于解决下面的问题

    小例子

    返回第一个空格的下标，这里其实是有问题的，因为，这个index是不合字符串s绑定的，表示的只是之前算过的值，而不是当前的值，可以看到仅仅是返回一个空格下标这么多代码，还有bug

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    fn main(){
        let s = String::from("Hello World");
        let index = first_world(&s);

        s.clear();
        println!("{}",index);
    }

    fn first_world(str : &String) ->usize{
        let bytes = str.as_bytes();
        // iter会返回一个迭代器
        // enumerate会将迭代器包装为一个元组，1 索引， 2 元素的引用
        for (i,&item) in bytes.iter().enumerate() {
            if item == b' ' {
                return  i;
            }  
        }
        str.len()
    }

    字符串切片

    左闭右开的语法：以及部分语法糖

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    fn main(){
        let  s = String::from("Hello World");
        let h1 = &s[0..5];
        let w1 = &s[6..11];
        //语法糖
        let h2 = &s[..5];
        let w2 = &s[6..];
        let all = &s[..];
    }

    字符串切片在内存中的结构，指向堆内存数据的一部分

    image.png

    改造之前的小例子，使其返回一个字符串切片,字符串切片的类型标识为：&str

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    fn main(){
        let  s = String::from("Hello World");
        let str = first_world(&s);
        println!("{}",str);
    }

    fn first_world(s: &String) ->&str{
        let bytes = s.as_bytes();
        // iter会返回一个迭代器
        // enumerate会将迭代器包装为一个元组，1 索引， 2 元素的引用
        for (i,&item) in bytes.iter().enumerate() {
            if item == b' ' {
                return  &s[..i];
            }  
        }
        &s[..]
    }

    字符串字面值

    字符串字面值，是什么类型的呢，没错就是切片

    将切片作为参数

    之前的例子都是字符串引用作为入参：

    1
    2
    fn first_world(s: &String) ->&str{
    }

    其实，可以使用切片作为入参，这样切片可以作为入参，二字符串可以传入完整的切片，入参更为多样了。因为切片还是一种引用嘛，一样的

    ]]>     @@ -184,7 +184,7 @@ 2022-03-13T16:00:00.000Z 2022-03-13T16:00:00.000Z - 一 Rust安装

    Rust安装极为简单，先下载rustup

    image-20220314220250790

    之后使用命令下载：

    1
    curl --proto '=https' --tlsv1.2 -sSf https://sh.rustup.rs | sh

    在vscode下载插件 rust-analyzer即可快速开发

    image-20220314220452099

    二 cargo

    cargo就是rust的包管理工具，与npm,maven等是一样的，一般rustup来安装rust会自带cargo，常见命令如下

    1
    2
    3
    4
    5
    6
    7
    8
    # 创建一个catgo项目
    cargo new 项目
    # 编译和执行结果，可以用来检验是否编写错误
    cargo run 
    # 发布的构建，编译会优化，代码更快，但是编译时间更长
    cargo build --release
    # 普通的构建
    cargo build

    三 猜数字游戏

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    use rand::Rng;
    use std::cmp::Ordering; //Ordering是一个枚举类型
    use std::io; //Rng是一个trait 可以认为是接口
                 //rust默认会倒入prelude这个模块
    fn main() {
        println!("猜一个数字");
        //i32 u32 i64 都是整形
        let number = rand::thread_rng().gen_range(1..101);
        // loop表示无限循环
        loop {
            let mut guess = String::new();
            // io函数读取输  使用expect方法，表示如果result是err则执行
            io::stdin().read_line(&mut guess).expect("无法读取行");

            //将字符串转为整形 parse方法返回中为Result
            // 隐藏shadow 隐藏重名的旧变量，从18行开始，变量guess类型就变了
            let guess: u32 = match guess.trim().parse() {
                Ok(num) => num,
                //_：此通配符表示不关心这个值
                Err(_) => continue,
            };

            println!("你猜测的数是：{}", guess);

            //match表达式：可以让我们根据 枚举值选择不同的操作，就相当于if else
            //cmp就是compere，比较的意思
            match guess.cmp(&number) {
                //三个枚举分别表示小大等
                Ordering::Less => println!("Too Small!"),
                Ordering::Greater => println!("Too Big!"),
                Ordering::Equal => {
                    println!("You Win!");
                    break;
                }
            }
        }
    }

    参考：

    ]]>     + 一 Rust安装

    Rust安装极为简单，先下载rustup

    image-20220314220250790

    之后使用命令下载：

    1
    curl --proto '=https' --tlsv1.2 -sSf https://sh.rustup.rs | sh

    在vscode下载插件 rust-analyzer即可快速开发

    image-20220314220452099

    二 cargo

    cargo就是rust的包管理工具，与npm,maven等是一样的，一般rustup来安装rust会自带cargo，常见命令如下

    1
    2
    3
    4
    5
    6
    7
    8
    # 创建一个catgo项目
    cargo new 项目
    # 编译和执行结果，可以用来检验是否编写错误
    cargo run 
    # 发布的构建，编译会优化，代码更快，但是编译时间更长
    cargo build --release
    # 普通的构建
    cargo build

    三 猜数字游戏

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    use rand::Rng;
    use std::cmp::Ordering; //Ordering是一个枚举类型
    use std::io; //Rng是一个trait 可以认为是接口
                 //rust默认会倒入prelude这个模块
    fn main() {
        println!("猜一个数字");
        //i32 u32 i64 都是整形
        let number = rand::thread_rng().gen_range(1..101);
        // loop表示无限循环
        loop {
            let mut guess = String::new();
            // io函数读取输  使用expect方法，表示如果result是err则执行
            io::stdin().read_line(&mut guess).expect("无法读取行");

            //将字符串转为整形 parse方法返回中为Result
            // 隐藏shadow 隐藏重名的旧变量，从18行开始，变量guess类型就变了
            let guess: u32 = match guess.trim().parse() {
                Ok(num) => num,
                //_：此通配符表示不关心这个值
                Err(_) => continue,
            };

            println!("你猜测的数是：{}", guess);

            //match表达式：可以让我们根据 枚举值选择不同的操作，就相当于if else
            //cmp就是compere，比较的意思
            match guess.cmp(&number) {
                //三个枚举分别表示小大等
                Ordering::Less => println!("Too Small!"),
                Ordering::Greater => println!("Too Big!"),
                Ordering::Equal => {
                    println!("You Win!");
                    break;
                }
            }
        }
    }

    参考：

    ]]>     @@ -210,7 +210,7 @@ 2022-03-05T16:00:00.000Z 2022-03-05T16:00:00.000Z - 一 下载conky

    使用pacman,或者yay，或者使用gnome的商店都可以下载：

    1
    2
    sudo pacman -S conky
    yay -S conky

    在家目录新建一个.conkyrc的文件，写上配置文件即可，效果如下：

    截屏-20220306110328-2560x1600

    二 设置开机自启

    比如在gnome中工具中设置开机自启，是没有效果的，因为conky需要在系统启动桌面加载好后才启动，因此需要一个延时，因此，在目录 ~/.config/autostart/目录中可以看到很多的开机自启的 desktop文件，因此只需要新建一个 sh设置休眠后启动即可：

    1. 在家目录新建一个 conky.sh
    1
    2
    #!/bin/bash
    sleep 5 && conky
    1. 在 ~/.config/autostart/新建一个 dekstop文件
    1
    2
    3
    4
    [Desktop Entry]
    Type=Application
    Name=conky
    Exec=/home/${你的用户名}/conky.sh

    这样conky就能正常的启动了

    三 相关文件：

    配置文件：

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
    45
    46
    47
    48
    49
    50
    51
    52
    53
    54
    55
    56
    57
    58
    59
    60
    61
    62
    63
    64
    65
    66
    67
    68
    69
    70
    71
    alignment top_right
    background no
    border_width 0
    cpu_avg_samples 16
    default_color green
    default_outline_color white
    default_shade_color 000000
    draw_borders no
    draw_graph_borders yes
    draw_outline no
    draw_shades no
    use_xft yes
    font Noto Sans Regular:size=8
    xftfont Noto Sans Regular:size=8
    override_utf8_locale yes
    minimum_size 280 5
    maximum_width 350
    net_avg_samples 2
    no_buffers yes
    out_to_console no
    out_to_stderr no
    extra_newline no
    own_window yes
    own_window_class Conky
    own_window_type desktop
    own_window_hints undecorated,below,sticky,skip_taskbar,skip_pager
    double_buffer yes
    own_window_colour 000000
    own_window_argb_visual yes
    own_window_argb_value 0
    stippled_borders 0
    update_interval 1.0
    uppercase no
    use_spacer none
    show_graph_scale no
    show_graph_range no
    gap_x 10
    gap_y 50
    default_color ffffff
    default_shade_color 000000
    default_outline_color 000000

    TEXT
    ${voffset 3}${color EAEAEA}${font Noto Sans Regular:pixelsize=100}${time %H:%M}${voffset -26}${color EAEAEA}${font Noto Sans Regular:pixelsize=40} ${color #7fef94}${time %B} ${font}${voffset -3}${offset 2}${color #fdc92d}${font Noto Sans Regular:pixelsize=30}${time %d号} ${font}${voffset 25}${font Noto Sans Regular:pixelsize=30}${offset -55}${time %A}
    ${color}${hr 1}
    ${font Noto Sans Regular:pixelsize=25}${color #fdc92d}主机名称：${alignr}${color } Linux $kernel
    ${color #fdc92d}主机名称：${alignr}${color } $nodename
    ${color #fdc92d}内核版本：${alignr}${color }$kernel
    ${color #fdc92d}运行时间：${alignr}${color }$uptime

    ####系统####
    ${color lightblue}${font :bold:size=12}${color lightblue}系统${alignr 180}${color}${hr 1}
    ${font Noto Sans Regular:pixelsize=25}${color #fdc92d}CPU:${alignr} $color${cpu}% ${color #78af78}${cpubar 10,60}
    ${color #fdc92d}内存: $color$mem / $memmax ${color}${alignr}$memperc% ${color #78af78}${membar 10,60}
    ${color #fdc92d}根分区: ${color}${fs_free /} / ${fs_size /}${alignr}${color #78af78}${fs_bar 10,60 /}
    ${color #fdc92d}用户分区: $color${fs_free /home} / ${fs_size /home} ${color #78af78}${alignr}${fs_bar 10,60 /home}

    ####网络####
    ${color lightblue}${font :bold:size=12}${color lightblue}网络${alignr 180}${color}${hr 1}
    ${font Noto Sans Regular:pixelsize=25}${color #fdc92d}无线WIFI：${alignr}${color}${font :pixelsize=25} IP：${addr wlp1s0}
    ${color #7fef94}${font Noto Sans Regular:pixelsize=25}下载： ${downspeed wlp1s0} KiB/s ${alignr}上传： ${upspeedf wlp1s0} KiB/s
    ${color #C9C9C9}${downspeedgraph wlp1s0 20,100} ${alignr}${upspeedgraph wlp1s0 20,100}
    $color总计： ${totaldown wlp1s0} ${alignr}总计： ${totalup wlp1s0}

    ${font Noto Sans Regular:pixelsize=25}${color #fdc92d}本地连接：${alignr} ${color}${font :pixelsize=25} IP：${addr enp2s0}
    ${color #7fef94}${font Noto Sans Regular:pixelsize=25}下载： ${downspeedf enp2s0} KiB/s ${alignr} 上传： ${upspeedf enp2s0} KiB/s
    ${color #C9C9C9}${downspeedgraph enp2s0 20,100} ${alignr}${upspeedgraph enp2s0 20,100}
    $color总计： ${totaldown enp2s0} ${alignr}总计： ${totalup enp2s0}

    #随便写点啥＃
    $alignc ${color #056107}${font :bold:size=5}
    ]]>     + 一 下载conky

    使用pacman,或者yay，或者使用gnome的商店都可以下载：

    1
    2
    sudo pacman -S conky
    yay -S conky

    在家目录新建一个.conkyrc的文件，写上配置文件即可，效果如下：

    截屏-20220306110328-2560x1600

    二 设置开机自启

    比如在gnome中工具中设置开机自启，是没有效果的，因为conky需要在系统启动桌面加载好后才启动，因此需要一个延时，因此，在目录 ~/.config/autostart/目录中可以看到很多的开机自启的 desktop文件，因此只需要新建一个 sh设置休眠后启动即可：

    1. 在家目录新建一个 conky.sh
    1
    2
    #!/bin/bash
    sleep 5 && conky
    1. 在 ~/.config/autostart/新建一个 dekstop文件
    1
    2
    3
    4
    [Desktop Entry]
    Type=Application
    Name=conky
    Exec=/home/${你的用户名}/conky.sh

    这样conky就能正常的启动了

    三 相关文件：

    配置文件：

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
    45
    46
    47
    48
    49
    50
    51
    52
    53
    54
    55
    56
    57
    58
    59
    60
    61
    62
    63
    64
    65
    66
    67
    68
    69
    70
    71
    alignment top_right
    background no
    border_width 0
    cpu_avg_samples 16
    default_color green
    default_outline_color white
    default_shade_color 000000
    draw_borders no
    draw_graph_borders yes
    draw_outline no
    draw_shades no
    use_xft yes
    font Noto Sans Regular:size=8
    xftfont Noto Sans Regular:size=8
    override_utf8_locale yes
    minimum_size 280 5
    maximum_width 350
    net_avg_samples 2
    no_buffers yes
    out_to_console no
    out_to_stderr no
    extra_newline no
    own_window yes
    own_window_class Conky
    own_window_type desktop
    own_window_hints undecorated,below,sticky,skip_taskbar,skip_pager
    double_buffer yes
    own_window_colour 000000
    own_window_argb_visual yes
    own_window_argb_value 0
    stippled_borders 0
    update_interval 1.0
    uppercase no
    use_spacer none
    show_graph_scale no
    show_graph_range no
    gap_x 10
    gap_y 50
    default_color ffffff
    default_shade_color 000000
    default_outline_color 000000

    TEXT
    ${voffset 3}${color EAEAEA}${font Noto Sans Regular:pixelsize=100}${time %H:%M}${voffset -26}${color EAEAEA}${font Noto Sans Regular:pixelsize=40} ${color #7fef94}${time %B} ${font}${voffset -3}${offset 2}${color #fdc92d}${font Noto Sans Regular:pixelsize=30}${time %d号} ${font}${voffset 25}${font Noto Sans Regular:pixelsize=30}${offset -55}${time %A}
    ${color}${hr 1}
    ${font Noto Sans Regular:pixelsize=25}${color #fdc92d}主机名称：${alignr}${color } Linux $kernel
    ${color #fdc92d}主机名称：${alignr}${color } $nodename
    ${color #fdc92d}内核版本：${alignr}${color }$kernel
    ${color #fdc92d}运行时间：${alignr}${color }$uptime

    ####系统####
    ${color lightblue}${font :bold:size=12}${color lightblue}系统${alignr 180}${color}${hr 1}
    ${font Noto Sans Regular:pixelsize=25}${color #fdc92d}CPU:${alignr} $color${cpu}% ${color #78af78}${cpubar 10,60}
    ${color #fdc92d}内存: $color$mem / $memmax ${color}${alignr}$memperc% ${color #78af78}${membar 10,60}
    ${color #fdc92d}根分区: ${color}${fs_free /} / ${fs_size /}${alignr}${color #78af78}${fs_bar 10,60 /}
    ${color #fdc92d}用户分区: $color${fs_free /home} / ${fs_size /home} ${color #78af78}${alignr}${fs_bar 10,60 /home}

    ####网络####
    ${color lightblue}${font :bold:size=12}${color lightblue}网络${alignr 180}${color}${hr 1}
    ${font Noto Sans Regular:pixelsize=25}${color #fdc92d}无线WIFI：${alignr}${color}${font :pixelsize=25} IP：${addr wlp1s0}
    ${color #7fef94}${font Noto Sans Regular:pixelsize=25}下载： ${downspeed wlp1s0} KiB/s ${alignr}上传： ${upspeedf wlp1s0} KiB/s
    ${color #C9C9C9}${downspeedgraph wlp1s0 20,100} ${alignr}${upspeedgraph wlp1s0 20,100}
    $color总计： ${totaldown wlp1s0} ${alignr}总计： ${totalup wlp1s0}

    ${font Noto Sans Regular:pixelsize=25}${color #fdc92d}本地连接：${alignr} ${color}${font :pixelsize=25} IP：${addr enp2s0}
    ${color #7fef94}${font Noto Sans Regular:pixelsize=25}下载： ${downspeedf enp2s0} KiB/s ${alignr} 上传： ${upspeedf enp2s0} KiB/s
    ${color #C9C9C9}${downspeedgraph enp2s0 20,100} ${alignr}${upspeedgraph enp2s0 20,100}
    $color总计： ${totaldown enp2s0} ${alignr}总计： ${totalup enp2s0}

    #随便写点啥＃
    $alignc ${color #056107}${font :bold:size=5}
    ]]>     @@ -235,7 +235,7 @@ 2022-03-04T16:00:00.000Z 2022-03-04T16:00:00.000Z - 一 下载mysql

    无论是使用自带商店，还是pacman,yay都是可以的

    image-20220312145320693

    二 配置

    1. 打开终端初始化mysql：复制日志中打印的随机密码
    1
    sudo mysqld --initialize --user=mysql --basedir=/usr --datadir=/var/lib/mysql
    1. 然后启动mysql
    1
    2
    3
    4
    5
    6
    7
    8
    1.首先启动MySQL
    sudo systemctl start mysqld
    2.登录
    mysql -u root -p
    3.修改密码
    ALTER USER 'root'@'localhost' IDENTIFIED WITH caching_sha2_password BY 'root';
    4. 开机自启
    sudo systemctl enable mysqld.service
    1. 添加环境变量
    1
    2
    3
    4
    5
    1.编辑profile文件，配置环境变量
    export MYSQL_HOME=/usr/local/mysql
    export PATH=$PATH:$MYSQL_HOME/bin
    2.立即生效
    source /etc/profile
    1. 重启服务
    1
    2
    sudo systemctl restart mysqld
    mysql -u root -p
    ]]>     + 一 下载mysql

    无论是使用自带商店，还是pacman,yay都是可以的

    image-20220312145320693

    二 配置

    1. 打开终端初始化mysql：复制日志中打印的随机密码
    1
    sudo mysqld --initialize --user=mysql --basedir=/usr --datadir=/var/lib/mysql
    1. 然后启动mysql
    1
    2
    3
    4
    5
    6
    7
    8
    1.首先启动MySQL
    sudo systemctl start mysqld
    2.登录
    mysql -u root -p
    3.修改密码
    ALTER USER 'root'@'localhost' IDENTIFIED WITH caching_sha2_password BY 'root';
    4. 开机自启
    sudo systemctl enable mysqld.service
    1. 添加环境变量
    1
    2
    3
    4
    5
    1.编辑profile文件，配置环境变量
    export MYSQL_HOME=/usr/local/mysql
    export PATH=$PATH:$MYSQL_HOME/bin
    2.立即生效
    source /etc/profile
    1. 重启服务
    1
    2
    sudo systemctl restart mysqld
    mysql -u root -p
    ]]>     @@ -261,7 +261,7 @@ 2022-02-07T16:00:00.000Z 2022-02-07T16:00:00.000Z - 一 系统缩放

    Javafx针对系统缩放是有优化的，比如在我的小新pro13上默认缩放比例为200%，因此在默认情况下如下的代码：

    1
    2
    primaryStage.setWidth(500);
    primaryStage.setHeight(500);

    展示的宽高是1000x1000,而我们是否可以自己来进行控制呢？也就是很多桌面程序常见的功能：是否禁止屏幕DPI适配

    在Javafx中为我们提供了两个虚拟机参数：

    1
    2
    3
    4
    #  禁止屏幕缩放
    -Dprism.allowhidpi = false
    # 默认起始缩放比例
    ：-Dglass.win.minHiDPI = 1

    因此只需要在虚拟机启动的时候加上这个参数即可，而Java为我们提供了两种方式，分别是键值对，以及传入一个Properties对象，因此就可以将参数写入Properties文件中，就可以保存用户的设置。

    image-20211113180315027

    二 多倍图

    多倍图还是对系统缩放的优化，因为如果图片是固定大小的，如果高分屏缩放很可能是150%，200%，那这样图片就会出现模糊的效果，因此Javafx对此进行了优化只要图片名称后加入 @2x或者 @3x,注意只能是整数倍，就可以实现自动切换,比如下面的代码，加载的其实是 java@2x.png这张图片。

    1
    2
    3
    primaryStage.getIcons().add(
        new Image(getClass().getResource("/img/java.png").toExternalForm())
    );

    注意加载图片的方式要使用非流的方式，因为如果是流就固定的使用那张图片了。

    image-20211113191416012

    三 参考

    感谢B站LeeWyatt老师的讲解，这是视频地址 https://www.bilibili.com/video/BV113411k7Zr

    ]]>     + 一 系统缩放

    Javafx针对系统缩放是有优化的，比如在我的小新pro13上默认缩放比例为200%，因此在默认情况下如下的代码：

    1
    2
    primaryStage.setWidth(500);
    primaryStage.setHeight(500);

    展示的宽高是1000x1000,而我们是否可以自己来进行控制呢？也就是很多桌面程序常见的功能：是否禁止屏幕DPI适配

    在Javafx中为我们提供了两个虚拟机参数：

    1
    2
    3
    4
    #  禁止屏幕缩放
    -Dprism.allowhidpi = false
    # 默认起始缩放比例
    ：-Dglass.win.minHiDPI = 1

    因此只需要在虚拟机启动的时候加上这个参数即可，而Java为我们提供了两种方式，分别是键值对，以及传入一个Properties对象，因此就可以将参数写入Properties文件中，就可以保存用户的设置。

    二 多倍图

    多倍图还是对系统缩放的优化，因为如果图片是固定大小的，如果高分屏缩放很可能是150%，200%，那这样图片就会出现模糊的效果，因此Javafx对此进行了优化只要图片名称后加入 @2x或者 @3x,注意只能是整数倍，就可以实现自动切换,比如下面的代码，加载的其实是 java@2x.png这张图片。

    1
    2
    3
    primaryStage.getIcons().add(
        new Image(getClass().getResource("/img/java.png").toExternalForm())
    );

    注意加载图片的方式要使用非流的方式，因为如果是流就固定的使用那张图片了。

    三 参考

    感谢B站LeeWyatt的讲解，这是视频地址 https://www.bilibili.com/video/BV113411k7Zr

    ]]>     @@ -310,7 +310,7 @@ 2021-09-30T16:00:00.000Z 2021-09-30T16:00:00.000Z - Elasticsearch

    一、现存问题

    1.1 现存问题

    • 海量数据存储
    • 海量数据中完成全文检索
    • 如何实现关键字的高亮显示
    • 海量数据中完成统计操作

    1.2 ES的介绍（搜索引擎）

    Elasticsearch天生分布式，支持海量数据的存储，什么在大数据领域也有应用。

    Elasticsearch采用倒排索引的方式去全文检索数据，亿级数据中检索时间在毫秒级别。

    Elasticsearch提供了highlight高亮查询方式

    Elasticsearch提供了及其丰富和聚合函数

    Elasticsearch基于Java实现，搜索功能是基于先进最流行的Lucene实现……

    Elasticsearch本身是一套技术栈，ELK中的一个组件，ELK是收集日志的一套技术栈……

    中文官方地址：https://www.elastic.co/cn/elasticsearch/

    二、安装ES&Kibana&IK分词器

    采用docker运行Elasticsearch容器和Kibana容器

    2.1 安装ES&Kibana

    docker-compose.yml

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    version: "3.1"
    services:
      elasticsearch:
        image: 10.9.12.200:60001/elasticsearch:7.8.0
        # restart: always     # 只要docker启动，当前容器自动启动
        container_name: elasticsearch
        ports:
          - 9200:9200
        environment:
          - "discovery.type=single-node"
          - "ES_JAVA_OPTS=-Xms256m -Xmx256m"
        volumes:
          - ./data:/usr/share/elasticsearch/data
          - ./config/elasticsearch.yml:/usr/share/elasticsearch/config/elasticsearch.yml
          # 数据卷如果映射文件，需要提前在宿主机中创建好这个文件
      kibana:
        image: 10.9.12.200:60001/kibana:7.8.0
        # restart: always
        container_name: kibana
        ports:
          - 5601:5601
        environment:
          - elasticsearch_url=http://192.168.41.98:9200
        depends_on:
          - elasticsearch
        volumes:
          - ./config/kibana.yml:/usr/share/kibana/config/kibana.yml

    数据卷映射文件的内容

    elasticsearch.yml

    1
    2
    cluster.name: "docker-cluster"
    network.host: 0.0.0.0

    kibana.yml

    1
    2
    3
    4
    server.name: kibana
    server.host: "0"
    elasticsearch.hosts: [ "http://elasticsearch:9200" ]
    xpack.monitoring.ui.container.elasticsearch.enabled: true

    准备好上述内容后，docker-compose up -d

    检测启动是否成功：

    • Linux中输入：curl localhost:9200| 成功访问es |
      | :——————————————————————————: |
      | image-20210908144227670 |
    • Windows浏览器输入：192.168.41.98:5601| 启动成功 |
      | :——————————————————————————: |
      | image-20210908144352004 |

    2.2 安装IK分词器

    在kibana中基于RESTful的形式和ES交互

    需要在kibana上发送HTTP请求并携带JSON参数与ES交互

    在kibana的dev tools上测试分词器

    自带分词器对中文支持不好
    image-20210908150803352

    安装IK分词器

    下载地址：https://github.com/medcl/elasticsearch-analysis-ik/releases/download/v7.8.0/elasticsearch-analysis-ik-7.8.0.zip

    需要将zip压缩包解压的内容放到elasticsearch容器内部的 /usr/share/elasticsearch/plugins/ik_analyzer/

    修改docker-compose.yml文件，给elasticsearch添加了一个数据卷，映射到 /usr/local/docker/es_docker/plugins

    将zip压缩包扔到Linux中，并且放到数据库内的ik_analyzer目录里，通过unzip解压，重启elasticsearch容器

    再次通过IK分词器进行分词

    IK分词器效果
    image-20210908151137092

    三、ES的存储结构

    存储数据结构
    image-20210908153241240

    在ES服务中创建索引，并指定索引的主分片个数，以及备份分片个数。

    给索引设置存储数据的结构

    上述搞定后，可以向索引中添加文件……

    四、索引操作

    4.1 创建索引（不指定存储结构）

    1
    2
    3
    4
    5
    6
    7
    8
    # 创建索引
    PUT /book
    {
      "settings": {
        "number_of_shards": 5,
        "number_of_replicas": 1
      }
    }

    4.2 Elasticsearch数据类型

    • 字符串类型：

      • text：文本类型，一般用于搜索……
      • keyword：关键字，当前值不允许分词……

    • boolean类型：

      • boolean：没啥说的…………

    • 二进制类型：

      • binary：只支持encoding为Base64格式……

    • 数值类型：

      longA signed 64-bit integer with a minimum value of -263 and a maximum value of 263-1.
      integerA signed 32-bit integer with a minimum value of -231 and a maximum value of 231-1.
      shortA signed 16-bit integer with a minimum value of -32,768 and a maximum value of 32,767.
      byteA signed 8-bit integer with a minimum value of -128 and a maximum value of 127.
      doubleA double-precision 64-bit IEEE 754 floating point number, restricted to finite values.
      floatA single-precision 32-bit IEEE 754 floating point number, restricted to finite values.
      half_floatA half-precision 16-bit IEEE 754 floating point number, restricted to finite values.
      scaled_floatA floating point number that is backed by a long, scaled by a fixed double scaling factor.
      unsigned_longAn unsigned 64-bit integer with a minimum value of 0 and a maximum value of 264-1.

    • 时间类型：

      • date：代表时间类型，根据format设置格式化方式

        1
        "format": "yyyy-MM-dd || yyyy-MM-dd HH:mm:ss || strict_date_optional_time || epoch_millis"

    • ip类型：

      • ip：支持ipv4和ipv6类型

    • geo类型：

      • geo_point：支持经纬度存储……

    4.3 创建索引（结构化存储）

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    # 创建索引并设置存储结构
    PUT /novel
    {
      "settings": {
        "number_of_shards": 5,
        "number_of_replicas": 1
      },
      "mappings": {
        "properties": {
          "name": {
            "type": "text",    # 这样会使用默认的standard分词器，使用IK需要额外添加信息
            "analyzer": "ik_max_word"   # 添加这个才会使用IK分词器  
          },
          "author": {
            "type": "keyword"
          },
          "count": {
            "type": "long"
          },
          "onsale": {
            "type": "date",
            "format": "yyyy-MM-dd || yyyy-MM-dd HH:mm:ss || strict_date_optional_time || epoch_millis"
          }
        }
      }
    }

    创建成功，查看效果

    image-20210908163006480

    索引构建成功后

    • 主分片个数不允许修改……

    • 备份分片个数可以随意修改……

    • 索引中的属性类型是不允许修改的，但是可以追加属性……

      1
      2
      3
      4
      5
      6
      7
      8
      PUT /索引/_mapping
      {
        "properties": {
          "field": {
            "type": "datatype"
          }
        }
      }

    4.4 查看索引

    可以通过图形化界面查看

    REST查看

    1
    GET /索引

    4.5 删除索引

    可以通过图形化界面删除

    REST删除

    1
    DELETE /索引

    五、文档操作

    5.1 添加文档

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    # 添加文档，指定id添加，自动生成id
    POST /novel/_doc/    # 自动生成id
    {
      "name": "斗破苍穹",
      "author": "天残土豆",
      "count": 99999,
      "onsale": "2000-01-01"
    }

    POST /novel/_create/1     # 手动设置id
    {
      "name": "斗罗大陆",
      "author": "唐家三少",
      "count": 999999,
      "onsale": "2010-01-01"
    }

    5.2 修改文档

    1
    2
    3
    4
    5
    6
    7
    # 修改文档
    POST /novel/_update/1
    {
      "doc": {
        "name": "倒斗大陆"
      }
    }

    5.3 删除文档

    1
    2
    # 删除文档
    DELETE /novel/_doc/sXVVyHsB4k1tdHs36v4c

    5.4 根据id查询文档

    1
    2
    # 根据_id查询文档
    GET /novel/_doc/1
    查询返回结果
    image-20210909102845512

    六、Java操作ES

    Elasticsearch官方推出了两种Java操作的客户端，采用Rest-High-Level-Client。

    还有另一种与Elasticsearch交互客户端，可以写类似SQL的语句，与Elasticsearch交互。

    还有另一种与Elasticsearch交互客户端，SpringBoot整合的data-elasticsearch。

    6.1 Java连接Elasticsearch服务

    6.1.1 导入依赖
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    <dependencies>
        <dependency>
            <groupId>org.elasticsearch</groupId>
            <artifactId>elasticsearch</artifactId>
            <version>7.8.0</version>
        </dependency>
        <dependency>
            <groupId>org.elasticsearch.client</groupId>
            <artifactId>elasticsearch-rest-high-level-client</artifactId>
            <version>7.8.0</version>
        </dependency>
        <dependency>
            <groupId>junit</groupId>
            <artifactId>junit</artifactId>
            <version>4.12</version>
        </dependency>
    </dependencies>
    6.1.2 编写配置类
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    public class ESClientUtil {

        /**
         * 获取与ES交互的client对象
         * @return
         */
        public static RestHighLevelClient getClient(){

            HttpHost httpHost = new HttpHost("192.168.41.98",9200);

            RestClientBuilder restClientBuilder = RestClient.builder(httpHost);

            RestHighLevelClient restHighLevelClient = new RestHighLevelClient(restClientBuilder);

            return restHighLevelClient;
        }
    }

    6.2 添加文档

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    private final String CREATED = "created";

    @Test
    public void addDoc() throws IOException {
        //1. 创建指定的request对象
        IndexRequest indexRequest = new IndexRequest();

        //2. 设置索引信息，文档id
        indexRequest.index("novel");
        indexRequest.id("3");

        //3. 准备具体文档数据
        Map source = new HashMap<>(8);
        source.put("name","明朝");
        source.put("author","朱元璋");
        source.put("count",88888);
        // 时间推荐使用年月日时分秒格式，虽然kibana显示有问题，但是查询结果没问题
        source.put("onsale",new Date());
        indexRequest.source(source);

        //4. 将request用RestHighLevelClient发送出去，接收ES服务的响应
        IndexResponse resp = ESClientUtil.getClient().index(indexRequest, RequestOptions.DEFAULT);

        //5. 基于响应结果，判断添加是否成功
        if (CREATED.equals(resp.getResult().getLowercase())) {
            System.out.println("文档添加成功！！！");
        }
    }

    6.3 修改文档

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    @Test
    public void updateById() throws IOException {
        //1. 创建指定的request对象
        UpdateRequest request = new UpdateRequest();

        //2. 设置索引信息，文档id
        request.index("novel");
        request.id("3");

        //3. 准备具体文档数据
        Map<String, Object> source = new HashMap<>(4);
        source.put("name","明朝那么多事！");
        request.doc(source);

        //4. 将request用RestHighLevelClient发送出去，接收ES服务的响应
        UpdateResponse resp = ESClientUtil.getClient().update(request, RequestOptions.DEFAULT);

        //5. 基于响应结果，判断操作是否成功
        if (UPDATED.equals(resp.getResult().getLowercase())) {
            System.out.println("文档修改成功！");
        }
    }

    6.5 批量操作

    批量操作
    image-20210909113231519

    6.6 根据id查询文档

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    @Test
    public void get() throws IOException {
        //1. 创建指定的request对象
        GetRequest request = new GetRequest();

        //2. 设置索引信息，文档id
        request.index("novel");
        request.id("3");

        //3. 将request用RestHighLevelClient发送出去，接收ES服务的响应
        GetResponse resp = ESClientUtil.getClient().get(request, RequestOptions.DEFAULT);

        //4. 基于响应结果，判断操作是否成功
        System.out.println(resp.getSourceAsMap());
    }

    七、ES的基本查询

    7.1 倒排/反向索引

    倒排索引
    image-20210909142550809

    7.2 term查询

    term是ES最基本的查询，基本上所有的检索方式的底层都是term查询……

    7.2.1 term查询

    term查询对比MySQL的话，相当于：where column = ？

    term就是将用户输入的关键字与ES中的某一个属性做等值比较（当前属性的分词库）。

    term不会将用户输入的关键字进行分词，直接拿用户的完整关键字匹配分词库。

    term更适合查询keyword类型的属性

    查询执行流程
    image-20210909145205115
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    # term查询
    POST /sms_logs_index/_search
    {
      "query": {
        "term": {
          "smsContent": {
            "value": "滴滴单车平台"
          }
        }
      }
    }
    7.2.2 terms查询

    term查询对比MySQL的话，相当于：where column in (?,?,?)

    和terms一致，让用户输入多个关键字去匹配一个属性

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    [[terms查询]]
    POST /sms_logs_index/_search
    {
      "query": {
        "terms": {
          "smsContent": [
            "滴滴打车",
            "平台"
          ]
        }
      }
    }

    7.3 match查询

    match查询是使用频率最高的查询方式，match查询的底层还是term查询

    match查询会根据查询的field的属性，决定是否将用户输入的关键字进行分词

    • 如果field是keyword类型，match查询不会将用户输入的关键字进行分词
    • 如果field是text类型，match查询会将用户输入的关键字进行分词
    7.3.1 match查询

    用户输入一个关键字去匹配一个Field

    1
    2
    3
    4
    5
    6
    7
    8
    9
    # match查询
    POST /sms_logs_index/_search
    {
      "query": {
        "match": {
          "smsContent": "【招商银行】尊贵的王五先生"
        }
      }
    }
    7.3.2 match_all查询

    查询全部数据

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    # match_all 查询
    POST /sms_logs_index/_search
    {
      "query": {
        "match_all": {}
      },
      "from": 10,           # limit的第一个参数
      "size": 10,           # limit的第二个参数
      "sort": [            # 指定根据哪个field做排序，不根据es的分数进行排序……
        {
          "fee": {
            "order": "asc"
          }
        }
      ]
    }
    7.3.3 multi_match查询

    一个值匹配多个Field

    提升ES的查询命中率……

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    # multi_match
    POST /sms_logs_index/_search
    {
      "query": {
        "multi_match": {
          "query": "银行",
          "fields": ["corpName","smsContent"]
        }
      }
    }

    7.4 range查询

    range查询可以实现范围检索

    针对数值，时间和IP地址做范围查询

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    # range 查询
    # 数值范围
    POST /sms_logs_index/_search
    {
      "query": {
        "range": {
          "fee": {
            "gte": 1,   
            "lt": 5   
          }
        }
      }
    }

    # 时间范围,      时间格式规定好，推荐都用时分秒，skr~~
    POST /sms_logs_index/_search
    {
      "query": {
        "range": {
          "sendDate": {
            "gte": "2021-09-09 02:11:11",
            "lte": "2021-09-09 05:59:11",
            "format": "yyyy-MM-dd HH:mm:ss"
          }
        }
      }
    }

    # ip范围
    POST /sms_logs_index/_search
    {
      "query": {
        "range": {
          "ipAddr": {
            "gt": "9.126.2.8",
            "lte": "11.126.2.255"   
          }
        }
      }
    }

    7.5 Java与ES交互实现查询操作

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    public class Demo2Test {

        /**
         *  range范围查询，基于fee，查询1分到5分之间的
         */
        @Test
        public void rangeQuery() throws IOException {
            //1. req
            SearchRequest request = new SearchRequest();

            //2. index
            request.indices("sms_logs_index");

            //3. body
            SearchSourceBuilder sourceBuilder = new SearchSourceBuilder();

            sourceBuilder.query(QueryBuilders.rangeQuery("fee").gte(1).lte(5));
            sourceBuilder.from(0);
            sourceBuilder.size(2);
            sourceBuilder.sort("fee", SortOrder.ASC);

            request.source(sourceBuilder);

            //4. execute
            SearchResponse resp = ESClientUtil.getClient().search(request, RequestOptions.DEFAULT);

            //5. source
            for (SearchHit hit : resp.getHits().getHits()) {
                System.out.println(hit.getSourceAsMap());
            }

        }
    }

    八、ES的其他查询

    8.1 ids查询

    ids是根据多个_id的值，直接拉取分片上的数据……

    1
    2
    3
    4
    5
    6
    7
    8
    9
    # ids查询
    POST /sms_logs_index/_search
    {
      "query": {
        "ids": {
          "values": ["1","2","3"]
        }
      }
    }

    8.2 prefix查询

    将用户输入的关键字去分词库中匹配term的前缀……

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    # prefix查询
    POST /sms_logs_index/_search
    {
      "query": {
        "prefix": {
          "corpName": {
            "value": "养车"
          }
        }
      }
    }

    8.3 fuzzy查询

    真正的模块查询，允许用户输入的关键字有错别字（错别字尽量出现在后面……）

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    # fuzzy查询
    POST /sms_logs_index/_search
    {
      "query": {
        "fuzzy": {
          "corpName": {
            "value": "盒马生鲜"
          }
        }
      }
    }

    8.4 wildcard查询

    和MySQL中的like查询一样的通配、占位查询，

    • MySQL%代表通配，_代表占位
    • wildcard中*代表通配，？代表占位
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    # wildcard查询
    POST /sms_logs_index/_search
    {
      "query": {
        "wildcard": {
          "corpName": {
            "value": "中国????????"
          }
        }
      }
    }

    8.5 regexp查询

    基于正则表达式匹配分词库中的term

    1
    2
    3
    4
    5
    6
    7
    8
    9
    # regexp查询
    POST /sms_logs_index/_search
    {
      "query": {
        "regexp": {
          "mobile": "1390[0-9]{7}"
        }
      }
    }

    九、ES的复合查询

    基于ES的query查询数据时，暂时只能一个条件一个条件的使用，没有办法将多个条件以一定的逻辑方式组合在一起。

    ES也支持查询方式，允许多个条件封装到一起，这种查询叫bool查询

    只要公司项目用ES做全文检索，100%用bool查询

    bool查询提供了四种组合方式：

    • must：等于MySQL的and
    • should：等于MySQL的or
    • must_not：等于MySQL的!
    • filter：在query的筛选基础上，再次做筛选，这次筛选不会计算分数
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
    45
    46
    47
    48
    49
    50
    51
    52
    53
    54
    55
    56
    57
    58
    59
    # bool查询
    # smsContent中包含先生  并且  fee大于等于5分
    # 省份要么是北京，要么是上海
    # 公司名称不是     滴滴打车
    # 将上述结果再次筛选出手机号为 13900000000的
    POST /sms_logs_index/_search
    {
      "query": {
        "bool": {
          "must": [
            {
              "match": {
                "smsContent": "先生"
              }
            },
            {
              "range": {
                "fee": {
                  "gte": 5
                }
              }
            }
          ],
          "should": [
            {
              "term": {
                "province": {
                  "value": "北京"
                }
              }
            },
            {
              "term": {
                "province": {
                  "value": "西安"
                }
              }
            }
          ],
          "must_not": [
            {
              "term": {
                "corpName": {
                  "value": "滴滴打车"
                }
              }
            }
          ],
          "filter": [
            {
              "term": {
                "mobile": "13900000000"
              }
            }
          ],
          "minimum_should_match": 0
        }
      }
    }

    十、ES的高亮查询

    将用户输入的关键字匹配项，以高亮的形式返回。

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    # 高亮查询
    POST /sms_logs_index/_search
    {
      "query": {
        "term": {
          "corpName": "滴滴打车"
        }
      },
      "highlight": {
        "pre_tags": "<span style='color:red;'>",
        "post_tags": "</span>",
        "fragment_size": 20,
        "fields": [
          {"corpName": {}}
        ]
      }
    }

    Java代码

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    public class Demo2Test {

        @Test
        public void matchQuery() throws IOException {
            //1. req
            SearchRequest request = new SearchRequest();

            //2. index
            request.indices("sms_logs_index");

            //3. body
            SearchSourceBuilder sourceBuilder = new SearchSourceBuilder();

            sourceBuilder.query(QueryBuilders.matchQuery("smsContent","先生"));
            sourceBuilder.from(0);
            sourceBuilder.size(2);
            sourceBuilder.sort("fee", SortOrder.ASC);
            HighlightBuilder highligter = new HighlightBuilder();
            highligter.fragmentSize(20);
            highligter.field("smsContent");
            highligter.preTags("<span style='color:red;'>");
            highligter.postTags("</span>");
            sourceBuilder.highlighter(highligter);

            request.source(sourceBuilder);

            //4. execute
            SearchResponse resp = ESClientUtil.getClient().search(request, RequestOptions.DEFAULT);

            //5. source
            for (SearchHit hit : resp.getHits().getHits()) {
                System.out.println(hit.getSourceAsMap());
                Map<String, HighlightField> highlightFields = hit.getHighlightFields();
                HighlightField smsContent = highlightFields.get("smsContent");
                if(smsContent != null){
                    String highlight = smsContent.getFragments()[0].toString();
                    System.out.println("highlight:" + highlight);
                }
            }
        }
    }

    十一、ES的聚合函数ES

    提供了丰富的聚合函数在海量数据中做统计

    想MySQL提供的5种聚合函数，ES都支持……

    ES提供的聚合函数特别多，挑几个常用的……

    11.1 Extended_stats

    查询出指定属性的count，min，max，sum，avg，平方和，方差，标准偏差…………

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    # 聚合函数-Extended stats
    POST /sms_logs_index/_search
    {
      "aggs": {
        "heiheihei": {
          "extended_stats": {
            "field": "fee"
          }
        }
      }
    }

    11.2 Cardinality

    针对非text类型的属性做 去重计数

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    # 聚合函数-Cardinality
    POST /sms_logs_index/_search
    {
      "aggs": {
        "xixixi": {
          "cardinality": {
            "field": "createDate"
          }
        }
      }
    }

    11.3 Range统计

    ES中针对Range范围统计提供了Range，DateRange，IPRange

    可以统计范围内出现数据的数量。

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    # 聚合函数-Range
    POST /sms_logs_index/_search
    {
      "aggs": {
        "hahaha": {
          "range": {
            "field": "fee",
            "ranges": [
              {"to": 5},
              {"from": 5,"to": 8},
              {"from": 8}
            ]
          }
        }
      }
    }

    # 聚合函数-DateRange
    POST /sms_logs_index/_search
    {
      "aggs": {
        "hehehe": {
          "date_range": {
            "field": "createDate",
            "ranges": [
              {"to": "2021-09-09 04:00:00"},
              {"from": "2021-09-09 04:00:00","to": "2021-09-09 12:00:00"},
              {"from": "2021-09-09 12:00:00"}
            ],
            "format": "yyyy-MM-dd HH:mm:ss"
          }
        }
      }
    }

    11.4 histogram

    根据指定的属性和间隔interval做范围统计

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    # 聚合函数-histogram
    POST /sms_logs_index/_search
    {
      "aggs": {
        "eee": {
          "histogram": {
            "field": "fee",
            "interval": 1
          }
        }
      }
    }


    # 聚合函数-date_histogram
    POST /sms_logs_index/_search
    {
      "aggs": {
        "yesyesyes": {
          "date_histogram": {
            "field": "createDate",
            "interval": "minute"
          }
        }
      }
    }

    11.5 terms

    统计某个属性不同值出现的次数，并且可以基于order做排序，基于size做筛选条数

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    # 聚合函数-terms
    POST /sms_logs_index/_search
    {
      "aggs": {
        "yiku": {
          "terms": {
            "field": "fee",
            "size": 2,
            "order": {
              "_count": "asc"
            }
          }
        }
      }
    }

    11.6 Java代码实现

    向下转型问题！

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    /**
     * 聚合函数Java实现
     * @author zjw
     */
    public class Demo3Test {


        @Test
        public void terms() throws IOException {
            // request
            SearchRequest request = new SearchRequest();

            // index
            request.indices("sms_logs_index");

            // body
            SearchSourceBuilder sourceBuilder = new SearchSourceBuilder();
            sourceBuilder.aggregation(AggregationBuilders.terms("agg").field("fee").size(10).order(BucketOrder.count(false)));
            request.source(sourceBuilder);

            // send,resp
            SearchResponse resp = ESClientUtil.getClient().search(request, RequestOptions.DEFAULT);

            // getData
            Aggregations aggregations = resp.getAggregations();
            // 根据聚合函数的查询条件向下转型
            Terms agg = aggregations.get("agg");

            for (Terms.Bucket bucket : agg.getBuckets()) {
                System.out.println(bucket.getKey() +"," + bucket.getDocCount());
            }

        }
    }

    十二、ES的GEO查询

    GEO查询就是基于经纬度做筛选。

    一般经纬度筛选无法计算分数，会将基于GEO的查询统统滴放到filter中。

    创建一个索引，指定一个属性的存储类型是geo_point

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
    45
    46
    47
    # 玩GEO，创建索引
    PUT /map 
    {
      "settings": {
        "number_of_shards": 3,
        "number_of_replicas": 1
      },
      "mappings": {
        "properties": {
          "name": {
            "type": "keyword"
          },
          "location": {
            "type": "geo_point"
          }
        }
      }
    }


    # 插入三条数据 北科，生命科学园地铁，巩华城地铁
    POST /map/_create/1
    {
      "name": "北科",
      "location": {
        "lat": 40.125318,
        "lon": 116.258312
      }
    }

    POST /map/_create/2
    {
      "name": "生命科学园地铁",
      "location": {
        "lat": 40.101109,
        "lon": 116.300721
      }
    }

    POST /map/_create/3
    {
      "name": "巩华城地铁",
      "location": {
        "lat": 40.13731,
        "lon": 116.300344
      }
    }

    GEO在ES中提供了三种查询方式

    geo_distance
    image-20210910114724159
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    # 一个点，一个距离（半径）查询圆内数据
    POST /map/_search
    {
      "query": {
        "bool": {
          "filter": [
            {
              "geo_distance": {
                "distance": 4700,
                "location": {
                  "lat": 40.125318,
                  "lon": 116.258312
                }
              }
            }
          ]
        }
      }
    }
    geo_bounding_box
    image-20210910114910950
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    # 两个点确定矩形
    POST /map/_search
    {
      "query": {
        "bool": {
          "filter": [
            {
              "geo_bounding_box": {
                "location": {
                  "top_left": {
                    "lat": 40.109973,
                    "lon": 116.278192
                  },
                  "bottom_right": {
                    "lat": 40.093416,
                    "lon": 116.32131
                  }
                }
              }
            }
          ]
        }
      }
    }
    geo_polygon
    image-20210910115101114
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    # 多个点确定多边形
    POST /map/_search
    {
      "query": {
        "bool": {
          "filter": [
            {
              "geo_polygon": {
                "location": {
                  "points": [
                    {
                      "lat": 40.143736,
                      "lon": 116.29084
                    },
                    {
                      "lat": 40.127132,
                      "lon": 116.306003
                    },
                    {
                      "lat": 40.148479,
                      "lon": 116.313549
                    }
                  ]
                }
              }
            }
          ]
        }
      }
    }
    ]]>     + Elasticsearch

    一、现存问题

    1.1 现存问题

    • 海量数据存储
    • 海量数据中完成全文检索
    • 如何实现关键字的高亮显示
    • 海量数据中完成统计操作

    1.2 ES的介绍（搜索引擎）

    Elasticsearch天生分布式，支持海量数据的存储，什么在大数据领域也有应用。

    Elasticsearch采用倒排索引的方式去全文检索数据，亿级数据中检索时间在毫秒级别。

    Elasticsearch提供了highlight高亮查询方式

    Elasticsearch提供了及其丰富和聚合函数

    Elasticsearch基于Java实现，搜索功能是基于先进最流行的Lucene实现……

    Elasticsearch本身是一套技术栈，ELK中的一个组件，ELK是收集日志的一套技术栈……

    中文官方地址：https://www.elastic.co/cn/elasticsearch/

    二、安装ES&Kibana&IK分词器

    采用docker运行Elasticsearch容器和Kibana容器

    2.1 安装ES&Kibana

    docker-compose.yml

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    version: "3.1"
    services:
      elasticsearch:
        image: 10.9.12.200:60001/elasticsearch:7.8.0
        # restart: always     # 只要docker启动，当前容器自动启动
        container_name: elasticsearch
        ports:
          - 9200:9200
        environment:
          - "discovery.type=single-node"
          - "ES_JAVA_OPTS=-Xms256m -Xmx256m"
        volumes:
          - ./data:/usr/share/elasticsearch/data
          - ./config/elasticsearch.yml:/usr/share/elasticsearch/config/elasticsearch.yml
          # 数据卷如果映射文件，需要提前在宿主机中创建好这个文件
      kibana:
        image: 10.9.12.200:60001/kibana:7.8.0
        # restart: always
        container_name: kibana
        ports:
          - 5601:5601
        environment:
          - elasticsearch_url=http://192.168.41.98:9200
        depends_on:
          - elasticsearch
        volumes:
          - ./config/kibana.yml:/usr/share/kibana/config/kibana.yml

    数据卷映射文件的内容

    elasticsearch.yml

    1
    2
    cluster.name: "docker-cluster"
    network.host: 0.0.0.0

    kibana.yml

    1
    2
    3
    4
    server.name: kibana
    server.host: "0"
    elasticsearch.hosts: [ "http://elasticsearch:9200" ]
    xpack.monitoring.ui.container.elasticsearch.enabled: true

    准备好上述内容后，docker-compose up -d

    检测启动是否成功：

    2.2 安装IK分词器

    在kibana中基于RESTful的形式和ES交互

    需要在kibana上发送HTTP请求并携带JSON参数与ES交互

    在kibana的dev tools上测试分词器

    安装IK分词器

    下载地址：https://github.com/medcl/elasticsearch-analysis-ik/releases/download/v7.8.0/elasticsearch-analysis-ik-7.8.0.zip

    需要将zip压缩包解压的内容放到elasticsearch容器内部的 /usr/share/elasticsearch/plugins/ik_analyzer/

    修改docker-compose.yml文件，给elasticsearch添加了一个数据卷，映射到 /usr/local/docker/es_docker/plugins

    将zip压缩包扔到Linux中，并且放到数据库内的ik_analyzer目录里，通过unzip解压，重启elasticsearch容器

    再次通过IK分词器进行分词

    三、ES的存储结构

    在ES服务中创建索引，并指定索引的主分片个数，以及备份分片个数。

    给索引设置存储数据的结构

    上述搞定后，可以向索引中添加文件……

    四、索引操作

    4.1 创建索引（不指定存储结构）

    1
    2
    3
    4
    5
    6
    7
    8
    # 创建索引
    PUT /book
    {
      "settings": {
        "number_of_shards": 5,
        "number_of_replicas": 1
      }
    }

    4.2 Elasticsearch数据类型

    • 字符串类型：

      • text：文本类型，一般用于搜索……
      • keyword：关键字，当前值不允许分词……

    • boolean类型：

      • boolean：没啥说的…………

    • 二进制类型：

      • binary：只支持encoding为Base64格式……

    • 数值类型：

      longA signed 64-bit integer with a minimum value of -263 and a maximum value of 263-1.
      integerA signed 32-bit integer with a minimum value of -231 and a maximum value of 231-1.
      shortA signed 16-bit integer with a minimum value of -32,768 and a maximum value of 32,767.
      byteA signed 8-bit integer with a minimum value of -128 and a maximum value of 127.
      doubleA double-precision 64-bit IEEE 754 floating point number, restricted to finite values.
      floatA single-precision 32-bit IEEE 754 floating point number, restricted to finite values.
      half_floatA half-precision 16-bit IEEE 754 floating point number, restricted to finite values.
      scaled_floatA floating point number that is backed by a long, scaled by a fixed double scaling factor.
      unsigned_longAn unsigned 64-bit integer with a minimum value of 0 and a maximum value of 264-1.

    • 时间类型：

      • date：代表时间类型，根据format设置格式化方式

        1
        "format": "yyyy-MM-dd || yyyy-MM-dd HH:mm:ss || strict_date_optional_time || epoch_millis"

    • ip类型：

      • ip：支持ipv4和ipv6类型

    • geo类型：

      • geo_point：支持经纬度存储……

    4.3 创建索引（结构化存储）

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    # 创建索引并设置存储结构
    PUT /novel
    {
      "settings": {
        "number_of_shards": 5,
        "number_of_replicas": 1
      },
      "mappings": {
        "properties": {
          "name": {
            "type": "text",    # 这样会使用默认的standard分词器，使用IK需要额外添加信息
            "analyzer": "ik_max_word"   # 添加这个才会使用IK分词器  
          },
          "author": {
            "type": "keyword"
          },
          "count": {
            "type": "long"
          },
          "onsale": {
            "type": "date",
            "format": "yyyy-MM-dd || yyyy-MM-dd HH:mm:ss || strict_date_optional_time || epoch_millis"
          }
        }
      }
    }

    创建成功，查看效果

    索引构建成功后

    • 主分片个数不允许修改……

    • 备份分片个数可以随意修改……

    • 索引中的属性类型是不允许修改的，但是可以追加属性……

      1
      2
      3
      4
      5
      6
      7
      8
      PUT /索引/_mapping
      {
        "properties": {
          "field": {
            "type": "datatype"
          }
        }
      }

    4.4 查看索引

    可以通过图形化界面查看

    REST查看

    1
    GET /索引

    4.5 删除索引

    可以通过图形化界面删除

    REST删除

    1
    DELETE /索引

    五、文档操作

    5.1 添加文档

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    # 添加文档，指定id添加，自动生成id
    POST /novel/_doc/    # 自动生成id
    {
      "name": "斗破苍穹",
      "author": "天残土豆",
      "count": 99999,
      "onsale": "2000-01-01"
    }

    POST /novel/_create/1     # 手动设置id
    {
      "name": "斗罗大陆",
      "author": "唐家三少",
      "count": 999999,
      "onsale": "2010-01-01"
    }

    5.2 修改文档

    1
    2
    3
    4
    5
    6
    7
    # 修改文档
    POST /novel/_update/1
    {
      "doc": {
        "name": "倒斗大陆"
      }
    }

    5.3 删除文档

    1
    2
    # 删除文档
    DELETE /novel/_doc/sXVVyHsB4k1tdHs36v4c

    5.4 根据id查询文档

    1
    2
    # 根据_id查询文档
    GET /novel/_doc/1

    六、Java操作ES

    Elasticsearch官方推出了两种Java操作的客户端，采用Rest-High-Level-Client。

    还有另一种与Elasticsearch交互客户端，可以写类似SQL的语句，与Elasticsearch交互。

    还有另一种与Elasticsearch交互客户端，SpringBoot整合的data-elasticsearch。

    6.1 Java连接Elasticsearch服务

    6.1.1 导入依赖
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    <dependencies>
        <dependency>
            <groupId>org.elasticsearch</groupId>
            <artifactId>elasticsearch</artifactId>
            <version>7.8.0</version>
        </dependency>
        <dependency>
            <groupId>org.elasticsearch.client</groupId>
            <artifactId>elasticsearch-rest-high-level-client</artifactId>
            <version>7.8.0</version>
        </dependency>
        <dependency>
            <groupId>junit</groupId>
            <artifactId>junit</artifactId>
            <version>4.12</version>
        </dependency>
    </dependencies>
    6.1.2 编写配置类
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    public class ESClientUtil {

        /**
         * 获取与ES交互的client对象
         * @return
         */
        public static RestHighLevelClient getClient(){

            HttpHost httpHost = new HttpHost("192.168.41.98",9200);

            RestClientBuilder restClientBuilder = RestClient.builder(httpHost);

            RestHighLevelClient restHighLevelClient = new RestHighLevelClient(restClientBuilder);

            return restHighLevelClient;
        }
    }

    6.2 添加文档

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    private final String CREATED = "created";

    @Test
    public void addDoc() throws IOException {
        //1. 创建指定的request对象
        IndexRequest indexRequest = new IndexRequest();

        //2. 设置索引信息，文档id
        indexRequest.index("novel");
        indexRequest.id("3");

        //3. 准备具体文档数据
        Map source = new HashMap<>(8);
        source.put("name","明朝");
        source.put("author","朱元璋");
        source.put("count",88888);
        // 时间推荐使用年月日时分秒格式，虽然kibana显示有问题，但是查询结果没问题
        source.put("onsale",new Date());
        indexRequest.source(source);

        //4. 将request用RestHighLevelClient发送出去，接收ES服务的响应
        IndexResponse resp = ESClientUtil.getClient().index(indexRequest, RequestOptions.DEFAULT);

        //5. 基于响应结果，判断添加是否成功
        if (CREATED.equals(resp.getResult().getLowercase())) {
            System.out.println("文档添加成功！！！");
        }
    }

    6.3 修改文档

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    @Test
    public void updateById() throws IOException {
        //1. 创建指定的request对象
        UpdateRequest request = new UpdateRequest();

        //2. 设置索引信息，文档id
        request.index("novel");
        request.id("3");

        //3. 准备具体文档数据
        Map<String, Object> source = new HashMap<>(4);
        source.put("name","明朝那么多事！");
        request.doc(source);

        //4. 将request用RestHighLevelClient发送出去，接收ES服务的响应
        UpdateResponse resp = ESClientUtil.getClient().update(request, RequestOptions.DEFAULT);

        //5. 基于响应结果，判断操作是否成功
        if (UPDATED.equals(resp.getResult().getLowercase())) {
            System.out.println("文档修改成功！");
        }
    }

    6.5 批量操作

    6.6 根据id查询文档

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    @Test
    public void get() throws IOException {
        //1. 创建指定的request对象
        GetRequest request = new GetRequest();

        //2. 设置索引信息，文档id
        request.index("novel");
        request.id("3");

        //3. 将request用RestHighLevelClient发送出去，接收ES服务的响应
        GetResponse resp = ESClientUtil.getClient().get(request, RequestOptions.DEFAULT);

        //4. 基于响应结果，判断操作是否成功
        System.out.println(resp.getSourceAsMap());
    }

    七、ES的基本查询

    7.1 倒排/反向索引

    7.2 term查询

    term是ES最基本的查询，基本上所有的检索方式的底层都是term查询……

    7.2.1 term查询

    term查询对比MySQL的话，相当于：where column = ？

    term就是将用户输入的关键字与ES中的某一个属性做等值比较（当前属性的分词库）。

    term不会将用户输入的关键字进行分词，直接拿用户的完整关键字匹配分词库。

    term更适合查询keyword类型的属性

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    # term查询
    POST /sms_logs_index/_search
    {
      "query": {
        "term": {
          "smsContent": {
            "value": "滴滴单车平台"
          }
        }
      }
    }
    7.2.2 terms查询

    term查询对比MySQL的话，相当于：where column in (?,?,?)

    和terms一致，让用户输入多个关键字去匹配一个属性

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    [[terms查询]]
    POST /sms_logs_index/_search
    {
      "query": {
        "terms": {
          "smsContent": [
            "滴滴打车",
            "平台"
          ]
        }
      }
    }

    7.3 match查询

    match查询是使用频率最高的查询方式，match查询的底层还是term查询

    match查询会根据查询的field的属性，决定是否将用户输入的关键字进行分词

    • 如果field是keyword类型，match查询不会将用户输入的关键字进行分词
    • 如果field是text类型，match查询会将用户输入的关键字进行分词
    7.3.1 match查询

    用户输入一个关键字去匹配一个Field

    1
    2
    3
    4
    5
    6
    7
    8
    9
    # match查询
    POST /sms_logs_index/_search
    {
      "query": {
        "match": {
          "smsContent": "【招商银行】尊贵的王五先生"
        }
      }
    }
    7.3.2 match_all查询

    查询全部数据

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    # match_all 查询
    POST /sms_logs_index/_search
    {
      "query": {
        "match_all": {}
      },
      "from": 10,           # limit的第一个参数
      "size": 10,           # limit的第二个参数
      "sort": [            # 指定根据哪个field做排序，不根据es的分数进行排序……
        {
          "fee": {
            "order": "asc"
          }
        }
      ]
    }
    7.3.3 multi_match查询

    一个值匹配多个Field

    提升ES的查询命中率……

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    # multi_match
    POST /sms_logs_index/_search
    {
      "query": {
        "multi_match": {
          "query": "银行",
          "fields": ["corpName","smsContent"]
        }
      }
    }

    7.4 range查询

    range查询可以实现范围检索

    针对数值，时间和IP地址做范围查询

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    # range 查询
    # 数值范围
    POST /sms_logs_index/_search
    {
      "query": {
        "range": {
          "fee": {
            "gte": 1,   
            "lt": 5   
          }
        }
      }
    }

    # 时间范围,      时间格式规定好，推荐都用时分秒，skr~~
    POST /sms_logs_index/_search
    {
      "query": {
        "range": {
          "sendDate": {
            "gte": "2021-09-09 02:11:11",
            "lte": "2021-09-09 05:59:11",
            "format": "yyyy-MM-dd HH:mm:ss"
          }
        }
      }
    }

    # ip范围
    POST /sms_logs_index/_search
    {
      "query": {
        "range": {
          "ipAddr": {
            "gt": "9.126.2.8",
            "lte": "11.126.2.255"   
          }
        }
      }
    }

    7.5 Java与ES交互实现查询操作

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    public class Demo2Test {

        /**
         *  range范围查询，基于fee，查询1分到5分之间的
         */
        @Test
        public void rangeQuery() throws IOException {
            //1. req
            SearchRequest request = new SearchRequest();

            //2. index
            request.indices("sms_logs_index");

            //3. body
            SearchSourceBuilder sourceBuilder = new SearchSourceBuilder();

            sourceBuilder.query(QueryBuilders.rangeQuery("fee").gte(1).lte(5));
            sourceBuilder.from(0);
            sourceBuilder.size(2);
            sourceBuilder.sort("fee", SortOrder.ASC);

            request.source(sourceBuilder);

            //4. execute
            SearchResponse resp = ESClientUtil.getClient().search(request, RequestOptions.DEFAULT);

            //5. source
            for (SearchHit hit : resp.getHits().getHits()) {
                System.out.println(hit.getSourceAsMap());
            }

        }
    }

    八、ES的其他查询

    8.1 ids查询

    ids是根据多个_id的值，直接拉取分片上的数据……

    1
    2
    3
    4
    5
    6
    7
    8
    9
    # ids查询
    POST /sms_logs_index/_search
    {
      "query": {
        "ids": {
          "values": ["1","2","3"]
        }
      }
    }

    8.2 prefix查询

    将用户输入的关键字去分词库中匹配term的前缀……

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    # prefix查询
    POST /sms_logs_index/_search
    {
      "query": {
        "prefix": {
          "corpName": {
            "value": "养车"
          }
        }
      }
    }

    8.3 fuzzy查询

    真正的模块查询，允许用户输入的关键字有错别字（错别字尽量出现在后面……）

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    # fuzzy查询
    POST /sms_logs_index/_search
    {
      "query": {
        "fuzzy": {
          "corpName": {
            "value": "盒马生鲜"
          }
        }
      }
    }

    8.4 wildcard查询

    和MySQL中的like查询一样的通配、占位查询，

    • MySQL%代表通配，_代表占位
    • wildcard中*代表通配，？代表占位
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    # wildcard查询
    POST /sms_logs_index/_search
    {
      "query": {
        "wildcard": {
          "corpName": {
            "value": "中国????????"
          }
        }
      }
    }

    8.5 regexp查询

    基于正则表达式匹配分词库中的term

    1
    2
    3
    4
    5
    6
    7
    8
    9
    # regexp查询
    POST /sms_logs_index/_search
    {
      "query": {
        "regexp": {
          "mobile": "1390[0-9]{7}"
        }
      }
    }

    九、ES的复合查询

    基于ES的query查询数据时，暂时只能一个条件一个条件的使用，没有办法将多个条件以一定的逻辑方式组合在一起。

    ES也支持查询方式，允许多个条件封装到一起，这种查询叫bool查询

    只要公司项目用ES做全文检索，100%用bool查询

    bool查询提供了四种组合方式：

    • must：等于MySQL的and
    • should：等于MySQL的or
    • must_not：等于MySQL的!
    • filter：在query的筛选基础上，再次做筛选，这次筛选不会计算分数
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
    45
    46
    47
    48
    49
    50
    51
    52
    53
    54
    55
    56
    57
    58
    59
    # bool查询
    # smsContent中包含先生  并且  fee大于等于5分
    # 省份要么是北京，要么是上海
    # 公司名称不是     滴滴打车
    # 将上述结果再次筛选出手机号为 13900000000的
    POST /sms_logs_index/_search
    {
      "query": {
        "bool": {
          "must": [
            {
              "match": {
                "smsContent": "先生"
              }
            },
            {
              "range": {
                "fee": {
                  "gte": 5
                }
              }
            }
          ],
          "should": [
            {
              "term": {
                "province": {
                  "value": "北京"
                }
              }
            },
            {
              "term": {
                "province": {
                  "value": "西安"
                }
              }
            }
          ],
          "must_not": [
            {
              "term": {
                "corpName": {
                  "value": "滴滴打车"
                }
              }
            }
          ],
          "filter": [
            {
              "term": {
                "mobile": "13900000000"
              }
            }
          ],
          "minimum_should_match": 0
        }
      }
    }

    十、ES的高亮查询

    将用户输入的关键字匹配项，以高亮的形式返回。

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    # 高亮查询
    POST /sms_logs_index/_search
    {
      "query": {
        "term": {
          "corpName": "滴滴打车"
        }
      },
      "highlight": {
        "pre_tags": "<span style='color:red;'>",
        "post_tags": "</span>",
        "fragment_size": 20,
        "fields": [
          {"corpName": {}}
        ]
      }
    }

    Java代码

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    public class Demo2Test {

        @Test
        public void matchQuery() throws IOException {
            //1. req
            SearchRequest request = new SearchRequest();

            //2. index
            request.indices("sms_logs_index");

            //3. body
            SearchSourceBuilder sourceBuilder = new SearchSourceBuilder();

            sourceBuilder.query(QueryBuilders.matchQuery("smsContent","先生"));
            sourceBuilder.from(0);
            sourceBuilder.size(2);
            sourceBuilder.sort("fee", SortOrder.ASC);
            HighlightBuilder highligter = new HighlightBuilder();
            highligter.fragmentSize(20);
            highligter.field("smsContent");
            highligter.preTags("<span style='color:red;'>");
            highligter.postTags("</span>");
            sourceBuilder.highlighter(highligter);

            request.source(sourceBuilder);

            //4. execute
            SearchResponse resp = ESClientUtil.getClient().search(request, RequestOptions.DEFAULT);

            //5. source
            for (SearchHit hit : resp.getHits().getHits()) {
                System.out.println(hit.getSourceAsMap());
                Map<String, HighlightField> highlightFields = hit.getHighlightFields();
                HighlightField smsContent = highlightFields.get("smsContent");
                if(smsContent != null){
                    String highlight = smsContent.getFragments()[0].toString();
                    System.out.println("highlight:" + highlight);
                }
            }
        }
    }

    十一、ES的聚合函数ES

    提供了丰富的聚合函数在海量数据中做统计

    想MySQL提供的5种聚合函数，ES都支持……

    ES提供的聚合函数特别多，挑几个常用的……

    11.1 Extended_stats

    查询出指定属性的count，min，max，sum，avg，平方和，方差，标准偏差…………

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    # 聚合函数-Extended stats
    POST /sms_logs_index/_search
    {
      "aggs": {
        "heiheihei": {
          "extended_stats": {
            "field": "fee"
          }
        }
      }
    }

    11.2 Cardinality

    针对非text类型的属性做 去重计数

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    # 聚合函数-Cardinality
    POST /sms_logs_index/_search
    {
      "aggs": {
        "xixixi": {
          "cardinality": {
            "field": "createDate"
          }
        }
      }
    }

    11.3 Range统计

    ES中针对Range范围统计提供了Range，DateRange，IPRange

    可以统计范围内出现数据的数量。

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    # 聚合函数-Range
    POST /sms_logs_index/_search
    {
      "aggs": {
        "hahaha": {
          "range": {
            "field": "fee",
            "ranges": [
              {"to": 5},
              {"from": 5,"to": 8},
              {"from": 8}
            ]
          }
        }
      }
    }

    # 聚合函数-DateRange
    POST /sms_logs_index/_search
    {
      "aggs": {
        "hehehe": {
          "date_range": {
            "field": "createDate",
            "ranges": [
              {"to": "2021-09-09 04:00:00"},
              {"from": "2021-09-09 04:00:00","to": "2021-09-09 12:00:00"},
              {"from": "2021-09-09 12:00:00"}
            ],
            "format": "yyyy-MM-dd HH:mm:ss"
          }
        }
      }
    }

    11.4 histogram

    根据指定的属性和间隔interval做范围统计

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    # 聚合函数-histogram
    POST /sms_logs_index/_search
    {
      "aggs": {
        "eee": {
          "histogram": {
            "field": "fee",
            "interval": 1
          }
        }
      }
    }


    # 聚合函数-date_histogram
    POST /sms_logs_index/_search
    {
      "aggs": {
        "yesyesyes": {
          "date_histogram": {
            "field": "createDate",
            "interval": "minute"
          }
        }
      }
    }

    11.5 terms

    统计某个属性不同值出现的次数，并且可以基于order做排序，基于size做筛选条数

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    # 聚合函数-terms
    POST /sms_logs_index/_search
    {
      "aggs": {
        "yiku": {
          "terms": {
            "field": "fee",
            "size": 2,
            "order": {
              "_count": "asc"
            }
          }
        }
      }
    }

    11.6 Java代码实现

    向下转型问题！

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    /**
     * 聚合函数Java实现
     * @author zjw
     */
    public class Demo3Test {


        @Test
        public void terms() throws IOException {
            // request
            SearchRequest request = new SearchRequest();

            // index
            request.indices("sms_logs_index");

            // body
            SearchSourceBuilder sourceBuilder = new SearchSourceBuilder();
            sourceBuilder.aggregation(AggregationBuilders.terms("agg").field("fee").size(10).order(BucketOrder.count(false)));
            request.source(sourceBuilder);

            // send,resp
            SearchResponse resp = ESClientUtil.getClient().search(request, RequestOptions.DEFAULT);

            // getData
            Aggregations aggregations = resp.getAggregations();
            // 根据聚合函数的查询条件向下转型
            Terms agg = aggregations.get("agg");

            for (Terms.Bucket bucket : agg.getBuckets()) {
                System.out.println(bucket.getKey() +"," + bucket.getDocCount());
            }

        }
    }

    十二、ES的GEO查询

    GEO查询就是基于经纬度做筛选。

    一般经纬度筛选无法计算分数，会将基于GEO的查询统统滴放到filter中。

    创建一个索引，指定一个属性的存储类型是geo_point

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
    45
    46
    47
    # 玩GEO，创建索引
    PUT /map 
    {
      "settings": {
        "number_of_shards": 3,
        "number_of_replicas": 1
      },
      "mappings": {
        "properties": {
          "name": {
            "type": "keyword"
          },
          "location": {
            "type": "geo_point"
          }
        }
      }
    }


    # 插入三条数据 北科，生命科学园地铁，巩华城地铁
    POST /map/_create/1
    {
      "name": "北科",
      "location": {
        "lat": 40.125318,
        "lon": 116.258312
      }
    }

    POST /map/_create/2
    {
      "name": "生命科学园地铁",
      "location": {
        "lat": 40.101109,
        "lon": 116.300721
      }
    }

    POST /map/_create/3
    {
      "name": "巩华城地铁",
      "location": {
        "lat": 40.13731,
        "lon": 116.300344
      }
    }

    GEO在ES中提供了三种查询方式

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    # 一个点，一个距离（半径）查询圆内数据
    POST /map/_search
    {
      "query": {
        "bool": {
          "filter": [
            {
              "geo_distance": {
                "distance": 4700,
                "location": {
                  "lat": 40.125318,
                  "lon": 116.258312
                }
              }
            }
          ]
        }
      }
    }
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    # 两个点确定矩形
    POST /map/_search
    {
      "query": {
        "bool": {
          "filter": [
            {
              "geo_bounding_box": {
                "location": {
                  "top_left": {
                    "lat": 40.109973,
                    "lon": 116.278192
                  },
                  "bottom_right": {
                    "lat": 40.093416,
                    "lon": 116.32131
                  }
                }
              }
            }
          ]
        }
      }
    }
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    # 多个点确定多边形
    POST /map/_search
    {
      "query": {
        "bool": {
          "filter": [
            {
              "geo_polygon": {
                "location": {
                  "points": [
                    {
                      "lat": 40.143736,
                      "lon": 116.29084
                    },
                    {
                      "lat": 40.127132,
                      "lon": 116.306003
                    },
                    {
                      "lat": 40.148479,
                      "lon": 116.313549
                    }
                  ]
                }
              }
            }
          ]
        }
      }
    }
    ]]>     diff --git a/categories/index.html b/categories/index.html index 0123a11..682a7c0 100644 --- a/categories/index.html +++ b/categories/index.html @@ -1 +1 @@ -分类 - yangccBlog

    yangccBlog
    9
    标签
    2
    分类
    13
    文章

    分类

    © 2021 - 2024    chalmery

    共 13 篇文章 共 20.2k 字

    访问人数 总访问量
    由 Hexo 驱动 主题 Redefine v2.6.1
    博客已运行 天 小时 分钟 秒
    \ No newline at end of file +分类 - yangccBlog

    yangccBlog
    9
    标签
    2
    分类
    13
    文章

    分类

    © 2021 - 2024    chalmery

    共 13 篇文章 共 20.1k 字

    访问人数 总访问量
    由 Hexo 驱动 主题 Redefine v2.6.1
    博客已运行 天 小时 分钟 秒
    \ No newline at end of file diff --git "a/categories/\345\267\245\345\205\267/index.html" "b/categories/\345\267\245\345\205\267/index.html" index fc5e877..4dd932c 100644 --- "a/categories/\345\267\245\345\205\267/index.html" +++ "b/categories/\345\267\245\345\205\267/index.html" @@ -1 +1 @@ -分类: 工具 - yangccBlog

    yangccBlog
    9
    标签
    2
    分类
    13
    文章
     工具
    2023 1
    2022 2
    1
    © 2021 - 2024    chalmery

    共 13 篇文章 共 20.2k 字

    访问人数 总访问量
    由 Hexo 驱动 主题 Redefine v2.6.1
    博客已运行 天 小时 分钟 秒
    \ No newline at end of file +分类: 工具 - yangccBlog

    yangccBlog
    9
    标签
    2
    分类
    13
    文章
     工具
    2023 1
    2022 2
    1
    © 2021 - 2024    chalmery

    共 13 篇文章 共 20.1k 字

    访问人数 总访问量
    由 Hexo 驱动 主题 Redefine v2.6.1
    博客已运行 天 小时 分钟 秒
    \ No newline at end of file diff --git "a/categories/\346\212\200\346\234\257/index.html" "b/categories/\346\212\200\346\234\257/index.html" index 69e0ba8..51ed657 100644 --- "a/categories/\346\212\200\346\234\257/index.html" +++ "b/categories/\346\212\200\346\234\257/index.html" @@ -1 +1 @@ -分类: 技术 - yangccBlog

    yangccBlog
    9
    标签
    2
    分类
    13
    文章
     技术
    2023 3
    2022 4
    2021 3
    1
    © 2021 - 2024    chalmery

    共 13 篇文章 共 20.2k 字

    访问人数 总访问量
    由 Hexo 驱动 主题 Redefine v2.6.1
    博客已运行 天 小时 分钟 秒
    \ No newline at end of file +分类: 技术 - yangccBlog

    yangccBlog
    9
    标签
    2
    分类
    13
    文章
     技术
    2023 3
    2022 4
    2021 3
    1
    © 2021 - 2024    chalmery

    共 13 篇文章 共 20.1k 字

    访问人数 总访问量
    由 Hexo 驱动 主题 Redefine v2.6.1
    博客已运行 天 小时 分钟 秒
    \ No newline at end of file diff --git a/content.json b/content.json index 19680cf..e8eca49 100644 --- a/content.json +++ b/content.json @@ -1 +1 @@ -{"meta":{"title":"yangccBlog","subtitle":"","description":"yangcc 博客","author":"杨超超","url":"https://www.yangcc.top","root":"/"},"pages":[{"title":"about","date":"2021-09-07T11:58:36.000Z","updated":"2021-09-07T11:58:36.000Z","comments":true,"path":"about/index.html","permalink":"https://www.yangcc.top/about/index.html","excerpt":"","text":"作品 基于Electron的本地音乐播放器 兴趣爱好 MineCraft 星露谷物语 编程，主要从事服务端Java开发，会点安卓，JS Linux,喜欢ArchLinux Kde桌面 骑行新手 周杰伦"},{"title":"categories","date":"2024-04-29T15:17:49.215Z","updated":"2024-04-29T15:17:49.215Z","comments":true,"path":"categories/index.html","permalink":"https://www.yangcc.top/categories/index.html","excerpt":"","text":""},{"title":"友链","date":"2021-05-13T06:16:07.000Z","updated":"2021-05-13T06:16:07.000Z","comments":true,"path":"links/index.html","permalink":"https://www.yangcc.top/links/index.html","excerpt":"","text":""},{"title":"tags","date":"2024-04-29T15:17:49.216Z","updated":"2024-04-29T15:17:49.216Z","comments":true,"path":"tags/index.html","permalink":"https://www.yangcc.top/tags/index.html","excerpt":"","text":""}],"posts":[{"title":"Java版本管理","slug":"Java版本管理","date":"2023-07-14T16:00:00.000Z","updated":"2023-07-14T16:00:00.000Z","comments":true,"path":"2427860074/","link":"","permalink":"https://www.yangcc.top/2427860074/","excerpt":"","text":"在接触前端的时候发现了nvm这样的工具，可以一行命令切换使用的node版本，非常方便，作为一个Java程序员，java是否有版本管理工具呢？ jenv 官网的解释: jEnv is a command line tool to help you forget how to set the JAVA_HOME environment variable 使用一条命令可以轻松配置JAVA_HOME到环境变量。 用法是： 123456789101112jenv <command> [<args>]# 命令参考：commands 列出所有可用的 jenv 命令local 设置或显示本地应用程序特定的 Java 版本global 设置或显示全局 Java 版本shell 设置或显示 shell 特定的 Java 版本rehash 刷新 jenv shims（安装可执行文件后运行此命令）version 显示当前Java版本及其来源versions 列出 jenv 可用的所有 Java 版本which 显示可执行文件的完整路径whence 列出包含给定可执行文件的所有 Java 版本add 添加 将 JDK 添加到 jenv 中 archlinuxjdk在 archlinux 中提供了命令：archlinuxjdk用来管理jdk版本，参考 archwiki 12345678archlinux-java <COMMAND>COMMAND:status 列出已安装并启用的 Java 环境get 返回设置为默认的 Java 环境的短名称set <JAVA_ENV> 强制 <JAVA_ENV> 设置为默认值unset 取消当前默认 Java 环境fix 修复无效/损坏的默认 Java 环境配置","categories":[{"name":"工具","slug":"工具","permalink":"https://www.yangcc.top/categories/%E5%B7%A5%E5%85%B7/"}],"tags":[{"name":"Java","slug":"Java","permalink":"https://www.yangcc.top/tags/Java/"}]},{"title":"设计模式-发布订阅","slug":"设计模式-发布订阅","date":"2023-07-13T16:00:00.000Z","updated":"2023-07-13T16:00:00.000Z","comments":true,"path":"1698904213/","link":"","permalink":"https://www.yangcc.top/1698904213/","excerpt":"","text":"发布订阅观察者模式（Observer Pattern），或者叫发布订阅，是一种行为型设计模式，它定义了一种一对多的依赖关系，使得多个观察者对象可以同时监听和被通知被观察者对象的状态变化。 观察者模式的主要特点如下： 主题和观察者的解耦：观察者模式通过定义抽象主题（Subject）和抽象观察者（Observer）来实现主题和观察者的解耦。主题对象并不直接依赖于具体的观察者，而是依赖于观察者的抽象。这样可以使主题对象和具体观察者对象相互独立，彼此之间的耦合度降低。 一对多的依赖关系：观察者模式中，一个主题对象可以有多个观察者对象订阅并监听它的状态变化。当主题对象的状态发生变化时，所有依赖于它的观察者对象都会收到相应的通知并进行相应的处理。这种一对多的依赖关系使得我们可以方便地增加或删除观察者对象，而不需要修改主题对象的代码。 松散耦合的设计：观察者模式通过松散耦合的设计，使得主题对象和观察者对象之间的依赖关系变得松散。主题对象只需要知道观察者对象实现了特定的观察者接口，而不需要了解具体的观察者对象。这样可以使得系统更加灵活，易于扩展和维护。 发布-订阅机制：观察者模式可以看作是一种发布-订阅（Publish-Subscribe）机制的实现。主题对象充当发布者，观察者对象充当订阅者。主题对象维护着一组观察者对象，并在状态变化时主动通知观察者对象，从而实现发布-订阅的通信机制。 观察者模式在实际应用中非常常见，例如事件驱动编程、GUI开发、消息队列等。它可以帮助我们实现对象之间的松散耦合，提高系统的可维护性、扩展性和灵活性。 概念发布订阅核心就是一个Map或者数组之类的容器，存储所有注册的事件，以及对应的回调。而具体每件事情完成后，告诉事件中心，我要触发某个事件的回调，事件中心从容器中找到对应的事件，然后执行函数。可以发现整体是解耦的状态，事件触发者，和事件的函数是分离的，通过中间者eventManager来沟通。 框架的使用上述概念有没有很熟悉，这个和后端常用中间件MQ，桌面框架electron中的一些地方很像？其实这些地方都用到了这个设计模式。 在我们使用消息队列，无论是rabbitMq还是RocketMq的时候，都是一样的，我们往指定的topic中发送消息，然后监听这个topic的消息，然后处理，和上述图的结构一样，本质就是一个发布订阅的设计模式。 electron框架中通过ipcRenderer来管理事件，send来触发事件，on来注册遇到这个事件要做什么事情 1234//触发事件electron.ipcRenderer.send('eventName', data);//注册事件的处理动作electron.ipcRenderer.send('eventName', func); 日常开发如何使用1 在前端开发中使用在前端开发中，我们会发现组件传值在某些情况异常复杂，甚至无法做到，我们会发现，常见的就是父子传值，如果是两个没有嵌套关系的组件传值呢？貌似很复杂，常常可能就会用一个中介来做这件事，比如：redux，vuex之类的状态管理，这边存，那边取。其实可以直接运用这个设计模式来做到。 代码参考：发布订阅 2 在后端开发中使用在后端开发中，我们常见的一个业务场景就是，做了一件事之后，要做一些事情，比如： 要发mq 要发通知 要存es 要刷新缓存 这些事情常常是异步的，和这件事情没有关系，开发中常常会开启一个线程池，或者发一个mq异步里去处理。这样当然是可以的但是有这些缺点： 整体不够抽象化，没有把这类事情做一个抽象，代码不够规范化。 有些时候要做的事情，比如要发mq，要存es等，没有前后顺序，也就是这些事件是互不干扰的，可以在不同的线程处理，而mq通常创建一个监听后，顺序的去做这些事情，只发挥了一个线程的作用 代码参考：发布订阅 像上述代码示例的内容，在下面Add 事件发布的时候，EventManager就会依次开启线程来调用监听。SendMqEventListener，SendSlsEventListener会分两个线程来执行 12345678public class BusinessCode { public static void main(String[] args) { //省略业务代码 //做完事情之后，发送通知 AddEntity entity = new AddEntity("name","code","desc"); EventManager.publish(EventEnum.ADD,entity); }}","categories":[{"name":"技术","slug":"技术","permalink":"https://www.yangcc.top/categories/%E6%8A%80%E6%9C%AF/"}],"tags":[{"name":"JavaScript","slug":"JavaScript","permalink":"https://www.yangcc.top/tags/JavaScript/"},{"name":"Java","slug":"Java","permalink":"https://www.yangcc.top/tags/Java/"},{"name":"设计模式","slug":"设计模式","permalink":"https://www.yangcc.top/tags/%E8%AE%BE%E8%AE%A1%E6%A8%A1%E5%BC%8F/"}]},{"title":"规则引擎(一)","slug":"规则引擎(一)","date":"2023-07-08T16:00:00.000Z","updated":"2023-07-08T16:00:00.000Z","comments":true,"path":"4078686809/","link":"","permalink":"https://www.yangcc.top/4078686809/","excerpt":"","text":"因为自己接触的项目做的是一个风控系统，涉猎到了规则，流程等知识，转眼一年多了，也没咋回顾这块知识点，今天就总结下规则引起这块的知识点，本文重点讲解用到的表达式相关的算法的逻辑。 一 表达式和操作符我们日常计算，或者看到的数学运算表达式，都是中缀表达式 ，看起来是这样的：(1 + 2) * 3 + 4，其中，加减乘除这些符号就叫操作符，不过，这样的表达式，不过这样的表达式对于计算机并不好识别，我们可以回顾下，算法中的三种表达式的特点： 1 表达式前缀、中缀和后缀表达式都是用来表示数学表达式的方式，它们的主要区别在于运算符的位置。 前缀表达式（也称为波兰表达式）：运算符位于操作数之前。例如，表达式 “2 + 3” 的前缀表示为 “+ 2 3”。 中缀表达式：运算符位于操作数之间。这是我们通常使用的方式，例如，表达式 “2 + 3” 就是中缀表达式。 后缀表达式（也称为逆波兰表达式）：运算符位于操作数之后。例如，表达式 “2 + 3” 的后缀表示为 “2 3 +”。 为了更好地理解这些表达式之间的区别，让我们以一个简单的表达式为例：”(4 + 5) * 6”。 中缀表达式：(4 + 5) * 6 前缀表达式： + 4 5 6 后缀表达式：4 5 + 6 * 可以看到，中缀表达式需要使用括号来表示运算符的优先级，而前缀和后缀表达式通过运算符的位置来明确表达式的结构和运算顺序。 对于计算机来说，后缀表达式在求值时更容易处理，因为它不需要括号和优先级的考虑。因此，在编写计算机程序或使用栈数据结构进行表达式求值时，通常会将中缀表达式转换为后缀表达式来简化计算过程。 2 操作符操作符又分为两种：逻辑操作符和算术操作符，逻辑操作符用于执行逻辑运算，主要用于布尔逻辑（真和假的逻辑值）的计算。以下是常见的逻辑操作符： 逻辑与（AND）：表示为 “&&” 或 “and”，用于判断多个条件是否同时成立。如果两个条件都为真，则结果为真，否则为假。 逻辑或（OR）：表示为 “||” 或 “or”，用于判断多个条件中至少有一个是否成立。如果任何一个条件为真，则结果为真，只有当所有条件都为假时结果才为假。 逻辑非（NOT）：表示为 “!” 或 “not”，用于对一个条件的逻辑值进行取反。如果条件为真，则结果为假，如果条件为假，则结果为真。 算术操作符用于执行数学运算，用于处理数值和执行各种数学计算。以下是常见的算术操作符： 加法（Addition）：表示为 “+”，用于将两个数值相加。 减法（Subtraction）：表示为 “-“，用于从一个数值中减去另一个数值。 乘法（Multiplication）：表示为 “*”，用于将两个数值相乘。 除法（Division）：表示为 “/“，用于将一个数值除以另一个数值。 取模（Modulus）：表示为 “%”，用于计算两个数值相除后的余数。 幂运算（Exponentiation）：表示为 “^”，用于将一个数值提升到指定的幂次方。 二 中缀表达式转为后缀表达式工作中会常见到这样的需求：页面配置一个复杂的规则，比如：!A||B&&(C||D) ，存储起来，在使用的时候填充不同的值之后进行运算，这个时候就需要将上述的中缀表达式做转换，变为后缀表达式进行后续运算操作。这个算法的核心如下：创建一个栈和一个存储结果的字符串，栈用来存放操作符，结果用于拼接数字和操作符。然后从左到右遍历表达式，算法有这样的规则： 遇到左括弧( 入栈 遇到右括弧) 循环出栈，直到遇到相匹配的左括弧，将出栈符号拼接到结果字符串 遇到符号，循环出栈，将优先级大于等于当前符号的操作符出栈，遇到小于当前符号的操作符停止循环，将出栈符号拼接到结果字符串，最后将当前符号入栈 遇到字符，则拼接到结果的字符串 当表达式循环结束时，将站内的全部符号依次取出并且拼接到结果的字符串 java实现代码，参考：github代码 过程示例图如下： 三 后缀表达式如何使用上面的算法，我们已经得到了一个后缀表达式，这个表达式的运算逻辑是怎样的呢？我们一起来看下： 我们需要一个栈来存放所有的操作数，从左到右遍历符号，具体运算规则如下： 遇到操作数，则入栈 遇到操作符，则出栈两个操作数进行计算，将计算的结果继续入栈 下面以算术表达式为例，一个整体的运算流程如下： 这样很方便的就实现了一个复杂算术表达式的运算，而逻辑表达式也是一样运算方式，比如||，&& 唯一区别就是每次去出两个字符。 具体在规则引擎中如何使用，请听下次讲解。","categories":[{"name":"技术","slug":"技术","permalink":"https://www.yangcc.top/categories/%E6%8A%80%E6%9C%AF/"}],"tags":[{"name":"Java","slug":"Java","permalink":"https://www.yangcc.top/tags/Java/"},{"name":"设计模式","slug":"设计模式","permalink":"https://www.yangcc.top/tags/%E8%AE%BE%E8%AE%A1%E6%A8%A1%E5%BC%8F/"},{"name":"规则引擎","slug":"规则引擎","permalink":"https://www.yangcc.top/tags/%E8%A7%84%E5%88%99%E5%BC%95%E6%93%8E/"},{"name":"算法","slug":"算法","permalink":"https://www.yangcc.top/tags/%E7%AE%97%E6%B3%95/"}]},{"title":"Electron(一)","slug":"Electron(一)","date":"2023-06-21T16:00:00.000Z","updated":"2023-06-21T16:00:00.000Z","comments":true,"path":"2402782093/","link":"","permalink":"https://www.yangcc.top/2402782093/","excerpt":"","text":"Electron(一)Electron是一个js桌面端框架，让html，js 打包为桌面应用成为可能，已经有非常多的应用使用了这门技术，如：vscode，notion，figma，思源笔记等等 一 整体交互形式桌面应用最重要的是什么，或者说和浏览器页面有什么区别？大的来说就是可以和操作系统交互，那么什么叫可以和操作系统交互？让我们回顾下浏览器，浏览器就像一个盒子，里面的所有页面的权利是有限的，就比如， 我想在浏览器自己写的一个html页面通过js函数，在文档这个文件夹下创建一个文件，或者修改一个文件 调用系统通知api，使用系统通知 修改系统音量？ 这些都是做不到的，这些都涉及了操作系统的api，那electron是如何做到的呢，我们看下这个图： Electron就相当于一个中间层，为js提供了一个曲线访问系统api的能力，做任何和系统有关的操作，都要通过electron 一个简单的例子，我想通过，文件选择器，拿到一个文件的路径，该如何实现？你可能会想到，浏览器也可以呀，通过选择器，选择一个文件，还要Electron干嘛？ 是没问题，可以选到一个文件，但是文件的路径是获取不到的，简单思考下，如果一个普通的网页，点击就能获取到你本机文件的路径，甚至别的操作系统信息，你做为浏览器的开发者会允许这样吗？这样对浏览器使用者来讲显然是非常危险的，点开个网页信息泄密了，甚至电脑上文件丢了。 因此，我们要使用的文件选择器是操作系统的文件选择器，这个显然是js办不到的，因此有了Electron，它提供了这样的api：文档详见：https://www.electronjs.org/zh/docs/latest/api/dialog 12345678910import {dialog} from "electron";function open() { let files = dialog.showOpenDialogSync({ title: '选择文件路径', properties: ['openDirectory', 'multiSelections'] }) console.log(files) return files} 文件选择器是有了，我们该如何通知Electron呢？换句话说就是，上面的js函数是显示层调用不到的，因此Electron提供了一种方式，让我们可以与它交互。这种方式类似js的发布订阅模型，发布一个事件，消费者监听事件。 文档详见：https://www.electronjs.org/zh/docs/latest/api/ipc-renderer js端通过ipcRenderer.send发送一个事件通过Electron 123const electron = window.electronelectron.ipcRenderer.send('事件名称',data) electron端通过ipcMain.on监听js端发送过来的事件，那当这件事情处理完成了，想要告诉js端怎么办？通过event.reply发送一个事件，携带数据给js，和上面的ipcRenderer.send是类似的 123456789import {ipcMain} from "electron" ipcMain.on('事件名称',(event, data)) => { //处理 //回调 event.reply('新的事件名称', 要返回的数据) }) js端该如何处理呢？以React为例：useEffect中，通过ipcRenderer.on，监听这个事件，然后处理，一定要在[]这个useEffect，代表页面创建就运行这个函数，监听这个事件，在return中删除这个事件，不然每次每次页面加载都会创建一个监听，这样会越建越多 12345678910useEffect(() => { //处理Electron端发送的事件 electron.ipcRenderer.on('事件名称', (event, 数据) => { //处理 }); return () => { electron.ipcRenderer.removeAllListeners('事件名称'); }; }, []); 到这里就完成了一个交互，是不是很简单。 二 打包打包全靠配置，这个是我的配置： 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596/** * @see https://www.electron.build/configuration/configuration */{ appId: "electron-music", productName: "electron-music", copyright: "Copyright © 2023 ${author}", asar: true, directories: { output: "release", buildResources: "public" }, files: [ "dist" ], win: { icon: "public/icons/music256x256.png", target: [ { target: "dir", arch: [ "x64" ] }, { target: "nsis", arch: [ "x64" ] } ] }, nsis: { "oneClick": false, // 创建一键安装程序还是辅助安装程序（默认是一键安装） "allowElevation": true, // 是否允许请求提升，如果为false，则用户必须使用提升的权限重新启动安装程序 （仅作用于辅助安装程序） "allowToChangeInstallationDirectory": true, // 是否允许修改安装目录 （仅作用于辅助安装程序） "installerIcon": "public/icons/music256x256.png", // 安装程序图标的路径 "uninstallerIcon": "public/icons/music256x256.png", // 卸载程序图标的路径 "installerHeader": "public/icons/music256x256.png", // 安装时头部图片路径（仅作用于辅助安装程序） "installerHeaderIcon": "public/icons/music256x256.png", // 安装时标题图标（进度条上方）的路径（仅作用于一键安装程序） "installerSidebar": "public/icons/music256x256.png", // 安装完毕界面图片的路径，（仅作用于辅助安装程序） "uninstallerSidebar": "public/icons/music256x256.png", // 开始卸载界面图片的路径（仅作用于辅助安装程序） "uninstallDisplayName": "electron-music-${version}", // 控制面板中的卸载程序显示名称 "createDesktopShortcut": true, // 是否创建桌面快捷方式 "createStartMenuShortcut": true, // 是否创建开始菜单快捷方式 "include": "script/installer.nsi", // NSIS包含定制安装程序脚本的路径，安装过程中自行调用 (可用于写入注册表 开机自启动等操作) "script": "script/installer.nsi", // 用于自定义安装程序的NSIS脚本的路径 "deleteAppDataOnUninstall": true, // 是否在卸载时删除应用程序数据（仅作用于一键安装程序） "runAfterFinish": false, // 完成后是否运行已安装的应用程序（对于辅助安装程序，应删除相应的复选框） "menuCategory": false, // 是否为开始菜单快捷方式和程序文件目录创建子菜单，如果为true，则使用公司名称 "perMachine": true, //给机器上所有用户安装 "language": "2052" //安装语言(中文) }, mac: { icon: 'public/icons/music256x256.png', category: 'Productivity', target: [ { target: 'default', arch: [ 'arm64', 'x64' ] } ] }, linux: { icon: "public/icons/music256x256.png", target: [ "AppImage", "tar.gz" ], "category": "Audio", artifactName: "${productName}-Linux-${version}.${ext}" }} 参考: 我的音乐播放器项目 三 注意事项1 在linux下窗口关闭前做一件事看环境，比如kde下是做不到比如隐藏窗口的，在kde下，点击关闭按钮，window对象对直接就销毁了。（曲线方式，我们可以不用系统自带的顶栏，自己实现一个，这样就不会有这样的问题了） 12345app.on('closed', () => { if (process.platform !== 'darwin') { app.quit() }}) 2 linux 下，英伟达显卡涉及到动画的页面报错（暂未解决）报错内容 1libva error: vaGetDriverNameByIndex() failed with unknown libva error, driver_name = (null) ‍","categories":[{"name":"技术","slug":"技术","permalink":"https://www.yangcc.top/categories/%E6%8A%80%E6%9C%AF/"}],"tags":[{"name":"JavaScript","slug":"JavaScript","permalink":"https://www.yangcc.top/tags/JavaScript/"},{"name":"Electron","slug":"Electron","permalink":"https://www.yangcc.top/tags/Electron/"}]},{"title":"Rust学习(三)：结构体枚举和模式匹配","slug":"Rust学习(三)","date":"2022-05-14T16:00:00.000Z","updated":"2022-05-14T16:00:00.000Z","comments":true,"path":"379577363/","link":"","permalink":"https://www.yangcc.top/379577363/","excerpt":"","text":"1 Struct结构体实例化的顺序可以不与定义时候一样，但是所有属性都得实例化。结构体实例声明为可变的时候其所有属性都是可变的。 基本的结构体声明一个结构体 12345678910111213141516struct User{ name : String, email : String, sign_in_count : u64, archive : bool,}fn main(){ let mut user = User{ email : String::from("ycc@123.com"), name : String::from("ycc"), sign_in_count : 1, archive : false, }; println!("{}",user.email);} struct作为函数的返回值： 12345678fn fun()-> User{ User{ email : String::from("ycc@123.com"), name : String::from("ycc"), sign_in_count : 1, archive : false, };} 字段初始化简写的方式，省略赋值的操作 12345678910fn build_user(name:String,email:String) ->User{ User{ // email : email, // name : name, email, name, sign_in_count : 1, archive : false, };} 当想基于一个struct来创建一个新的struct的时候，可以使用下面的语法糖： 123456789101112fn main(){ let user1 = User{ email : String::from("ycc@123.com"), name : String::from("ycc"), sign_in_count : 1, archive : false, }; let user2 = User{ email : String::from("233@gmail.com"), ..user1 };} Tuple Struct元组结构体，适用于给tuple分类型，让这个元组不同于其他的元组，比如可以声明一个元组结构体来描述，颜色RGB，正方形，圆。。。等等 先复习下元组：元组内可以放入不同类型的值 12345fn main(){ let trple = (1,"a",3); // 元组 let (a,b,c) = trple; // 解构 println!("{}",a)} 元组结构体： 123456fn main(){ // 元组结构体 let white = Color(0,0,0); let orange = Color(2,5,1);}struct Color(i32,i32,i32); 没有任何字段的Struct可以定义一个没有任何内容的struct，叫做 Unit-like struct，可以实现抽象的描述，但是又不需要存储元素内容的场景可以适用。 struct的所有权Struct里面可以放数据，也可以放引用（生命周期），生命周期保证只要struct实例是有效的，那么里面的引用就是有效的，如果使用引用却不使用生命周期就会报错 小例子实现计算矩形的面积： 123456789101112131415struct Rectangle { length: u32, width: u32,}fn get_area(r : &Rectangle) -> u32 { r.length * r.width}fn main() { let r = Rectangle{ length:10, width:10, }; let area = get_area(&r); println!("{}",area);} 注意这里传入的是结构体的引用，因此，在 方法执行结束，main方法依然有 Rectangle的实例r的所有权，因此还可以打印： 1println!("{}",r) 但如果直接这么打印编译会报错：提示没有实现这个接口，或则使用第二种方法 = help: the trait std::fmt::Display is not implemented for Rectangle= note: in format strings you may be able to use {:?} (or {:#?} for pretty-print) instead 而当你使用第二种方式打印的话还会报错： 12println!("{:?}",r)println!("{:#?}",r) //美化打印 提示你没有时间Debug接口，或者使用这个注解，放在结构体上面， = help: the trait Debug is not implemented for Rectangle= note: add #[derive(Debug)] to Rectangle or manually impl Debug for Rectangle 方法方法表示与这个结构体有关的函数，使用关键字 impl来表示，可以有很多个代码快，除了特别的方法，一般的方法第一个参数总是自己，用 &self表示,方法调用可以省略自身的引用入参 self 可以是 借用：&self，也可以是：safe表示获取所有权，也可以是可变的，也就是说和普通的参数没啥区别 1234567891011121314impl Rectangle { fn get_area(&self) -> u32 { self.length * self.width }}fn main() { let r = Rectangle{ length:10, width:10, }; let area = r.get_area(); println!("{}",area);} 方法调用的运算符 在c/c++中方法调用，是这样的：object->someting() 和 (*object).someting()这两者等价 object是个指针，星号表示解指针，变为对象 Rust提供了自动的引用，或者解引用，在调用方法的时候，rust会自动的补上，&，& mut 等，来匹配上方法的入参 关联函数： 123456789101112131415impl Rectangle { fn square(size:u32) -> Rectangle { Rectangle{ length :size, width :size, } }}fn main() { // 关联函数的调用 let squ = Rectangle::square(10); println!("{:#?}",squ)} 2 枚举定义一个枚举，不过看了半天，没有发现和java类似的那种常量形式的枚举定义方式 1234enum IP_ADDRESS{ V4(String,u32), V6,} 标准库的Option <T>枚举包含在预导入模块中的，可以直接使用，其结构为： 1234pub enum Option<T> { None, Some( T),} 当想使用包裹着值的，y变量时候，提示需要转换才行，不能直接使用，这样就保证了空安全的情况 12345678910fn main() { let x : i8 = 5; let y : Option<i8> = Some(5); //let z = y.expect("i8"); let sum = x + z; println!("{}",sum);} 3 模式匹配模式匹配必须穷举所有的可能，否则编译不予通过 1234567891011fn value_in_cents(coin: Coin) -> u8 { match coin { Coin::Penny => { println!("Lucky penny!"); 1 } Coin::Nickel => 5, Coin::Dime => 10, Coin::Quarter => 25, }} 附带值的模式匹配： 12345678910111213141516171819202122232425#[derive(Debug)] // 这样可以立刻看到州的名称enum UsState { Alabama, Alaska, // --snip--}enum Coin { Penny, Nickel, Dime, Quarter(UsState),}fn value_in_cents(coin: Coin) -> u8 { match coin { Coin::Penny => 1, Coin::Nickel => 5, Coin::Dime => 10, Coin::Quarter(state) => { println!("State quarter from {:?}!", state); 25 } }} 可以使用占位符 -来表示其他情况 12345match dice_roll { 3 => add_fancy_hat(), 7 => remove_fancy_hat(), _ => (),} 针对一种情况，可以使用if letif let，代码更为简洁 123456789101112fn main(){ let v = Some(1); match v { Some(3)=> println!("3"), _ => (), } //针对一种情况，可以使用if let if let Some(3) = v { println!("3") }}","categories":[{"name":"技术","slug":"技术","permalink":"https://www.yangcc.top/categories/%E6%8A%80%E6%9C%AF/"}],"tags":[{"name":"Rust","slug":"Rust","permalink":"https://www.yangcc.top/tags/Rust/"}]},{"title":"Rust学习(二)：所有权","slug":"Rust学习(二)","date":"2022-05-13T16:00:00.000Z","updated":"2022-05-13T16:00:00.000Z","comments":true,"path":"2861842578/","link":"","permalink":"https://www.yangcc.top/2861842578/","excerpt":"","text":"1 栈和堆 现代处理器在内存中跳转越少就越快 栈内存(所有存放在栈内存的数据必须有已知的固定的大小) 因为放入栈的数据大小都是固定的，因此入栈的时候很快，因为挨着放就行了 堆内存（heap） 编译时大小未知，或者程序运行时会变化的数据存放在 堆 堆对于内存的组织性差一些，因为大小不固定，或者会改变，因此，需要分配空间，而这就需要操作系统去找到一块足够大的空间 访问数据的时候也更慢，因为有个寻址的过程 函数调用 在调用函数的时候，会将函数的入参传入函数，包括入参的指针信息，然后，函数的这些参数信息会压栈，等执行完成会出栈 2 所有权的规则 所有权存在的原因就是因为上面的堆内存，因为这块是不确定的，有的是需要回收的。 所有权（系统）是 Rust 最为与众不同的特性，对语言的其他部分有着深刻含义。它让 Rust 无需垃圾回收（garbage collector）即可保障内存安全，因此理解 Rust 中所有权如何工作是十分重要的。本章，我们将讲到所有权以及相关功能：借用（borrowing）、slice 以及 Rust 如何在内存中布局数据 每个值都有一个变量，这个变量就是该值的所有者 每个值，同时只能有一个所有者 当所有者超出作用域的时候，这个值会被删除 定义一个字符串hello，其内存结构是这样的 而当将携带此字符串值的变量s1赋值给s2的时候，s1在栈中就不可用,失效了，不同于浅拷贝，这种方式被称为移动（Move） 而如果需要实现深拷贝的功能的话，则需要实现 clone方法，类似java 而针对栈上面的数据比如基本类型：整数，布尔，浮点数，字符等是放在栈上的，不需要拷贝这些东西，因此引出了 复制的概念： 123let x = 5let y = x// 到这里其实x和y都是有效的，因为是放在栈上的数据，对这些数据的复制操作是默认执行的 rust提供了 Copy trait(复制 接口) 如果一个类型实现了这个接口，那么旧的变量在值茶u年底后还是有效的，类似上面的代码 如果一个类型，或者这个类型的一部分实现了 Drop trait(释放 接口)，那么这个类型就不允许去实现 Copy trait(复制 接口)了 实现了复制接口的有： 整数类型，布尔，字符，浮点，Tuple(这个元组内的所有类型都是实现了复制接口) 2. 1 所有权和函数将值赋给函数或者变量，在语义是其实是一样的： 12345678910111213141516171819fun main(){ let s = String::from("hello") take1(s)// s 在这里就失效了，因为传递给方法了 let x = 5 take2(x)// 在这里x依然是有效的，因为传递给方法的仅仅是副本}fun take1(str:String){ println!("{}",str)}//方法执行结束，会释放str所在的堆内存fun take2(num:i32){ println!("{}",num)}//什么也不会发生 一个变量的所有权总是符合这样的模式： 把一个值赋给变量的时候就会发生移动（Move） 包含这个堆数据的变量离开作用域，值就会被drap函数清理，除非数据的所有权移动到另一个变量了 如何让，一个函数使用一个值，但是不拥有所有权呢？ 简单但麻烦的方式，就是返回一个元组，将入参原封不动的返回 使用Rust的特性 引用（Reference） 2.2 引用使用 &符号，表示使用这个值，但是不获得其所有权 12345678910fn main(){ let s1 = String::from("Hello"); let len = get_lenth(&s1); println!("{} length is {}",s1,len);}fn get_lenth(s: &String) -> usize { s.len()} 这段代码在内存中的形式是这样的： s表示一个指针，这个指针指向另一个指针s1,s1指向堆内存 而引用的内容，是否可以修改呢？，我们尝试在上面的方法内修改变量，会报如下的错： s.push_str(“, World”);| ^^^^^^^^^^^^^^^^^^^^^ s is a & reference, so the data it refers to cannot be borrowed as mutable （S是引用，所以它引用的数据不能作为可变数据来借用） 因为引用，也是存放在栈上的，和变量一样是不可变的，而变量可以通过 mut来表示可变变量，那引用呢？答案是可以的： 12345678910111213fn main(){//首先这个变量是可变的 let mut s1 = String::from("Hello");//其次，这个引用也得是可变的 let len = get_lenth(&mut s1); println!("{} length is {}",s1,len);}// 方法的入参也得是可变的fn get_lenth(s: &mut String) -> usize { s.push_str(", World"); s.len()} 1 可变引用可变引用的限制： 在一个作用域内，对于某块数据，只能有一个可变引用 这样做的好处有就是在编译的时候防止 数据竞争，以下三种情况都满足的情况会发生数据竞争 多个指针同时访问一个数据 至少有一个指针用于写入数据 没有任何机制来同步对数据的访问 但是我们可以通过创建作用域的方式，来允许非同时创建多个可变引用 12345678fn main(){ let mut s = String::from("Hello"); { let m1 = &mut s; } let m2 = &mut s;} 还有一个限制： 不可以同时拥有一个可变引用和不可变引用 2 悬空指针悬空指针(Dangling Pointer)，或者叫野指针，指向内存一个地址，但是这块内存已经被回收了，甚至已经分配给别人了，而Rust永远不会出现这个问题 Rust保证了，在引用一个数据的时候，编译器会保证，在引用离开作用域之前，数据不会离开作用域 12345678fn main(){ let s = dangle();}//这里会报错fn dangle() -> &String { let str = String::from("hello"); &str} 上面的代码编译会报错，因为str在方法结束就销毁了，而str的引用却返回了，也就是出现了野指针，这样在rust编译会不通过的 3 切片Rust的一种 不持有所有权的数据类型，英文slice，可以用于解决下面的问题 小例子返回第一个空格的下标，这里其实是有问题的，因为，这个index是不合字符串s绑定的，表示的只是之前算过的值，而不是当前的值，可以看到仅仅是返回一个空格下标这么多代码，还有bug 1234567891011121314151617181920fn main(){ let s = String::from("Hello World"); let index = first_world(&s); s.clear(); println!("{}",index);}fn first_world(str : &String) ->usize{ let bytes = str.as_bytes(); // iter会返回一个迭代器 // enumerate会将迭代器包装为一个元组，1 索引， 2 元素的引用 for (i,&item) in bytes.iter().enumerate() { if item == b' ' { return i; } } str.len()} 字符串切片左闭右开的语法：以及部分语法糖 12345678910fn main(){ let s = String::from("Hello World"); let h1 = &s[0..5]; let w1 = &s[6..11]; //语法糖 let h2 = &s[..5]; let w2 = &s[6..]; let all = &s[..];} 字符串切片在内存中的结构，指向堆内存数据的一部分 改造之前的小例子，使其返回一个字符串切片,字符串切片的类型标识为：&str 1234567891011121314151617fn main(){ let s = String::from("Hello World"); let str = first_world(&s); println!("{}",str);}fn first_world(s: &String) ->&str{ let bytes = s.as_bytes(); // iter会返回一个迭代器 // enumerate会将迭代器包装为一个元组，1 索引， 2 元素的引用 for (i,&item) in bytes.iter().enumerate() { if item == b' ' { return &s[..i]; } } &s[..]} 字符串字面值字符串字面值，是什么类型的呢，没错就是切片 将切片作为参数之前的例子都是字符串引用作为入参： 12fn first_world(s: &String) ->&str{} 其实，可以使用切片作为入参，这样切片可以作为入参，二字符串可以传入完整的切片，入参更为多样了。因为切片还是一种引用嘛，一样的","categories":[{"name":"技术","slug":"技术","permalink":"https://www.yangcc.top/categories/%E6%8A%80%E6%9C%AF/"}],"tags":[{"name":"Rust","slug":"Rust","permalink":"https://www.yangcc.top/tags/Rust/"}]},{"title":"Rust学习(一)：猜数字游戏","slug":"Rust学习(一)","date":"2022-03-13T16:00:00.000Z","updated":"2022-03-13T16:00:00.000Z","comments":true,"path":"2690763544/","link":"","permalink":"https://www.yangcc.top/2690763544/","excerpt":"","text":"一 Rust安装Rust安装极为简单，先下载rustup 之后使用命令下载： 1curl --proto '=https' --tlsv1.2 -sSf https://sh.rustup.rs | sh 在vscode下载插件 rust-analyzer即可快速开发 二 cargocargo就是rust的包管理工具，与npm,maven等是一样的，一般rustup来安装rust会自带cargo，常见命令如下 12345678# 创建一个catgo项目cargo new 项目# 编译和执行结果，可以用来检验是否编写错误cargo run # 发布的构建，编译会优化，代码更快，但是编译时间更长cargo build --release# 普通的构建cargo build 三 猜数字游戏12345678910111213141516171819202122232425262728293031323334353637use rand::Rng;use std::cmp::Ordering; //Ordering是一个枚举类型use std::io; //Rng是一个trait 可以认为是接口 //rust默认会倒入prelude这个模块fn main() { println!("猜一个数字"); //i32 u32 i64 都是整形 let number = rand::thread_rng().gen_range(1..101); // loop表示无限循环 loop { let mut guess = String::new(); // io函数读取输 使用expect方法，表示如果result是err则执行 io::stdin().read_line(&mut guess).expect("无法读取行"); //将字符串转为整形 parse方法返回中为Result // 隐藏shadow 隐藏重名的旧变量，从18行开始，变量guess类型就变了 let guess: u32 = match guess.trim().parse() { Ok(num) => num, //_：此通配符表示不关心这个值 Err(_) => continue, }; println!("你猜测的数是：{}", guess); //match表达式：可以让我们根据 枚举值选择不同的操作，就相当于if else //cmp就是compere，比较的意思 match guess.cmp(&number) { //三个枚举分别表示小大等 Ordering::Less => println!("Too Small!"), Ordering::Greater => println!("Too Big!"), Ordering::Equal => { println!("You Win!"); break; } } }} 参考：","categories":[{"name":"技术","slug":"技术","permalink":"https://www.yangcc.top/categories/%E6%8A%80%E6%9C%AF/"}],"tags":[{"name":"Rust","slug":"Rust","permalink":"https://www.yangcc.top/tags/Rust/"}]},{"title":"在Manjaro上配置conky","slug":"在Manjaro上配置conky","date":"2022-03-05T16:00:00.000Z","updated":"2022-03-05T16:00:00.000Z","comments":true,"path":"503294022/","link":"","permalink":"https://www.yangcc.top/503294022/","excerpt":"","text":"一 下载conky使用pacman,或者yay，或者使用gnome的商店都可以下载： 12sudo pacman -S conkyyay -S conky 在家目录新建一个.conkyrc的文件，写上配置文件即可，效果如下： 二 设置开机自启比如在gnome中工具中设置开机自启，是没有效果的，因为conky需要在系统启动桌面加载好后才启动，因此需要一个延时，因此，在目录 ~/.config/autostart/目录中可以看到很多的开机自启的 desktop文件，因此只需要新建一个 sh设置休眠后启动即可： 在家目录新建一个 conky.sh 12#!/bin/bashsleep 5 && conky 在 ~/.config/autostart/新建一个 dekstop文件 1234[Desktop Entry]Type=ApplicationName=conkyExec=/home/${你的用户名}/conky.sh 这样conky就能正常的启动了 三 相关文件：配置文件： 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071alignment top_rightbackground noborder_width 0cpu_avg_samples 16default_color greendefault_outline_color whitedefault_shade_color 000000draw_borders nodraw_graph_borders yesdraw_outline nodraw_shades nouse_xft yesfont Noto Sans Regular:size=8xftfont Noto Sans Regular:size=8override_utf8_locale yesminimum_size 280 5maximum_width 350net_avg_samples 2no_buffers yesout_to_console noout_to_stderr noextra_newline noown_window yesown_window_class Conkyown_window_type desktopown_window_hints undecorated,below,sticky,skip_taskbar,skip_pagerdouble_buffer yesown_window_colour 000000own_window_argb_visual yesown_window_argb_value 0stippled_borders 0update_interval 1.0uppercase nouse_spacer noneshow_graph_scale noshow_graph_range nogap_x 10gap_y 50default_color ffffffdefault_shade_color 000000default_outline_color 000000TEXT${voffset 3}${color EAEAEA}${font Noto Sans Regular:pixelsize=100}${time %H:%M}${voffset -26}${color EAEAEA}${font Noto Sans Regular:pixelsize=40} ${color #7fef94}${time %B} ${font}${voffset -3}${offset 2}${color #fdc92d}${font Noto Sans Regular:pixelsize=30}${time %d号} ${font}${voffset 25}${font Noto Sans Regular:pixelsize=30}${offset -55}${time %A}${color}${hr 1}${font Noto Sans Regular:pixelsize=25}${color #fdc92d}主机名称：${alignr}${color } Linux $kernel${color #fdc92d}主机名称：${alignr}${color } $nodename${color #fdc92d}内核版本：${alignr}${color }$kernel${color #fdc92d}运行时间：${alignr}${color }$uptime####系统####${color lightblue}${font :bold:size=12}${color lightblue}系统${alignr 180}${color}${hr 1}${font Noto Sans Regular:pixelsize=25}${color #fdc92d}CPU:${alignr} $color${cpu}% ${color #78af78}${cpubar 10,60}${color #fdc92d}内存: $color$mem / $memmax ${color}${alignr}$memperc% ${color #78af78}${membar 10,60}${color #fdc92d}根分区: ${color}${fs_free /} / ${fs_size /}${alignr}${color #78af78}${fs_bar 10,60 /}${color #fdc92d}用户分区: $color${fs_free /home} / ${fs_size /home} ${color #78af78}${alignr}${fs_bar 10,60 /home}####网络####${color lightblue}${font :bold:size=12}${color lightblue}网络${alignr 180}${color}${hr 1}${font Noto Sans Regular:pixelsize=25}${color #fdc92d}无线WIFI：${alignr}${color}${font :pixelsize=25} IP：${addr wlp1s0}${color #7fef94}${font Noto Sans Regular:pixelsize=25}下载： ${downspeed wlp1s0} KiB/s ${alignr}上传： ${upspeedf wlp1s0} KiB/s${color #C9C9C9}${downspeedgraph wlp1s0 20,100} ${alignr}${upspeedgraph wlp1s0 20,100}$color总计： ${totaldown wlp1s0} ${alignr}总计： ${totalup wlp1s0}${font Noto Sans Regular:pixelsize=25}${color #fdc92d}本地连接：${alignr} ${color}${font :pixelsize=25} IP：${addr enp2s0}${color #7fef94}${font Noto Sans Regular:pixelsize=25}下载： ${downspeedf enp2s0} KiB/s ${alignr} 上传： ${upspeedf enp2s0} KiB/s${color #C9C9C9}${downspeedgraph enp2s0 20,100} ${alignr}${upspeedgraph enp2s0 20,100}$color总计： ${totaldown enp2s0} ${alignr}总计： ${totalup enp2s0}#随便写点啥＃$alignc ${color #056107}${font :bold:size=5}","categories":[{"name":"工具","slug":"工具","permalink":"https://www.yangcc.top/categories/%E5%B7%A5%E5%85%B7/"}],"tags":[{"name":"Linux","slug":"Linux","permalink":"https://www.yangcc.top/tags/Linux/"}]},{"title":"Manjaro上安装mysql","slug":"Manjaro上安装mysql","date":"2022-03-04T16:00:00.000Z","updated":"2022-03-04T16:00:00.000Z","comments":true,"path":"2520100274/","link":"","permalink":"https://www.yangcc.top/2520100274/","excerpt":"","text":"一 下载mysql无论是使用自带商店，还是pacman,yay都是可以的 二 配置 打开终端初始化mysql：复制日志中打印的随机密码 1sudo mysqld --initialize --user=mysql --basedir=/usr --datadir=/var/lib/mysql 然后启动mysql 123456781.首先启动MySQLsudo systemctl start mysqld2.登录mysql -u root -p3.修改密码ALTER USER 'root'@'localhost' IDENTIFIED WITH caching_sha2_password BY 'root';4. 开机自启sudo systemctl enable mysqld.service 添加环境变量 123451.编辑profile文件，配置环境变量export MYSQL_HOME=/usr/local/mysqlexport PATH=$PATH:$MYSQL_HOME/bin2.立即生效source /etc/profile 重启服务 12sudo systemctl restart mysqldmysql -u root -p","categories":[{"name":"工具","slug":"工具","permalink":"https://www.yangcc.top/categories/%E5%B7%A5%E5%85%B7/"}],"tags":[{"name":"Linux","slug":"Linux","permalink":"https://www.yangcc.top/tags/Linux/"}]},{"title":"控制缩放以及多倍图","slug":"系统缩放和多倍图","date":"2022-02-07T16:00:00.000Z","updated":"2022-02-07T16:00:00.000Z","comments":true,"path":"1839521991/","link":"","permalink":"https://www.yangcc.top/1839521991/","excerpt":"","text":"一 系统缩放Javafx针对系统缩放是有优化的，比如在我的小新pro13上默认缩放比例为200%，因此在默认情况下如下的代码： 12primaryStage.setWidth(500);primaryStage.setHeight(500); 展示的宽高是1000x1000,而我们是否可以自己来进行控制呢？也就是很多桌面程序常见的功能：是否禁止屏幕DPI适配 在Javafx中为我们提供了两个虚拟机参数： 1234# 禁止屏幕缩放-Dprism.allowhidpi = false# 默认起始缩放比例：-Dglass.win.minHiDPI = 1 因此只需要在虚拟机启动的时候加上这个参数即可，而Java为我们提供了两种方式，分别是键值对，以及传入一个Properties对象，因此就可以将参数写入Properties文件中，就可以保存用户的设置。 二 多倍图多倍图还是对系统缩放的优化，因为如果图片是固定大小的，如果高分屏缩放很可能是150%，200%，那这样图片就会出现模糊的效果，因此Javafx对此进行了优化只要图片名称后加入 @2x或者 @3x,注意只能是整数倍，就可以实现自动切换,比如下面的代码，加载的其实是 java@2x.png这张图片。 123primaryStage.getIcons().add( new Image(getClass().getResource("/img/java.png").toExternalForm())); 注意加载图片的方式要使用非流的方式，因为如果是流就固定的使用那张图片了。 三 参考感谢B站LeeWyatt老师的讲解，这是视频地址 https://www.bilibili.com/video/BV113411k7Zr","categories":[{"name":"技术","slug":"技术","permalink":"https://www.yangcc.top/categories/%E6%8A%80%E6%9C%AF/"}],"tags":[{"name":"Javafx","slug":"Javafx","permalink":"https://www.yangcc.top/tags/Javafx/"}]},{"title":"类型擦除","slug":"类型擦除","date":"2021-10-01T16:00:00.000Z","updated":"2021-10-01T16:00:00.000Z","comments":true,"path":"2260828129/","link":"","permalink":"https://www.yangcc.top/2260828129/","excerpt":"","text":"一 泛型 在JAVA中的泛型，在编译的时候，所有的泛型信息都会被抹去。这个过程成为 类型擦除。这样做的原因是为了兼容老版本。 JAVA中泛型的引入主要是为了解决两个方面的问题： 减少类型转换 解决的时重复代码的编写，能够复用算法，泛化。 以类Dad为例，有一成员是泛型，并且有对应的get，set方法。 1234567891011public class Dad<T> { private T value; public T getValue() { return value; } public void setValue(T value) { this.value = value; }} 而在反编译后，代码如下，可以看到类型T全部被Object替换。如果定义的类泛型指定为 <T extend Comparable>，则编译后所有的T替换为Comparable 12345678910111213public class Dad{ private Object value; public Object getValue() { return value; } public void setValue(Object value) { this.value = value; }} 二 类型擦除产生的特性1 编译检查根据引用确定: 既然编译后类型变为Object，因此赋值的时候传递不同类型的值是否可以呢？答案是不可以，因为编译器在编译前会先检查代码中泛型的类型，不符合条件编译不通过。 1234//正确方式List<String> list = new ArrayList<String>();list.add("aaa");list.add(1);//编译报错 而如下这种方式虽然可以通过编译但是会有编译警告，但我们这么用就没意义了，因为存储的类型实际上是Object，如果要强行转换为String是会出现 类型转换异常的。 1234567List list = new ArrayList<String>();list.add("aaa"); //编译警告，未检查的参数list.add(1);for (Object o : list) { System.out.println((String) o); //到第二个参数的时候抛出 类型转换异常} 从上面的例子可以看出，编译器在检查泛型是否合格的时候确实是根据 引用检查的 2 不允许引用传递时改变类型： 既然前面我们知道了编译器检查泛型是否合格是根据 引用来决定是否通过的，那么我们引用传递下换成不同的类型是否是可以的呢? 答案是不可以的，泛型的出现就是为了尽量减少类型转换，这样写代码也就失去了意义。 12List<Object> list1 = new ArrayList<>();List<String> list2 = list1; //编译报错 3 集合会自动类型转换 因为在编译的时候都变为了Object，而我们获取后为何还是我们制定的类型呢？以ArrayList为例，在获取元素前已经做了类型转换，我们不再需要进行类型转换了。 123E elementData(int index) { return (E) elementData[index]; //转换为指定的类型} 4 桥方法解决与多态的冲突 有一个泛型父类如下： 1234567891011public class Dad<T> { private T value; public T getValue() { return value; } public void setValue(T value) { this.value = value; }} 有子类继承它，并且指定泛型类型，我们会发现这样写 @Override注解是通过的，也就是满足重写。但是父类编译后是Object，而我们子类的两个方法是String类型，因为方法重写的规则是 方法的参数是必须是相同类型的，因此这里的set方法其实并不满足重写规则的， 1234567891011121314public class Sub extends Dad<String>{ public Sub() { } @Override public String getValue() { return "hello world"; } @Override public void setValue(String value) { System.out.println("设置value"); }} 将子类反编译后会发现，多出来两个对应的方法。可以看到这两个方法调用了我们重写的方法，实际上这两个方法才满足 @Override，这就是 桥方法，编译后通过这个方法解决了泛型类重写的问题。 123456789101112131415161718192021public class Sub extends Dad { public String getValue() //重写的get方法 { return "hello world"; } public volatile Object getValue() //生成的桥方法 { return getValue(); //调用重写的方法 } public void setValue(String value) //重写的set方法 { System.out.println("设置value"); } public volatile void setValue(Object obj) //生产的桥方法 { setValue((String)obj); //调用重写的set方法 }} 5 泛型类型变量不能是基本数据类型 因为类型擦除后所有的泛型关键字都是要替换成Object或者其子类，反正一定要是引用类型。如果要使用基本类型存储数据可以使用相应的包装类。 6 集合的instanceof编译不通过 因为编译后类型被擦除，无论是 List<String>还是 List<Integer>都变成了 List,因此下面的语句在编译时候是不通过的： 12ArrayList<String> arrayList = new ArrayList<String>();if( arrayList instanceof ArrayList<String>) //编译不通过 7 静态成员或者方法无法声明为泛型 因为泛型类型是创建对象的时候才确定是什么类型的，而静态属性或者方法不需要使用对象调用，无法确定泛型是什么类型的。 而下面这种情况例外：因为方法show的返回值类型是由方法参数决定的，返回值类型就是参数类型。 123456public class Demo<T> { public static <T> T show(T t){ //编译正确 return null; } } 三 如何保存泛型信息 既然泛型信息擦除了，那么反射应该是获取不到类型信息的吧，但是还是能获取到 有一个泛型父类，在构造方法中通过反射获取类型信息 12345678910111213141516public class EntityHandler<T> { public EntityHandler() { //获取class对象 Class<?> clazz = this.getClass(); //获取类型 Type genericSuperclass = clazz.getGenericSuperclass(); System.out.println(genericSuperclass); //EntityHandler<User> //获取泛型信息 ParameterizedType t = (ParameterizedType)clazz.getGenericSuperclass(); Type[] ts = t.getActualTypeArguments(); for (Type type : ts) { System.out.println(type); //class User } }} 子类赋值为了User类型 12345public class UserHandler extends EntityHandler<User>{ public static void main(String[] args) { new UserHandler(); }} 控制台打印： 12test.base.generic.EntityHandler<test.base.generic.User>class test.base.generic.User 答案就是在编译为字节码文件的时候，泛型信息通过 Signature保存了下来 12345678910111213141516{ public test.base.generic.UserHandler(); descriptor: ()V flags: (0x0001) ACC_PUBLIC Code: stack=1, locals=1, args_size=1 0: aload_0 1: invokespecial #1 // Method EntityHandler."<init>":()V 4: return LineNumberTable: line 7: 0 LocalVariableTable: Start Length Slot Name Signature 0 5 0 this Ltest/base/generic/UserHandler;}Signature: #12 // /EntityHandler<Ltest/User; 1234List<String> l1 = new ArrayList<>();List<Integer> l2 = new ArrayList<>();System.out.println(l1.getClass() == l2.getClass());","categories":[{"name":"技术","slug":"技术","permalink":"https://www.yangcc.top/categories/%E6%8A%80%E6%9C%AF/"}],"tags":[{"name":"Java","slug":"Java","permalink":"https://www.yangcc.top/tags/Java/"}]},{"title":"Elasticsearch","slug":"ElasticSearch","date":"2021-09-30T16:00:00.000Z","updated":"2021-09-30T16:00:00.000Z","comments":true,"path":"3542956005/","link":"","permalink":"https://www.yangcc.top/3542956005/","excerpt":"","text":"Elasticsearch一、现存问题1.1 现存问题 海量数据存储 海量数据中完成全文检索 如何实现关键字的高亮显示 海量数据中完成统计操作 1.2 ES的介绍（搜索引擎） Elasticsearch天生分布式，支持海量数据的存储，什么在大数据领域也有应用。 Elasticsearch采用倒排索引的方式去全文检索数据，亿级数据中检索时间在毫秒级别。 Elasticsearch提供了highlight高亮查询方式 Elasticsearch提供了及其丰富和聚合函数 Elasticsearch基于Java实现，搜索功能是基于先进最流行的Lucene实现…… Elasticsearch本身是一套技术栈，ELK中的一个组件，ELK是收集日志的一套技术栈…… 中文官方地址：https://www.elastic.co/cn/elasticsearch/ 二、安装ES&Kibana&IK分词器 采用docker运行Elasticsearch容器和Kibana容器 2.1 安装ES&Kibanadocker-compose.yml 123456789101112131415161718192021222324252627version: "3.1"services: elasticsearch: image: 10.9.12.200:60001/elasticsearch:7.8.0 # restart: always # 只要docker启动，当前容器自动启动 container_name: elasticsearch ports: - 9200:9200 environment: - "discovery.type=single-node" - "ES_JAVA_OPTS=-Xms256m -Xmx256m" volumes: - ./data:/usr/share/elasticsearch/data - ./config/elasticsearch.yml:/usr/share/elasticsearch/config/elasticsearch.yml # 数据卷如果映射文件，需要提前在宿主机中创建好这个文件 kibana: image: 10.9.12.200:60001/kibana:7.8.0 # restart: always container_name: kibana ports: - 5601:5601 environment: - elasticsearch_url=http://192.168.41.98:9200 depends_on: - elasticsearch volumes: - ./config/kibana.yml:/usr/share/kibana/config/kibana.yml 数据卷映射文件的内容 elasticsearch.yml 12cluster.name: "docker-cluster"network.host: 0.0.0.0 kibana.yml 1234server.name: kibanaserver.host: "0"elasticsearch.hosts: [ "http://elasticsearch:9200" ]xpack.monitoring.ui.container.elasticsearch.enabled: true 准备好上述内容后，docker-compose up -d 检测启动是否成功： Linux中输入：curl localhost:9200| 成功访问es || :——————————————————————————: || | Windows浏览器输入：192.168.41.98:5601| 启动成功 || :——————————————————————————: || | 2.2 安装IK分词器在kibana中基于RESTful的形式和ES交互 需要在kibana上发送HTTP请求并携带JSON参数与ES交互 在kibana的dev tools上测试分词器 自带分词器对中文支持不好 安装IK分词器 下载地址：https://github.com/medcl/elasticsearch-analysis-ik/releases/download/v7.8.0/elasticsearch-analysis-ik-7.8.0.zip 需要将zip压缩包解压的内容放到elasticsearch容器内部的 /usr/share/elasticsearch/plugins/ik_analyzer/ 修改docker-compose.yml文件，给elasticsearch添加了一个数据卷，映射到 /usr/local/docker/es_docker/plugins 将zip压缩包扔到Linux中，并且放到数据库内的ik_analyzer目录里，通过unzip解压，重启elasticsearch容器 再次通过IK分词器进行分词 IK分词器效果 三、ES的存储结构 存储数据结构 在ES服务中创建索引，并指定索引的主分片个数，以及备份分片个数。 给索引设置存储数据的结构 上述搞定后，可以向索引中添加文件…… 四、索引操作4.1 创建索引（不指定存储结构）12345678# 创建索引PUT /book{ "settings": { "number_of_shards": 5, "number_of_replicas": 1 }} 4.2 Elasticsearch数据类型 字符串类型： text：文本类型，一般用于搜索…… keyword：关键字，当前值不允许分词…… boolean类型： boolean：没啥说的………… 二进制类型： binary：只支持encoding为Base64格式…… 数值类型： long A signed 64-bit integer with a minimum value of -263 and a maximum value of 263-1. integer A signed 32-bit integer with a minimum value of -231 and a maximum value of 231-1. short A signed 16-bit integer with a minimum value of -32,768 and a maximum value of 32,767. byte A signed 8-bit integer with a minimum value of -128 and a maximum value of 127. double A double-precision 64-bit IEEE 754 floating point number, restricted to finite values. float A single-precision 32-bit IEEE 754 floating point number, restricted to finite values. half_float A half-precision 16-bit IEEE 754 floating point number, restricted to finite values. scaled_float A floating point number that is backed by a long, scaled by a fixed double scaling factor. unsigned_long An unsigned 64-bit integer with a minimum value of 0 and a maximum value of 264-1. 时间类型： date：代表时间类型，根据format设置格式化方式 1"format": "yyyy-MM-dd || yyyy-MM-dd HH:mm:ss || strict_date_optional_time || epoch_millis" ip类型： ip：支持ipv4和ipv6类型 geo类型： geo_point：支持经纬度存储…… 4.3 创建索引（结构化存储）1234567891011121314151617181920212223242526# 创建索引并设置存储结构PUT /novel{ "settings": { "number_of_shards": 5, "number_of_replicas": 1 }, "mappings": { "properties": { "name": { "type": "text", # 这样会使用默认的standard分词器，使用IK需要额外添加信息 "analyzer": "ik_max_word" # 添加这个才会使用IK分词器 }, "author": { "type": "keyword" }, "count": { "type": "long" }, "onsale": { "type": "date", "format": "yyyy-MM-dd || yyyy-MM-dd HH:mm:ss || strict_date_optional_time || epoch_millis" } } }} 创建成功，查看效果 索引构建成功后 主分片个数不允许修改…… 备份分片个数可以随意修改…… 索引中的属性类型是不允许修改的，但是可以追加属性…… 12345678PUT /索引/_mapping{ "properties": { "field": { "type": "datatype" } }} 4.4 查看索引 可以通过图形化界面查看 REST查看 1GET /索引 4.5 删除索引 可以通过图形化界面删除 REST删除 1DELETE /索引 五、文档操作5.1 添加文档12345678910111213141516# 添加文档，指定id添加，自动生成idPOST /novel/_doc/ # 自动生成id{ "name": "斗破苍穹", "author": "天残土豆", "count": 99999, "onsale": "2000-01-01"}POST /novel/_create/1 # 手动设置id{ "name": "斗罗大陆", "author": "唐家三少", "count": 999999, "onsale": "2010-01-01"} 5.2 修改文档1234567# 修改文档POST /novel/_update/1{ "doc": { "name": "倒斗大陆" }} 5.3 删除文档12# 删除文档DELETE /novel/_doc/sXVVyHsB4k1tdHs36v4c 5.4 根据id查询文档12# 根据_id查询文档GET /novel/_doc/1 查询返回结果 六、Java操作ES Elasticsearch官方推出了两种Java操作的客户端，采用Rest-High-Level-Client。 还有另一种与Elasticsearch交互客户端，可以写类似SQL的语句，与Elasticsearch交互。 还有另一种与Elasticsearch交互客户端，SpringBoot整合的data-elasticsearch。 6.1 Java连接Elasticsearch服务6.1.1 导入依赖1234567891011121314151617<dependencies> <dependency> <groupId>org.elasticsearch</groupId> <artifactId>elasticsearch</artifactId> <version>7.8.0</version> </dependency> <dependency> <groupId>org.elasticsearch.client</groupId> <artifactId>elasticsearch-rest-high-level-client</artifactId> <version>7.8.0</version> </dependency> <dependency> <groupId>junit</groupId> <artifactId>junit</artifactId> <version>4.12</version> </dependency></dependencies> 6.1.2 编写配置类1234567891011121314151617public class ESClientUtil { /** * 获取与ES交互的client对象 * @return */ public static RestHighLevelClient getClient(){ HttpHost httpHost = new HttpHost("192.168.41.98",9200); RestClientBuilder restClientBuilder = RestClient.builder(httpHost); RestHighLevelClient restHighLevelClient = new RestHighLevelClient(restClientBuilder); return restHighLevelClient; }} 6.2 添加文档12345678910111213141516171819202122232425262728private final String CREATED = "created";@Testpublic void addDoc() throws IOException { //1. 创建指定的request对象 IndexRequest indexRequest = new IndexRequest(); //2. 设置索引信息，文档id indexRequest.index("novel"); indexRequest.id("3"); //3. 准备具体文档数据 Map source = new HashMap<>(8); source.put("name","明朝"); source.put("author","朱元璋"); source.put("count",88888); // 时间推荐使用年月日时分秒格式，虽然kibana显示有问题，但是查询结果没问题 source.put("onsale",new Date()); indexRequest.source(source); //4. 将request用RestHighLevelClient发送出去，接收ES服务的响应 IndexResponse resp = ESClientUtil.getClient().index(indexRequest, RequestOptions.DEFAULT); //5. 基于响应结果，判断添加是否成功 if (CREATED.equals(resp.getResult().getLowercase())) { System.out.println("文档添加成功！！！"); }} 6.3 修改文档12345678910111213141516171819202122@Testpublic void updateById() throws IOException { //1. 创建指定的request对象 UpdateRequest request = new UpdateRequest(); //2. 设置索引信息，文档id request.index("novel"); request.id("3"); //3. 准备具体文档数据 Map<String, Object> source = new HashMap<>(4); source.put("name","明朝那么多事！"); request.doc(source); //4. 将request用RestHighLevelClient发送出去，接收ES服务的响应 UpdateResponse resp = ESClientUtil.getClient().update(request, RequestOptions.DEFAULT); //5. 基于响应结果，判断操作是否成功 if (UPDATED.equals(resp.getResult().getLowercase())) { System.out.println("文档修改成功！"); }} 6.5 批量操作 批量操作 6.6 根据id查询文档123456789101112131415@Testpublic void get() throws IOException { //1. 创建指定的request对象 GetRequest request = new GetRequest(); //2. 设置索引信息，文档id request.index("novel"); request.id("3"); //3. 将request用RestHighLevelClient发送出去，接收ES服务的响应 GetResponse resp = ESClientUtil.getClient().get(request, RequestOptions.DEFAULT); //4. 基于响应结果，判断操作是否成功 System.out.println(resp.getSourceAsMap());} 七、ES的基本查询7.1 倒排/反向索引 倒排索引 7.2 term查询 term是ES最基本的查询，基本上所有的检索方式的底层都是term查询…… 7.2.1 term查询 term查询对比MySQL的话，相当于：where column = ？ term就是将用户输入的关键字与ES中的某一个属性做等值比较（当前属性的分词库）。 term不会将用户输入的关键字进行分词，直接拿用户的完整关键字匹配分词库。 term更适合查询keyword类型的属性 查询执行流程 1234567891011# term查询POST /sms_logs_index/_search{ "query": { "term": { "smsContent": { "value": "滴滴单车平台" } } }} 7.2.2 terms查询 term查询对比MySQL的话，相当于：where column in (?,?,?) 和terms一致，让用户输入多个关键字去匹配一个属性 123456789101112[[terms查询]]POST /sms_logs_index/_search{ "query": { "terms": { "smsContent": [ "滴滴打车", "平台" ] } }} 7.3 match查询 match查询是使用频率最高的查询方式，match查询的底层还是term查询 match查询会根据查询的field的属性，决定是否将用户输入的关键字进行分词 如果field是keyword类型，match查询不会将用户输入的关键字进行分词 如果field是text类型，match查询会将用户输入的关键字进行分词 7.3.1 match查询 用户输入一个关键字去匹配一个Field 123456789# match查询POST /sms_logs_index/_search{ "query": { "match": { "smsContent": "【招商银行】尊贵的王五先生" } }} 7.3.2 match_all查询 查询全部数据 12345678910111213141516# match_all 查询POST /sms_logs_index/_search{ "query": { "match_all": {} }, "from": 10, # limit的第一个参数 "size": 10, # limit的第二个参数 "sort": [ # 指定根据哪个field做排序，不根据es的分数进行排序…… { "fee": { "order": "asc" } } ]} 7.3.3 multi_match查询 一个值匹配多个Field 提升ES的查询命中率…… 12345678910# multi_matchPOST /sms_logs_index/_search{ "query": { "multi_match": { "query": "银行", "fields": ["corpName","smsContent"] } }} 7.4 range查询 range查询可以实现范围检索 针对数值，时间和IP地址做范围查询 12345678910111213141516171819202122232425262728293031323334353637383940# range 查询# 数值范围POST /sms_logs_index/_search{ "query": { "range": { "fee": { "gte": 1, "lt": 5 } } }}# 时间范围, 时间格式规定好，推荐都用时分秒，skr~~POST /sms_logs_index/_search{ "query": { "range": { "sendDate": { "gte": "2021-09-09 02:11:11", "lte": "2021-09-09 05:59:11", "format": "yyyy-MM-dd HH:mm:ss" } } }}# ip范围POST /sms_logs_index/_search{ "query": { "range": { "ipAddr": { "gt": "9.126.2.8", "lte": "11.126.2.255" } } }} 7.5 Java与ES交互实现查询操作123456789101112131415161718192021222324252627282930313233public class Demo2Test { /** * range范围查询，基于fee，查询1分到5分之间的 */ @Test public void rangeQuery() throws IOException { //1. req SearchRequest request = new SearchRequest(); //2. index request.indices("sms_logs_index"); //3. body SearchSourceBuilder sourceBuilder = new SearchSourceBuilder(); sourceBuilder.query(QueryBuilders.rangeQuery("fee").gte(1).lte(5)); sourceBuilder.from(0); sourceBuilder.size(2); sourceBuilder.sort("fee", SortOrder.ASC); request.source(sourceBuilder); //4. execute SearchResponse resp = ESClientUtil.getClient().search(request, RequestOptions.DEFAULT); //5. source for (SearchHit hit : resp.getHits().getHits()) { System.out.println(hit.getSourceAsMap()); } }} 八、ES的其他查询8.1 ids查询 ids是根据多个_id的值，直接拉取分片上的数据…… 123456789# ids查询POST /sms_logs_index/_search{ "query": { "ids": { "values": ["1","2","3"] } }} 8.2 prefix查询 将用户输入的关键字去分词库中匹配term的前缀…… 1234567891011# prefix查询POST /sms_logs_index/_search{ "query": { "prefix": { "corpName": { "value": "养车" } } }} 8.3 fuzzy查询 真正的模块查询，允许用户输入的关键字有错别字（错别字尽量出现在后面……） 1234567891011# fuzzy查询POST /sms_logs_index/_search{ "query": { "fuzzy": { "corpName": { "value": "盒马生鲜" } } }} 8.4 wildcard查询 和MySQL中的like查询一样的通配、占位查询， MySQL%代表通配，_代表占位 wildcard中*代表通配，？代表占位 1234567891011# wildcard查询POST /sms_logs_index/_search{ "query": { "wildcard": { "corpName": { "value": "中国????????" } } }} 8.5 regexp查询 基于正则表达式匹配分词库中的term 123456789# regexp查询POST /sms_logs_index/_search{ "query": { "regexp": { "mobile": "1390[0-9]{7}" } }} 九、ES的复合查询 基于ES的query查询数据时，暂时只能一个条件一个条件的使用，没有办法将多个条件以一定的逻辑方式组合在一起。 ES也支持查询方式，允许多个条件封装到一起，这种查询叫bool查询 只要公司项目用ES做全文检索，100%用bool查询 bool查询提供了四种组合方式： must：等于MySQL的and should：等于MySQL的or must_not：等于MySQL的! filter：在query的筛选基础上，再次做筛选，这次筛选不会计算分数 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859# bool查询# smsContent中包含先生 并且 fee大于等于5分# 省份要么是北京，要么是上海# 公司名称不是 滴滴打车# 将上述结果再次筛选出手机号为 13900000000的POST /sms_logs_index/_search{ "query": { "bool": { "must": [ { "match": { "smsContent": "先生" } }, { "range": { "fee": { "gte": 5 } } } ], "should": [ { "term": { "province": { "value": "北京" } } }, { "term": { "province": { "value": "西安" } } } ], "must_not": [ { "term": { "corpName": { "value": "滴滴打车" } } } ], "filter": [ { "term": { "mobile": "13900000000" } } ], "minimum_should_match": 0 } }} 十、ES的高亮查询 将用户输入的关键字匹配项，以高亮的形式返回。 1234567891011121314151617# 高亮查询POST /sms_logs_index/_search{ "query": { "term": { "corpName": "滴滴打车" } }, "highlight": { "pre_tags": "<span style='color:red;'>", "post_tags": "</span>", "fragment_size": 20, "fields": [ {"corpName": {}} ] }} Java代码 1234567891011121314151617181920212223242526272829303132333435363738394041public class Demo2Test { @Test public void matchQuery() throws IOException { //1. req SearchRequest request = new SearchRequest(); //2. index request.indices("sms_logs_index"); //3. body SearchSourceBuilder sourceBuilder = new SearchSourceBuilder(); sourceBuilder.query(QueryBuilders.matchQuery("smsContent","先生")); sourceBuilder.from(0); sourceBuilder.size(2); sourceBuilder.sort("fee", SortOrder.ASC); HighlightBuilder highligter = new HighlightBuilder(); highligter.fragmentSize(20); highligter.field("smsContent"); highligter.preTags("<span style='color:red;'>"); highligter.postTags("</span>"); sourceBuilder.highlighter(highligter); request.source(sourceBuilder); //4. execute SearchResponse resp = ESClientUtil.getClient().search(request, RequestOptions.DEFAULT); //5. source for (SearchHit hit : resp.getHits().getHits()) { System.out.println(hit.getSourceAsMap()); Map<String, HighlightField> highlightFields = hit.getHighlightFields(); HighlightField smsContent = highlightFields.get("smsContent"); if(smsContent != null){ String highlight = smsContent.getFragments()[0].toString(); System.out.println("highlight:" + highlight); } } }} 十一、ES的聚合函数ES提供了丰富的聚合函数在海量数据中做统计 想MySQL提供的5种聚合函数，ES都支持…… ES提供的聚合函数特别多，挑几个常用的…… 11.1 Extended_stats 查询出指定属性的count，min，max，sum，avg，平方和，方差，标准偏差………… 1234567891011# 聚合函数-Extended statsPOST /sms_logs_index/_search{ "aggs": { "heiheihei": { "extended_stats": { "field": "fee" } } }} 11.2 Cardinality 针对非text类型的属性做 去重计数 1234567891011# 聚合函数-CardinalityPOST /sms_logs_index/_search{ "aggs": { "xixixi": { "cardinality": { "field": "createDate" } } }} 11.3 Range统计 ES中针对Range范围统计提供了Range，DateRange，IPRange 可以统计范围内出现数据的数量。 12345678910111213141516171819202122232425262728293031323334# 聚合函数-RangePOST /sms_logs_index/_search{ "aggs": { "hahaha": { "range": { "field": "fee", "ranges": [ {"to": 5}, {"from": 5,"to": 8}, {"from": 8} ] } } }}# 聚合函数-DateRangePOST /sms_logs_index/_search{ "aggs": { "hehehe": { "date_range": { "field": "createDate", "ranges": [ {"to": "2021-09-09 04:00:00"}, {"from": "2021-09-09 04:00:00","to": "2021-09-09 12:00:00"}, {"from": "2021-09-09 12:00:00"} ], "format": "yyyy-MM-dd HH:mm:ss" } } }} 11.4 histogram 根据指定的属性和间隔interval做范围统计 1234567891011121314151617181920212223242526# 聚合函数-histogramPOST /sms_logs_index/_search{ "aggs": { "eee": { "histogram": { "field": "fee", "interval": 1 } } }}# 聚合函数-date_histogramPOST /sms_logs_index/_search{ "aggs": { "yesyesyes": { "date_histogram": { "field": "createDate", "interval": "minute" } } }} 11.5 terms 统计某个属性不同值出现的次数，并且可以基于order做排序，基于size做筛选条数 123456789101112131415# 聚合函数-termsPOST /sms_logs_index/_search{ "aggs": { "yiku": { "terms": { "field": "fee", "size": 2, "order": { "_count": "asc" } } } }} 11.6 Java代码实现 向下转型问题！ 12345678910111213141516171819202122232425262728293031323334/** * 聚合函数Java实现 * @author zjw */public class Demo3Test { @Test public void terms() throws IOException { // request SearchRequest request = new SearchRequest(); // index request.indices("sms_logs_index"); // body SearchSourceBuilder sourceBuilder = new SearchSourceBuilder(); sourceBuilder.aggregation(AggregationBuilders.terms("agg").field("fee").size(10).order(BucketOrder.count(false))); request.source(sourceBuilder); // send,resp SearchResponse resp = ESClientUtil.getClient().search(request, RequestOptions.DEFAULT); // getData Aggregations aggregations = resp.getAggregations(); // 根据聚合函数的查询条件向下转型 Terms agg = aggregations.get("agg"); for (Terms.Bucket bucket : agg.getBuckets()) { System.out.println(bucket.getKey() +"," + bucket.getDocCount()); } }} 十二、ES的GEO查询 GEO查询就是基于经纬度做筛选。 一般经纬度筛选无法计算分数，会将基于GEO的查询统统滴放到filter中。 创建一个索引，指定一个属性的存储类型是geo_point 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647# 玩GEO，创建索引PUT /map { "settings": { "number_of_shards": 3, "number_of_replicas": 1 }, "mappings": { "properties": { "name": { "type": "keyword" }, "location": { "type": "geo_point" } } }}# 插入三条数据 北科，生命科学园地铁，巩华城地铁POST /map/_create/1{ "name": "北科", "location": { "lat": 40.125318, "lon": 116.258312 }}POST /map/_create/2{ "name": "生命科学园地铁", "location": { "lat": 40.101109, "lon": 116.300721 }}POST /map/_create/3{ "name": "巩华城地铁", "location": { "lat": 40.13731, "lon": 116.300344 }} GEO在ES中提供了三种查询方式 geo_distance 12345678910111213141516171819# 一个点，一个距离（半径）查询圆内数据POST /map/_search{ "query": { "bool": { "filter": [ { "geo_distance": { "distance": 4700, "location": { "lat": 40.125318, "lon": 116.258312 } } } ] } }} geo_bounding_box 123456789101112131415161718192021222324# 两个点确定矩形POST /map/_search{ "query": { "bool": { "filter": [ { "geo_bounding_box": { "location": { "top_left": { "lat": 40.109973, "lon": 116.278192 }, "bottom_right": { "lat": 40.093416, "lon": 116.32131 } } } } ] } }} geo_polygon 123456789101112131415161718192021222324252627282930# 多个点确定多边形POST /map/_search{ "query": { "bool": { "filter": [ { "geo_polygon": { "location": { "points": [ { "lat": 40.143736, "lon": 116.29084 }, { "lat": 40.127132, "lon": 116.306003 }, { "lat": 40.148479, "lon": 116.313549 } ] } } } ] } }}","categories":[{"name":"技术","slug":"技术","permalink":"https://www.yangcc.top/categories/%E6%8A%80%E6%9C%AF/"}],"tags":[{"name":"Java","slug":"Java","permalink":"https://www.yangcc.top/tags/Java/"}]},{"title":"Volatile关键字","slug":"volatile关键字","date":"2021-08-11T16:00:00.000Z","updated":"2021-08-11T16:00:00.000Z","comments":true,"path":"1069363226/","link":"","permalink":"https://www.yangcc.top/1069363226/","excerpt":"","text":"1 内存模型缓存不一致问题计算机在执行程序时，每条指令都是在CPU中执行的，而执行指令过程中，势必涉及到数据的读取和写入。由于程序运行过程中的临时数据是存放在主存（物理内存）当中的，这时就存在一个问题，由于CPU执行速度很快，而从内存读取数据和向内存写入数据的过程跟CPU执行指令的速度比起来要慢的多，因此如果任何时候对数据的操作都要通过和内存的交互来进行，会大大降低指令执行的速度。因此在CPU里面就有了高速缓存。 也就是，当程序在运行过程中，会将运算需要的数据从主存复制一份到CPU的高速缓存当中，那么CPU进行计算时就可以直接从它的高速缓存读取数据和向其中写入数据，当运算结束之后，再将高速缓存中的数据刷新到主存当中。 比如有一段代码： 12// 理想情况是两个线程都执行一次，最后的结果为2i = i +1; 此代码在单线程执行没有任何问题,而在多线程运行会被覆盖。 1234线程1：读取i=0放到高速缓冲区 ——> i+1 ——> 刷线数据到主存，i=1线程2：读取i=0放到高速缓冲区 ——> i+1 ——> 刷线数据到主存，i=1 因为在多核心cpu中每个线程可能运行于不同的cpu，因此有可能每个线程的高速缓存不是同一个。 而单核心cpu，是线程调度的，要么分时执行，要么抢占执行，但结果和多核心都是一样的。 解决方式为了解决缓存不一致性问题，通常来说有以下2种解决方法：这2种方式都是 硬件层面上提供的方式。 通过在总线加LOCK锁的方式 在早期的CPU当中，是通过在总线上加LOCK锁的形式来解决缓存不一致的问题。因为CPU和其他部件进行通信都是通过总线来进行的，如果对总线加LOCK锁的话，也就是说阻塞了其他CPU对其他部件访问（如内存），从而使得只能有一个 CPU能使用这个变量的内存。 通过缓存一致性协议 上面的方式会有一个问题，由于在锁住总线期间，其他CPU无法访问内存，导致 效率低下。所以就出现了缓存一致性协议。最出名的就是Intel 的MESI协议，MESI协议保证了每个缓存中使用的共享变量的副本是一致的。它核心的思想是：当CPU写数据时，如果发现操作的变量是共享变量，即在其他CPU中也存在该变量的副本，会发出信号通知其他CPU将该变量的缓存行置为无效状态，因此当其他CPU需要读取这个变量时，发现自己缓存中缓存该变量的缓存行是无效的，那么它就会从内存重新读取。 2 并发编程原子性与数据库那个原子性一个概念，就是两个操作是一体的，要么都执行，要么都不执行 可见性当多个线程访问同一个变量的时候，一个线程修改了值，另外的线程能够立刻看到修改的值 有序性程序是按照代码的顺序执行的，但JVM在真正执行这段代码的时候不一定能保证是按照顺序执行的，因为可能发生 指令重排序（Instruction Reorder） 处理器为了提高程序运行效率，可能会对输入代码进行 优化，它不保证程序中各个语句的执行先后顺序同代码中的顺序一致，但是它会保证程序最终执行结果和代码顺序执行的结果是一致的。 而处理器在进行重排序时是会考虑指令之间的数据依赖性，如果指定2必须要用到指令1，则指令1一定会在指令2之前运行的。指令重排序不会影响单个线程的执行，但是会影响到线程并发执行的正确性。 想要让程序正常的执行，必须要保证满足这三个条件 3 java内存模型 在Java虚拟机规范中试图定义一种 Java内存模型（Java Memory Model，JMM）来屏蔽各个硬件平台和操作系统的内存访问差异，以实现让Java程序在各种平台下都能达到一致的内存访问效果。它定义了程序中变量的访问规则，往大一点说是定义了程序执行的次序。注意，为了获得较好的执行性能，Java内存模型并没有限制执行引擎使用处理器的寄存器或者高速缓存来提升指令执行速度，也没有限制编译器对指令进行重排序。也就是说，在java内存模型中，也会存在缓存一致性问题和指令重排序的问题。Java内存模型规定所有的变量都是存在主存当中（类似于前面说的物理内存），每个线程都有自己的工作内存（类似于前面的高速缓存）。线程对变量的所有操作都必须在工作内存中进行，而不能直接对主存进行操作。并且每个线程不能访问其他线程的工作内存。 总结来说JVM中每个线程都有自己独立的虚拟机栈来执行自己的方法，这样如同操作系统的高速缓冲一样，存在可见性问题。 4 如何保证三个特性原子性1234x =8;y = x; // 包含两步，读取x值，赋值给yx++; // 包含三步，读取x值，x+1，赋值给xx = x+1; 上面四个操作只有操作1是原子操作，java中只有 赋值，和 读取值是原子操作，如果要保证多个操作整体具有原子性，需要同步或者锁来实现(synchronized和Lock) 可见性对于可见性，Java提供了volatile关键字来保证可见性。当一个共享变量被volatile修饰时，它会保证修改的值会立即被更新到主存，当有其他线程需要读取时，它会去内存中读取新值。 另外，还可通过synchronized和Lock也能够保证可见性，synchronized和Lock能保证同一时刻只有一个线程获取锁然后执行同步代码，并且在释放锁之前会将对变量的修改刷新到主存当中。因此可以保证可见性。 有序性在Java内存模型中，允许编译器和处理器对指令进行重排序，单线程程序没有问题，多线程会出现有序性问题。 Java内存模型具备一些先天的“有序性”，即不需要通过任何手段就能够得到保证的有序性，这个通常也称为 happens-before 原则。如果两个操作的执行次序无法从happens-before原则推导出来，那么它们就不能保证它们的有序性，虚拟机可以随意地对它们进行重排序。 下面就来具体介绍下happens-before原则（先行发生原则）： 程序次序规则：一个线程内，按照代码顺序，书写在前面的操作先行发生于书写在后面的操作 锁定规则：一个unLock操作先行发生于后面对同一个锁额lock操作 volatile变量规则：对一个变量的写操作先行发生于后面对这个变量的读操作 传递规则：如果操作A先行发生于操作B，而操作B又先行发生于操作C，则可以得出操作A先行发生于操作C 二 JUC1 关键字volatile一个变量被此关键字修饰后就具备了如下特点： 保证了不同线程对这个变量进行操作时的 可见性，当一个变量被volatile修饰时，那么对它的修改会立刻刷新到主存,当其它线程需要读取该变量时，会去内存中读取新值。 禁止进行指令重排序。 使用volatile关键字并不能保证原子性，如下这段代码，输出的值很随机，正常应该是10000才对。 因为 a++这个代码不是原子性的，包含几个步骤：读取,加1，写入内存，三步。因此，此段代码就有可能这样执行： 某个时刻 a = 10 线程1 ——> 读取a=10 a自增 线程2 ——> 读取到a=10 然后因为此时有别的线程正在进行修改，因此进入阻塞状态 线程3 ——> 此时恰好修改a值那个线程结束了，因此读到是内存中的a = 11，然和进行自增操作为 a=12 线程2 ——> 接着对a进行自增操作,a=11 这样三个线程自增结果却只+1，原因就在于自增操作不是原子的 123456789101112131415161718192021222324public class Test0 { public volatile int a =0; // 自增操作 public void setA(){ a++; } // 10个线程每个线程让a+1，1000次 public static void main(String[] args) { Test0 test = new Test0(); for (int i = 0; i < 10; i++) { new Thread(new Runnable() { @Override public void run() { for (int j = 0; j <1000; j++) { test.setA(); } } }).start(); } Thread.sleep(2000); // 保证上面执行完成 System.out.println(test.a); // 数值随机 }} 有三种方式来解决原子性问题： 12345678910111213141516// 1 同步public synchronized void setA(){ a++;}// 2 锁private Lock lock = new ReentrantLock();public void setA(){ lock.lock(); a++; lock.unlock();}// 3 原子整数public AtomicInteger a = new AtomicInteger();public void setA(){ a.getAndIncrement();} 原理和实现机制 下面这段话摘自《深入理解Java虚拟机》： “观察加入volatile关键字和没有加入volatile关键字时所生成的汇编代码发现，加入volatile关键字时，会多出一个lock前缀指令” lock前缀指令实际上相当于一个内存屏障（也成内存栅栏），内存屏障会提供3个功能： 1）它确保指令重排序时不会把其后面的指令排到内存屏障之前的位置，也不会把前面的指令排到内存屏障的后面；即在执行到内存屏障这句指令时，在它前面的操作已经全部完成； 2）它会强制将对缓存的修改操作立即写入主存； 3）如果是写操作，它会导致其他CPU中对应的缓存行无效。 使用场景 单例模式 12345678910111213141516// 双重检查锁定模式 （Double check locked）public class Test4 { private volatile static Test4 test4 ; private Test4(){}; public static Test4 getTest4() { if (test4==null){ synchronized (Test4.class){ if (test4==null){ test4 = new Test4(); } } } return test4; }} 刚开始是有疑问的，感觉volatile关键字根本没必要呀，其实是为了禁止指令重排，保证 test4 = new Test4()顺序执行，创建对象并赋值有如下的虚拟机指令： 12340: new // 创建一个对象，在堆内开辟空间，并将地址放入虚拟机栈顶 3: dup // 复制操作数栈顶值，并将其压入栈顶，也就是说此时操作数栈上有连续相同的两个对象地址；4: invokespecial #3 //执行构造方法 7: astore_1 // 将地址赋值 创建对象分配堆空间 执行构造方法 将对象地址赋值给变量 上面这三个步骤，2，3是依赖一的，所以2，3一定会在1之后执行，而2，3可能会因为指令重排而发生 3执行在2之前，因此可能会出现下面的情况： 线程1 线程2 1 判断是否为null(true) 2 获取锁 3 判断是否为null(true) 4 发生指令重排 5 创建对象 6 将对象地址赋值给变量 判断是否为null(false) 7 return 8 执行构造方法 在线程1执行构造方法之前，线程2直接将没有初始化的地址返回了，因此线程2要执行操作的时候会出现问题，比如线程1在构造方法对成员变量进行赋值，而线程2获取时候发现还是默认值。 因此volatile的重要性就体现出来了，禁止指令重排序将保证上述问题不会发生。 参考Java并发编程：volatile关键字解析 - Matrix海子 双重检查锁单例模式为什么要用volatile关键字？","categories":[{"name":"技术","slug":"技术","permalink":"https://www.yangcc.top/categories/%E6%8A%80%E6%9C%AF/"}],"tags":[{"name":"Java","slug":"Java","permalink":"https://www.yangcc.top/tags/Java/"}]}],"categories":[{"name":"工具","slug":"工具","permalink":"https://www.yangcc.top/categories/%E5%B7%A5%E5%85%B7/"},{"name":"技术","slug":"技术","permalink":"https://www.yangcc.top/categories/%E6%8A%80%E6%9C%AF/"}],"tags":[{"name":"Java","slug":"Java","permalink":"https://www.yangcc.top/tags/Java/"},{"name":"JavaScript","slug":"JavaScript","permalink":"https://www.yangcc.top/tags/JavaScript/"},{"name":"设计模式","slug":"设计模式","permalink":"https://www.yangcc.top/tags/%E8%AE%BE%E8%AE%A1%E6%A8%A1%E5%BC%8F/"},{"name":"规则引擎","slug":"规则引擎","permalink":"https://www.yangcc.top/tags/%E8%A7%84%E5%88%99%E5%BC%95%E6%93%8E/"},{"name":"算法","slug":"算法","permalink":"https://www.yangcc.top/tags/%E7%AE%97%E6%B3%95/"},{"name":"Electron","slug":"Electron","permalink":"https://www.yangcc.top/tags/Electron/"},{"name":"Rust","slug":"Rust","permalink":"https://www.yangcc.top/tags/Rust/"},{"name":"Linux","slug":"Linux","permalink":"https://www.yangcc.top/tags/Linux/"},{"name":"Javafx","slug":"Javafx","permalink":"https://www.yangcc.top/tags/Javafx/"}]} \ No newline at end of file +{"meta":{"title":"yangccBlog","subtitle":"","description":"yangcc 博客","author":"杨超超","url":"https://www.yangcc.top","root":"/"},"pages":[{"title":"categories","date":"2024-04-29T15:17:49.215Z","updated":"2024-04-29T15:17:49.215Z","comments":true,"path":"categories/index.html","permalink":"https://www.yangcc.top/categories/index.html","excerpt":"","text":""},{"title":"about","date":"2021-09-07T11:58:36.000Z","updated":"2021-09-07T11:58:36.000Z","comments":true,"path":"about/index.html","permalink":"https://www.yangcc.top/about/index.html","excerpt":"","text":"作品 基于Electron的本地音乐播放器 兴趣爱好 MineCraft 星露谷物语 编程，主要从事服务端Java开发，会点安卓，JS Linux,喜欢ArchLinux Kde桌面 骑行新手 周杰伦"},{"title":"友链","date":"2021-05-13T06:16:07.000Z","updated":"2021-05-13T06:16:07.000Z","comments":true,"path":"links/index.html","permalink":"https://www.yangcc.top/links/index.html","excerpt":"","text":""},{"title":"tags","date":"2024-04-29T15:17:49.216Z","updated":"2024-04-29T15:17:49.216Z","comments":true,"path":"tags/index.html","permalink":"https://www.yangcc.top/tags/index.html","excerpt":"","text":""}],"posts":[{"title":"Java版本管理","slug":"Java版本管理","date":"2023-07-14T16:00:00.000Z","updated":"2023-07-14T16:00:00.000Z","comments":true,"path":"2427860074/","link":"","permalink":"https://www.yangcc.top/2427860074/","excerpt":"","text":"在接触前端的时候发现了nvm这样的工具，可以一行命令切换使用的node版本，非常方便，作为一个Java程序员，java是否有版本管理工具呢？ jenv 官网的解释: jEnv is a command line tool to help you forget how to set the JAVA_HOME environment variable 使用一条命令可以轻松配置JAVA_HOME到环境变量。 用法是： 123456789101112jenv <command> [<args>]# 命令参考：commands 列出所有可用的 jenv 命令local 设置或显示本地应用程序特定的 Java 版本global 设置或显示全局 Java 版本shell 设置或显示 shell 特定的 Java 版本rehash 刷新 jenv shims（安装可执行文件后运行此命令）version 显示当前Java版本及其来源versions 列出 jenv 可用的所有 Java 版本which 显示可执行文件的完整路径whence 列出包含给定可执行文件的所有 Java 版本add 添加 将 JDK 添加到 jenv 中 archlinuxjdk在 archlinux 中提供了命令：archlinuxjdk用来管理jdk版本，参考 archwiki 12345678archlinux-java <COMMAND>COMMAND:status 列出已安装并启用的 Java 环境get 返回设置为默认的 Java 环境的短名称set <JAVA_ENV> 强制 <JAVA_ENV> 设置为默认值unset 取消当前默认 Java 环境fix 修复无效/损坏的默认 Java 环境配置","categories":[{"name":"工具","slug":"工具","permalink":"https://www.yangcc.top/categories/%E5%B7%A5%E5%85%B7/"}],"tags":[{"name":"Java","slug":"Java","permalink":"https://www.yangcc.top/tags/Java/"}]},{"title":"设计模式-发布订阅","slug":"设计模式-发布订阅","date":"2023-07-13T16:00:00.000Z","updated":"2023-07-13T16:00:00.000Z","comments":true,"path":"1698904213/","link":"","permalink":"https://www.yangcc.top/1698904213/","excerpt":"","text":"发布订阅观察者模式（Observer Pattern），或者叫发布订阅，是一种行为型设计模式，它定义了一种一对多的依赖关系，使得多个观察者对象可以同时监听和被通知被观察者对象的状态变化。 观察者模式的主要特点如下： 主题和观察者的解耦：观察者模式通过定义抽象主题（Subject）和抽象观察者（Observer）来实现主题和观察者的解耦。主题对象并不直接依赖于具体的观察者，而是依赖于观察者的抽象。这样可以使主题对象和具体观察者对象相互独立，彼此之间的耦合度降低。 一对多的依赖关系：观察者模式中，一个主题对象可以有多个观察者对象订阅并监听它的状态变化。当主题对象的状态发生变化时，所有依赖于它的观察者对象都会收到相应的通知并进行相应的处理。这种一对多的依赖关系使得我们可以方便地增加或删除观察者对象，而不需要修改主题对象的代码。 松散耦合的设计：观察者模式通过松散耦合的设计，使得主题对象和观察者对象之间的依赖关系变得松散。主题对象只需要知道观察者对象实现了特定的观察者接口，而不需要了解具体的观察者对象。这样可以使得系统更加灵活，易于扩展和维护。 发布-订阅机制：观察者模式可以看作是一种发布-订阅（Publish-Subscribe）机制的实现。主题对象充当发布者，观察者对象充当订阅者。主题对象维护着一组观察者对象，并在状态变化时主动通知观察者对象，从而实现发布-订阅的通信机制。 观察者模式在实际应用中非常常见，例如事件驱动编程、GUI开发、消息队列等。它可以帮助我们实现对象之间的松散耦合，提高系统的可维护性、扩展性和灵活性。 概念发布订阅核心就是一个Map或者数组之类的容器，存储所有注册的事件，以及对应的回调。而具体每件事情完成后，告诉事件中心，我要触发某个事件的回调，事件中心从容器中找到对应的事件，然后执行函数。可以发现整体是解耦的状态，事件触发者，和事件的函数是分离的，通过中间者eventManager来沟通。 框架的使用上述概念有没有很熟悉，这个和后端常用中间件MQ，桌面框架electron中的一些地方很像？其实这些地方都用到了这个设计模式。 在我们使用消息队列，无论是rabbitMq还是RocketMq的时候，都是一样的，我们往指定的topic中发送消息，然后监听这个topic的消息，然后处理，和上述图的结构一样，本质就是一个发布订阅的设计模式。 electron框架中通过ipcRenderer来管理事件，send来触发事件，on来注册遇到这个事件要做什么事情 1234//触发事件electron.ipcRenderer.send('eventName', data);//注册事件的处理动作electron.ipcRenderer.send('eventName', func); 日常开发如何使用1 在前端开发中使用在前端开发中，我们会发现组件传值在某些情况异常复杂，甚至无法做到，我们会发现，常见的就是父子传值，如果是两个没有嵌套关系的组件传值呢？貌似很复杂，常常可能就会用一个中介来做这件事，比如：redux，vuex之类的状态管理，这边存，那边取。其实可以直接运用这个设计模式来做到。 代码参考：发布订阅 2 在后端开发中使用在后端开发中，我们常见的一个业务场景就是，做了一件事之后，要做一些事情，比如： 要发mq 要发通知 要存es 要刷新缓存 这些事情常常是异步的，和这件事情没有关系，开发中常常会开启一个线程池，或者发一个mq异步里去处理。这样当然是可以的但是有这些缺点： 整体不够抽象化，没有把这类事情做一个抽象，代码不够规范化。 有些时候要做的事情，比如要发mq，要存es等，没有前后顺序，也就是这些事件是互不干扰的，可以在不同的线程处理，而mq通常创建一个监听后，顺序的去做这些事情，只发挥了一个线程的作用 代码参考：发布订阅 像上述代码示例的内容，在下面Add 事件发布的时候，EventManager就会依次开启线程来调用监听。SendMqEventListener，SendSlsEventListener会分两个线程来执行 12345678public class BusinessCode { public static void main(String[] args) { //省略业务代码 //做完事情之后，发送通知 AddEntity entity = new AddEntity("name","code","desc"); EventManager.publish(EventEnum.ADD,entity); }}","categories":[{"name":"技术","slug":"技术","permalink":"https://www.yangcc.top/categories/%E6%8A%80%E6%9C%AF/"}],"tags":[{"name":"Java","slug":"Java","permalink":"https://www.yangcc.top/tags/Java/"},{"name":"JavaScript","slug":"JavaScript","permalink":"https://www.yangcc.top/tags/JavaScript/"},{"name":"设计模式","slug":"设计模式","permalink":"https://www.yangcc.top/tags/%E8%AE%BE%E8%AE%A1%E6%A8%A1%E5%BC%8F/"}]},{"title":"规则引擎(一)","slug":"规则引擎(一)","date":"2023-07-08T16:00:00.000Z","updated":"2023-07-08T16:00:00.000Z","comments":true,"path":"4078686809/","link":"","permalink":"https://www.yangcc.top/4078686809/","excerpt":"","text":"因为自己接触的项目做的是一个风控系统，涉猎到了规则，流程等知识，转眼一年多了，也没咋回顾这块知识点，今天就总结下规则引起这块的知识点，本文重点讲解用到的表达式相关的算法的逻辑。 一 表达式和操作符我们日常计算，或者看到的数学运算表达式，都是中缀表达式 ，看起来是这样的：(1 + 2) * 3 + 4，其中，加减乘除这些符号就叫操作符，不过，这样的表达式，不过这样的表达式对于计算机并不好识别，我们可以回顾下，算法中的三种表达式的特点： 1 表达式前缀、中缀和后缀表达式都是用来表示数学表达式的方式，它们的主要区别在于运算符的位置。 前缀表达式（也称为波兰表达式）：运算符位于操作数之前。例如，表达式 “2 + 3” 的前缀表示为 “+ 2 3”。 中缀表达式：运算符位于操作数之间。这是我们通常使用的方式，例如，表达式 “2 + 3” 就是中缀表达式。 后缀表达式（也称为逆波兰表达式）：运算符位于操作数之后。例如，表达式 “2 + 3” 的后缀表示为 “2 3 +”。 为了更好地理解这些表达式之间的区别，让我们以一个简单的表达式为例：”(4 + 5) * 6”。 中缀表达式：(4 + 5) * 6 前缀表达式： + 4 5 6 后缀表达式：4 5 + 6 * 可以看到，中缀表达式需要使用括号来表示运算符的优先级，而前缀和后缀表达式通过运算符的位置来明确表达式的结构和运算顺序。 对于计算机来说，后缀表达式在求值时更容易处理，因为它不需要括号和优先级的考虑。因此，在编写计算机程序或使用栈数据结构进行表达式求值时，通常会将中缀表达式转换为后缀表达式来简化计算过程。 2 操作符操作符又分为两种：逻辑操作符和算术操作符，逻辑操作符用于执行逻辑运算，主要用于布尔逻辑（真和假的逻辑值）的计算。以下是常见的逻辑操作符： 逻辑与（AND）：表示为 “&&” 或 “and”，用于判断多个条件是否同时成立。如果两个条件都为真，则结果为真，否则为假。 逻辑或（OR）：表示为 “||” 或 “or”，用于判断多个条件中至少有一个是否成立。如果任何一个条件为真，则结果为真，只有当所有条件都为假时结果才为假。 逻辑非（NOT）：表示为 “!” 或 “not”，用于对一个条件的逻辑值进行取反。如果条件为真，则结果为假，如果条件为假，则结果为真。 算术操作符用于执行数学运算，用于处理数值和执行各种数学计算。以下是常见的算术操作符： 加法（Addition）：表示为 “+”，用于将两个数值相加。 减法（Subtraction）：表示为 “-“，用于从一个数值中减去另一个数值。 乘法（Multiplication）：表示为 “*”，用于将两个数值相乘。 除法（Division）：表示为 “/“，用于将一个数值除以另一个数值。 取模（Modulus）：表示为 “%”，用于计算两个数值相除后的余数。 幂运算（Exponentiation）：表示为 “^”，用于将一个数值提升到指定的幂次方。 二 中缀表达式转为后缀表达式工作中会常见到这样的需求：页面配置一个复杂的规则，比如：!A||B&&(C||D) ，存储起来，在使用的时候填充不同的值之后进行运算，这个时候就需要将上述的中缀表达式做转换，变为后缀表达式进行后续运算操作。这个算法的核心如下：创建一个栈和一个存储结果的字符串，栈用来存放操作符，结果用于拼接数字和操作符。然后从左到右遍历表达式，算法有这样的规则： 遇到左括弧( 入栈 遇到右括弧) 循环出栈，直到遇到相匹配的左括弧，将出栈符号拼接到结果字符串 遇到符号，循环出栈，将优先级大于等于当前符号的操作符出栈，遇到小于当前符号的操作符停止循环，将出栈符号拼接到结果字符串，最后将当前符号入栈 遇到字符，则拼接到结果的字符串 当表达式循环结束时，将站内的全部符号依次取出并且拼接到结果的字符串 java实现代码，参考：github代码 过程示例图如下： 三 后缀表达式如何使用上面的算法，我们已经得到了一个后缀表达式，这个表达式的运算逻辑是怎样的呢？我们一起来看下： 我们需要一个栈来存放所有的操作数，从左到右遍历符号，具体运算规则如下： 遇到操作数，则入栈 遇到操作符，则出栈两个操作数进行计算，将计算的结果继续入栈 下面以算术表达式为例，一个整体的运算流程如下： 这样很方便的就实现了一个复杂算术表达式的运算，而逻辑表达式也是一样运算方式，比如||，&& 唯一区别就是每次去出两个字符。 具体在规则引擎中如何使用，请听下次讲解。","categories":[{"name":"技术","slug":"技术","permalink":"https://www.yangcc.top/categories/%E6%8A%80%E6%9C%AF/"}],"tags":[{"name":"Java","slug":"Java","permalink":"https://www.yangcc.top/tags/Java/"},{"name":"设计模式","slug":"设计模式","permalink":"https://www.yangcc.top/tags/%E8%AE%BE%E8%AE%A1%E6%A8%A1%E5%BC%8F/"},{"name":"规则引擎","slug":"规则引擎","permalink":"https://www.yangcc.top/tags/%E8%A7%84%E5%88%99%E5%BC%95%E6%93%8E/"},{"name":"算法","slug":"算法","permalink":"https://www.yangcc.top/tags/%E7%AE%97%E6%B3%95/"}]},{"title":"Electron(一)","slug":"Electron(一)","date":"2023-06-21T16:00:00.000Z","updated":"2023-06-21T16:00:00.000Z","comments":true,"path":"2402782093/","link":"","permalink":"https://www.yangcc.top/2402782093/","excerpt":"","text":"Electron(一)Electron是一个js桌面端框架，让html，js 打包为桌面应用成为可能，已经有非常多的应用使用了这门技术，如：vscode，notion，figma，思源笔记等等 一 整体交互形式桌面应用最重要的是什么，或者说和浏览器页面有什么区别？大的来说就是可以和操作系统交互，那么什么叫可以和操作系统交互？让我们回顾下浏览器，浏览器就像一个盒子，里面的所有页面的权利是有限的，就比如， 我想在浏览器自己写的一个html页面通过js函数，在文档这个文件夹下创建一个文件，或者修改一个文件 调用系统通知api，使用系统通知 修改系统音量？ 这些都是做不到的，这些都涉及了操作系统的api，那electron是如何做到的呢，我们看下这个图： Electron就相当于一个中间层，为js提供了一个曲线访问系统api的能力，做任何和系统有关的操作，都要通过electron 一个简单的例子，我想通过，文件选择器，拿到一个文件的路径，该如何实现？你可能会想到，浏览器也可以呀，通过选择器，选择一个文件，还要Electron干嘛？ 是没问题，可以选到一个文件，但是文件的路径是获取不到的，简单思考下，如果一个普通的网页，点击就能获取到你本机文件的路径，甚至别的操作系统信息，你做为浏览器的开发者会允许这样吗？这样对浏览器使用者来讲显然是非常危险的，点开个网页信息泄密了，甚至电脑上文件丢了。 因此，我们要使用的文件选择器是操作系统的文件选择器，这个显然是js办不到的，因此有了Electron，它提供了这样的api：文档详见：https://www.electronjs.org/zh/docs/latest/api/dialog 12345678910import {dialog} from "electron";function open() { let files = dialog.showOpenDialogSync({ title: '选择文件路径', properties: ['openDirectory', 'multiSelections'] }) console.log(files) return files} 文件选择器是有了，我们该如何通知Electron呢？换句话说就是，上面的js函数是显示层调用不到的，因此Electron提供了一种方式，让我们可以与它交互。这种方式类似js的发布订阅模型，发布一个事件，消费者监听事件。 文档详见：https://www.electronjs.org/zh/docs/latest/api/ipc-renderer js端通过ipcRenderer.send发送一个事件通过Electron 123const electron = window.electronelectron.ipcRenderer.send('事件名称',data) electron端通过ipcMain.on监听js端发送过来的事件，那当这件事情处理完成了，想要告诉js端怎么办？通过event.reply发送一个事件，携带数据给js，和上面的ipcRenderer.send是类似的 123456789import {ipcMain} from "electron" ipcMain.on('事件名称',(event, data)) => { //处理 //回调 event.reply('新的事件名称', 要返回的数据) }) js端该如何处理呢？以React为例：useEffect中，通过ipcRenderer.on，监听这个事件，然后处理，一定要在[]这个useEffect，代表页面创建就运行这个函数，监听这个事件，在return中删除这个事件，不然每次每次页面加载都会创建一个监听，这样会越建越多 12345678910useEffect(() => { //处理Electron端发送的事件 electron.ipcRenderer.on('事件名称', (event, 数据) => { //处理 }); return () => { electron.ipcRenderer.removeAllListeners('事件名称'); }; }, []); 到这里就完成了一个交互，是不是很简单。 二 打包打包全靠配置，这个是我的配置： 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596/** * @see https://www.electron.build/configuration/configuration */{ appId: "electron-music", productName: "electron-music", copyright: "Copyright © 2023 ${author}", asar: true, directories: { output: "release", buildResources: "public" }, files: [ "dist" ], win: { icon: "public/icons/music256x256.png", target: [ { target: "dir", arch: [ "x64" ] }, { target: "nsis", arch: [ "x64" ] } ] }, nsis: { "oneClick": false, // 创建一键安装程序还是辅助安装程序（默认是一键安装） "allowElevation": true, // 是否允许请求提升，如果为false，则用户必须使用提升的权限重新启动安装程序 （仅作用于辅助安装程序） "allowToChangeInstallationDirectory": true, // 是否允许修改安装目录 （仅作用于辅助安装程序） "installerIcon": "public/icons/music256x256.png", // 安装程序图标的路径 "uninstallerIcon": "public/icons/music256x256.png", // 卸载程序图标的路径 "installerHeader": "public/icons/music256x256.png", // 安装时头部图片路径（仅作用于辅助安装程序） "installerHeaderIcon": "public/icons/music256x256.png", // 安装时标题图标（进度条上方）的路径（仅作用于一键安装程序） "installerSidebar": "public/icons/music256x256.png", // 安装完毕界面图片的路径，（仅作用于辅助安装程序） "uninstallerSidebar": "public/icons/music256x256.png", // 开始卸载界面图片的路径（仅作用于辅助安装程序） "uninstallDisplayName": "electron-music-${version}", // 控制面板中的卸载程序显示名称 "createDesktopShortcut": true, // 是否创建桌面快捷方式 "createStartMenuShortcut": true, // 是否创建开始菜单快捷方式 "include": "script/installer.nsi", // NSIS包含定制安装程序脚本的路径，安装过程中自行调用 (可用于写入注册表 开机自启动等操作) "script": "script/installer.nsi", // 用于自定义安装程序的NSIS脚本的路径 "deleteAppDataOnUninstall": true, // 是否在卸载时删除应用程序数据（仅作用于一键安装程序） "runAfterFinish": false, // 完成后是否运行已安装的应用程序（对于辅助安装程序，应删除相应的复选框） "menuCategory": false, // 是否为开始菜单快捷方式和程序文件目录创建子菜单，如果为true，则使用公司名称 "perMachine": true, //给机器上所有用户安装 "language": "2052" //安装语言(中文) }, mac: { icon: 'public/icons/music256x256.png', category: 'Productivity', target: [ { target: 'default', arch: [ 'arm64', 'x64' ] } ] }, linux: { icon: "public/icons/music256x256.png", target: [ "AppImage", "tar.gz" ], "category": "Audio", artifactName: "${productName}-Linux-${version}.${ext}" }} 参考: 我的音乐播放器项目 三 注意事项1 在linux下窗口关闭前做一件事看环境，比如kde下是做不到比如隐藏窗口的，在kde下，点击关闭按钮，window对象对直接就销毁了。（曲线方式，我们可以不用系统自带的顶栏，自己实现一个，这样就不会有这样的问题了） 12345app.on('closed', () => { if (process.platform !== 'darwin') { app.quit() }}) 2 linux 下，英伟达显卡涉及到动画的页面报错（暂未解决）报错内容 1libva error: vaGetDriverNameByIndex() failed with unknown libva error, driver_name = (null) ‍","categories":[{"name":"技术","slug":"技术","permalink":"https://www.yangcc.top/categories/%E6%8A%80%E6%9C%AF/"}],"tags":[{"name":"JavaScript","slug":"JavaScript","permalink":"https://www.yangcc.top/tags/JavaScript/"},{"name":"Electron","slug":"Electron","permalink":"https://www.yangcc.top/tags/Electron/"}]},{"title":"Rust学习(三)：结构体枚举和模式匹配","slug":"Rust学习(三)","date":"2022-05-14T16:00:00.000Z","updated":"2022-05-14T16:00:00.000Z","comments":true,"path":"379577363/","link":"","permalink":"https://www.yangcc.top/379577363/","excerpt":"","text":"1 Struct结构体实例化的顺序可以不与定义时候一样，但是所有属性都得实例化。结构体实例声明为可变的时候其所有属性都是可变的。 基本的结构体声明一个结构体 12345678910111213141516struct User{ name : String, email : String, sign_in_count : u64, archive : bool,}fn main(){ let mut user = User{ email : String::from("ycc@123.com"), name : String::from("ycc"), sign_in_count : 1, archive : false, }; println!("{}",user.email);} struct作为函数的返回值： 12345678fn fun()-> User{ User{ email : String::from("ycc@123.com"), name : String::from("ycc"), sign_in_count : 1, archive : false, };} 字段初始化简写的方式，省略赋值的操作 12345678910fn build_user(name:String,email:String) ->User{ User{ // email : email, // name : name, email, name, sign_in_count : 1, archive : false, };} 当想基于一个struct来创建一个新的struct的时候，可以使用下面的语法糖： 123456789101112fn main(){ let user1 = User{ email : String::from("ycc@123.com"), name : String::from("ycc"), sign_in_count : 1, archive : false, }; let user2 = User{ email : String::from("233@gmail.com"), ..user1 };} Tuple Struct元组结构体，适用于给tuple分类型，让这个元组不同于其他的元组，比如可以声明一个元组结构体来描述，颜色RGB，正方形，圆。。。等等 先复习下元组：元组内可以放入不同类型的值 12345fn main(){ let trple = (1,"a",3); // 元组 let (a,b,c) = trple; // 解构 println!("{}",a)} 元组结构体： 123456fn main(){ // 元组结构体 let white = Color(0,0,0); let orange = Color(2,5,1);}struct Color(i32,i32,i32); 没有任何字段的Struct可以定义一个没有任何内容的struct，叫做 Unit-like struct，可以实现抽象的描述，但是又不需要存储元素内容的场景可以适用。 struct的所有权Struct里面可以放数据，也可以放引用（生命周期），生命周期保证只要struct实例是有效的，那么里面的引用就是有效的，如果使用引用却不使用生命周期就会报错 小例子实现计算矩形的面积： 123456789101112131415struct Rectangle { length: u32, width: u32,}fn get_area(r : &Rectangle) -> u32 { r.length * r.width}fn main() { let r = Rectangle{ length:10, width:10, }; let area = get_area(&r); println!("{}",area);} 注意这里传入的是结构体的引用，因此，在 方法执行结束，main方法依然有 Rectangle的实例r的所有权，因此还可以打印： 1println!("{}",r) 但如果直接这么打印编译会报错：提示没有实现这个接口，或则使用第二种方法 = help: the trait std::fmt::Display is not implemented for Rectangle= note: in format strings you may be able to use {:?} (or {:#?} for pretty-print) instead 而当你使用第二种方式打印的话还会报错： 12println!("{:?}",r)println!("{:#?}",r) //美化打印 提示你没有时间Debug接口，或者使用这个注解，放在结构体上面， = help: the trait Debug is not implemented for Rectangle= note: add #[derive(Debug)] to Rectangle or manually impl Debug for Rectangle 方法方法表示与这个结构体有关的函数，使用关键字 impl来表示，可以有很多个代码快，除了特别的方法，一般的方法第一个参数总是自己，用 &self表示,方法调用可以省略自身的引用入参 self 可以是 借用：&self，也可以是：safe表示获取所有权，也可以是可变的，也就是说和普通的参数没啥区别 1234567891011121314impl Rectangle { fn get_area(&self) -> u32 { self.length * self.width }}fn main() { let r = Rectangle{ length:10, width:10, }; let area = r.get_area(); println!("{}",area);} 方法调用的运算符 在c/c++中方法调用，是这样的：object->someting() 和 (*object).someting()这两者等价 object是个指针，星号表示解指针，变为对象 Rust提供了自动的引用，或者解引用，在调用方法的时候，rust会自动的补上，&，& mut 等，来匹配上方法的入参 关联函数： 123456789101112131415impl Rectangle { fn square(size:u32) -> Rectangle { Rectangle{ length :size, width :size, } }}fn main() { // 关联函数的调用 let squ = Rectangle::square(10); println!("{:#?}",squ)} 2 枚举定义一个枚举，不过看了半天，没有发现和java类似的那种常量形式的枚举定义方式 1234enum IP_ADDRESS{ V4(String,u32), V6,} 标准库的Option <T>枚举包含在预导入模块中的，可以直接使用，其结构为： 1234pub enum Option<T> { None, Some( T),} 当想使用包裹着值的，y变量时候，提示需要转换才行，不能直接使用，这样就保证了空安全的情况 12345678910fn main() { let x : i8 = 5; let y : Option<i8> = Some(5); //let z = y.expect("i8"); let sum = x + z; println!("{}",sum);} 3 模式匹配模式匹配必须穷举所有的可能，否则编译不予通过 1234567891011fn value_in_cents(coin: Coin) -> u8 { match coin { Coin::Penny => { println!("Lucky penny!"); 1 } Coin::Nickel => 5, Coin::Dime => 10, Coin::Quarter => 25, }} 附带值的模式匹配： 12345678910111213141516171819202122232425#[derive(Debug)] // 这样可以立刻看到州的名称enum UsState { Alabama, Alaska, // --snip--}enum Coin { Penny, Nickel, Dime, Quarter(UsState),}fn value_in_cents(coin: Coin) -> u8 { match coin { Coin::Penny => 1, Coin::Nickel => 5, Coin::Dime => 10, Coin::Quarter(state) => { println!("State quarter from {:?}!", state); 25 } }} 可以使用占位符 -来表示其他情况 12345match dice_roll { 3 => add_fancy_hat(), 7 => remove_fancy_hat(), _ => (),} 针对一种情况，可以使用if letif let，代码更为简洁 123456789101112fn main(){ let v = Some(1); match v { Some(3)=> println!("3"), _ => (), } //针对一种情况，可以使用if let if let Some(3) = v { println!("3") }}","categories":[{"name":"技术","slug":"技术","permalink":"https://www.yangcc.top/categories/%E6%8A%80%E6%9C%AF/"}],"tags":[{"name":"Rust","slug":"Rust","permalink":"https://www.yangcc.top/tags/Rust/"}]},{"title":"Rust学习(二)：所有权","slug":"Rust学习(二)","date":"2022-05-13T16:00:00.000Z","updated":"2022-05-13T16:00:00.000Z","comments":true,"path":"2861842578/","link":"","permalink":"https://www.yangcc.top/2861842578/","excerpt":"","text":"1 栈和堆 现代处理器在内存中跳转越少就越快 栈内存(所有存放在栈内存的数据必须有已知的固定的大小) 因为放入栈的数据大小都是固定的，因此入栈的时候很快，因为挨着放就行了 堆内存（heap） 编译时大小未知，或者程序运行时会变化的数据存放在 堆 堆对于内存的组织性差一些，因为大小不固定，或者会改变，因此，需要分配空间，而这就需要操作系统去找到一块足够大的空间 访问数据的时候也更慢，因为有个寻址的过程 函数调用 在调用函数的时候，会将函数的入参传入函数，包括入参的指针信息，然后，函数的这些参数信息会压栈，等执行完成会出栈 2 所有权的规则 所有权存在的原因就是因为上面的堆内存，因为这块是不确定的，有的是需要回收的。 所有权（系统）是 Rust 最为与众不同的特性，对语言的其他部分有着深刻含义。它让 Rust 无需垃圾回收（garbage collector）即可保障内存安全，因此理解 Rust 中所有权如何工作是十分重要的。本章，我们将讲到所有权以及相关功能：借用（borrowing）、slice 以及 Rust 如何在内存中布局数据 每个值都有一个变量，这个变量就是该值的所有者 每个值，同时只能有一个所有者 当所有者超出作用域的时候，这个值会被删除 定义一个字符串hello，其内存结构是这样的 而当将携带此字符串值的变量s1赋值给s2的时候，s1在栈中就不可用,失效了，不同于浅拷贝，这种方式被称为移动（Move） 而如果需要实现深拷贝的功能的话，则需要实现 clone方法，类似java 而针对栈上面的数据比如基本类型：整数，布尔，浮点数，字符等是放在栈上的，不需要拷贝这些东西，因此引出了 复制的概念： 123let x = 5let y = x// 到这里其实x和y都是有效的，因为是放在栈上的数据，对这些数据的复制操作是默认执行的 rust提供了 Copy trait(复制 接口) 如果一个类型实现了这个接口，那么旧的变量在值茶u年底后还是有效的，类似上面的代码 如果一个类型，或者这个类型的一部分实现了 Drop trait(释放 接口)，那么这个类型就不允许去实现 Copy trait(复制 接口)了 实现了复制接口的有： 整数类型，布尔，字符，浮点，Tuple(这个元组内的所有类型都是实现了复制接口) 2. 1 所有权和函数将值赋给函数或者变量，在语义是其实是一样的： 12345678910111213141516171819fun main(){ let s = String::from("hello") take1(s)// s 在这里就失效了，因为传递给方法了 let x = 5 take2(x)// 在这里x依然是有效的，因为传递给方法的仅仅是副本}fun take1(str:String){ println!("{}",str)}//方法执行结束，会释放str所在的堆内存fun take2(num:i32){ println!("{}",num)}//什么也不会发生 一个变量的所有权总是符合这样的模式： 把一个值赋给变量的时候就会发生移动（Move） 包含这个堆数据的变量离开作用域，值就会被drap函数清理，除非数据的所有权移动到另一个变量了 如何让，一个函数使用一个值，但是不拥有所有权呢？ 简单但麻烦的方式，就是返回一个元组，将入参原封不动的返回 使用Rust的特性 引用（Reference） 2.2 引用使用 &符号，表示使用这个值，但是不获得其所有权 12345678910fn main(){ let s1 = String::from("Hello"); let len = get_lenth(&s1); println!("{} length is {}",s1,len);}fn get_lenth(s: &String) -> usize { s.len()} 这段代码在内存中的形式是这样的： s表示一个指针，这个指针指向另一个指针s1,s1指向堆内存 而引用的内容，是否可以修改呢？，我们尝试在上面的方法内修改变量，会报如下的错： s.push_str(“, World”);| ^^^^^^^^^^^^^^^^^^^^^ s is a & reference, so the data it refers to cannot be borrowed as mutable （S是引用，所以它引用的数据不能作为可变数据来借用） 因为引用，也是存放在栈上的，和变量一样是不可变的，而变量可以通过 mut来表示可变变量，那引用呢？答案是可以的： 12345678910111213fn main(){//首先这个变量是可变的 let mut s1 = String::from("Hello");//其次，这个引用也得是可变的 let len = get_lenth(&mut s1); println!("{} length is {}",s1,len);}// 方法的入参也得是可变的fn get_lenth(s: &mut String) -> usize { s.push_str(", World"); s.len()} 1 可变引用可变引用的限制： 在一个作用域内，对于某块数据，只能有一个可变引用 这样做的好处有就是在编译的时候防止 数据竞争，以下三种情况都满足的情况会发生数据竞争 多个指针同时访问一个数据 至少有一个指针用于写入数据 没有任何机制来同步对数据的访问 但是我们可以通过创建作用域的方式，来允许非同时创建多个可变引用 12345678fn main(){ let mut s = String::from("Hello"); { let m1 = &mut s; } let m2 = &mut s;} 还有一个限制： 不可以同时拥有一个可变引用和不可变引用 2 悬空指针悬空指针(Dangling Pointer)，或者叫野指针，指向内存一个地址，但是这块内存已经被回收了，甚至已经分配给别人了，而Rust永远不会出现这个问题 Rust保证了，在引用一个数据的时候，编译器会保证，在引用离开作用域之前，数据不会离开作用域 12345678fn main(){ let s = dangle();}//这里会报错fn dangle() -> &String { let str = String::from("hello"); &str} 上面的代码编译会报错，因为str在方法结束就销毁了，而str的引用却返回了，也就是出现了野指针，这样在rust编译会不通过的 3 切片Rust的一种 不持有所有权的数据类型，英文slice，可以用于解决下面的问题 小例子返回第一个空格的下标，这里其实是有问题的，因为，这个index是不合字符串s绑定的，表示的只是之前算过的值，而不是当前的值，可以看到仅仅是返回一个空格下标这么多代码，还有bug 1234567891011121314151617181920fn main(){ let s = String::from("Hello World"); let index = first_world(&s); s.clear(); println!("{}",index);}fn first_world(str : &String) ->usize{ let bytes = str.as_bytes(); // iter会返回一个迭代器 // enumerate会将迭代器包装为一个元组，1 索引， 2 元素的引用 for (i,&item) in bytes.iter().enumerate() { if item == b' ' { return i; } } str.len()} 字符串切片左闭右开的语法：以及部分语法糖 12345678910fn main(){ let s = String::from("Hello World"); let h1 = &s[0..5]; let w1 = &s[6..11]; //语法糖 let h2 = &s[..5]; let w2 = &s[6..]; let all = &s[..];} 字符串切片在内存中的结构，指向堆内存数据的一部分 改造之前的小例子，使其返回一个字符串切片,字符串切片的类型标识为：&str 1234567891011121314151617fn main(){ let s = String::from("Hello World"); let str = first_world(&s); println!("{}",str);}fn first_world(s: &String) ->&str{ let bytes = s.as_bytes(); // iter会返回一个迭代器 // enumerate会将迭代器包装为一个元组，1 索引， 2 元素的引用 for (i,&item) in bytes.iter().enumerate() { if item == b' ' { return &s[..i]; } } &s[..]} 字符串字面值字符串字面值，是什么类型的呢，没错就是切片 将切片作为参数之前的例子都是字符串引用作为入参： 12fn first_world(s: &String) ->&str{} 其实，可以使用切片作为入参，这样切片可以作为入参，二字符串可以传入完整的切片，入参更为多样了。因为切片还是一种引用嘛，一样的","categories":[{"name":"技术","slug":"技术","permalink":"https://www.yangcc.top/categories/%E6%8A%80%E6%9C%AF/"}],"tags":[{"name":"Rust","slug":"Rust","permalink":"https://www.yangcc.top/tags/Rust/"}]},{"title":"Rust学习(一)：猜数字游戏","slug":"Rust学习(一)","date":"2022-03-13T16:00:00.000Z","updated":"2022-03-13T16:00:00.000Z","comments":true,"path":"2690763544/","link":"","permalink":"https://www.yangcc.top/2690763544/","excerpt":"","text":"一 Rust安装Rust安装极为简单，先下载rustup 之后使用命令下载： 1curl --proto '=https' --tlsv1.2 -sSf https://sh.rustup.rs | sh 在vscode下载插件 rust-analyzer即可快速开发 二 cargocargo就是rust的包管理工具，与npm,maven等是一样的，一般rustup来安装rust会自带cargo，常见命令如下 12345678# 创建一个catgo项目cargo new 项目# 编译和执行结果，可以用来检验是否编写错误cargo run # 发布的构建，编译会优化，代码更快，但是编译时间更长cargo build --release# 普通的构建cargo build 三 猜数字游戏12345678910111213141516171819202122232425262728293031323334353637use rand::Rng;use std::cmp::Ordering; //Ordering是一个枚举类型use std::io; //Rng是一个trait 可以认为是接口 //rust默认会倒入prelude这个模块fn main() { println!("猜一个数字"); //i32 u32 i64 都是整形 let number = rand::thread_rng().gen_range(1..101); // loop表示无限循环 loop { let mut guess = String::new(); // io函数读取输 使用expect方法，表示如果result是err则执行 io::stdin().read_line(&mut guess).expect("无法读取行"); //将字符串转为整形 parse方法返回中为Result // 隐藏shadow 隐藏重名的旧变量，从18行开始，变量guess类型就变了 let guess: u32 = match guess.trim().parse() { Ok(num) => num, //_：此通配符表示不关心这个值 Err(_) => continue, }; println!("你猜测的数是：{}", guess); //match表达式：可以让我们根据 枚举值选择不同的操作，就相当于if else //cmp就是compere，比较的意思 match guess.cmp(&number) { //三个枚举分别表示小大等 Ordering::Less => println!("Too Small!"), Ordering::Greater => println!("Too Big!"), Ordering::Equal => { println!("You Win!"); break; } } }} 参考：","categories":[{"name":"技术","slug":"技术","permalink":"https://www.yangcc.top/categories/%E6%8A%80%E6%9C%AF/"}],"tags":[{"name":"Rust","slug":"Rust","permalink":"https://www.yangcc.top/tags/Rust/"}]},{"title":"在Manjaro上配置conky","slug":"在Manjaro上配置conky","date":"2022-03-05T16:00:00.000Z","updated":"2022-03-05T16:00:00.000Z","comments":true,"path":"503294022/","link":"","permalink":"https://www.yangcc.top/503294022/","excerpt":"","text":"一 下载conky使用pacman,或者yay，或者使用gnome的商店都可以下载： 12sudo pacman -S conkyyay -S conky 在家目录新建一个.conkyrc的文件，写上配置文件即可，效果如下： 二 设置开机自启比如在gnome中工具中设置开机自启，是没有效果的，因为conky需要在系统启动桌面加载好后才启动，因此需要一个延时，因此，在目录 ~/.config/autostart/目录中可以看到很多的开机自启的 desktop文件，因此只需要新建一个 sh设置休眠后启动即可： 在家目录新建一个 conky.sh 12#!/bin/bashsleep 5 && conky 在 ~/.config/autostart/新建一个 dekstop文件 1234[Desktop Entry]Type=ApplicationName=conkyExec=/home/${你的用户名}/conky.sh 这样conky就能正常的启动了 三 相关文件：配置文件： 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071alignment top_rightbackground noborder_width 0cpu_avg_samples 16default_color greendefault_outline_color whitedefault_shade_color 000000draw_borders nodraw_graph_borders yesdraw_outline nodraw_shades nouse_xft yesfont Noto Sans Regular:size=8xftfont Noto Sans Regular:size=8override_utf8_locale yesminimum_size 280 5maximum_width 350net_avg_samples 2no_buffers yesout_to_console noout_to_stderr noextra_newline noown_window yesown_window_class Conkyown_window_type desktopown_window_hints undecorated,below,sticky,skip_taskbar,skip_pagerdouble_buffer yesown_window_colour 000000own_window_argb_visual yesown_window_argb_value 0stippled_borders 0update_interval 1.0uppercase nouse_spacer noneshow_graph_scale noshow_graph_range nogap_x 10gap_y 50default_color ffffffdefault_shade_color 000000default_outline_color 000000TEXT${voffset 3}${color EAEAEA}${font Noto Sans Regular:pixelsize=100}${time %H:%M}${voffset -26}${color EAEAEA}${font Noto Sans Regular:pixelsize=40} ${color #7fef94}${time %B} ${font}${voffset -3}${offset 2}${color #fdc92d}${font Noto Sans Regular:pixelsize=30}${time %d号} ${font}${voffset 25}${font Noto Sans Regular:pixelsize=30}${offset -55}${time %A}${color}${hr 1}${font Noto Sans Regular:pixelsize=25}${color #fdc92d}主机名称：${alignr}${color } Linux $kernel${color #fdc92d}主机名称：${alignr}${color } $nodename${color #fdc92d}内核版本：${alignr}${color }$kernel${color #fdc92d}运行时间：${alignr}${color }$uptime####系统####${color lightblue}${font :bold:size=12}${color lightblue}系统${alignr 180}${color}${hr 1}${font Noto Sans Regular:pixelsize=25}${color #fdc92d}CPU:${alignr} $color${cpu}% ${color #78af78}${cpubar 10,60}${color #fdc92d}内存: $color$mem / $memmax ${color}${alignr}$memperc% ${color #78af78}${membar 10,60}${color #fdc92d}根分区: ${color}${fs_free /} / ${fs_size /}${alignr}${color #78af78}${fs_bar 10,60 /}${color #fdc92d}用户分区: $color${fs_free /home} / ${fs_size /home} ${color #78af78}${alignr}${fs_bar 10,60 /home}####网络####${color lightblue}${font :bold:size=12}${color lightblue}网络${alignr 180}${color}${hr 1}${font Noto Sans Regular:pixelsize=25}${color #fdc92d}无线WIFI：${alignr}${color}${font :pixelsize=25} IP：${addr wlp1s0}${color #7fef94}${font Noto Sans Regular:pixelsize=25}下载： ${downspeed wlp1s0} KiB/s ${alignr}上传： ${upspeedf wlp1s0} KiB/s${color #C9C9C9}${downspeedgraph wlp1s0 20,100} ${alignr}${upspeedgraph wlp1s0 20,100}$color总计： ${totaldown wlp1s0} ${alignr}总计： ${totalup wlp1s0}${font Noto Sans Regular:pixelsize=25}${color #fdc92d}本地连接：${alignr} ${color}${font :pixelsize=25} IP：${addr enp2s0}${color #7fef94}${font Noto Sans Regular:pixelsize=25}下载： ${downspeedf enp2s0} KiB/s ${alignr} 上传： ${upspeedf enp2s0} KiB/s${color #C9C9C9}${downspeedgraph enp2s0 20,100} ${alignr}${upspeedgraph enp2s0 20,100}$color总计： ${totaldown enp2s0} ${alignr}总计： ${totalup enp2s0}#随便写点啥＃$alignc ${color #056107}${font :bold:size=5}","categories":[{"name":"工具","slug":"工具","permalink":"https://www.yangcc.top/categories/%E5%B7%A5%E5%85%B7/"}],"tags":[{"name":"Linux","slug":"Linux","permalink":"https://www.yangcc.top/tags/Linux/"}]},{"title":"Manjaro上安装mysql","slug":"Manjaro上安装mysql","date":"2022-03-04T16:00:00.000Z","updated":"2022-03-04T16:00:00.000Z","comments":true,"path":"2520100274/","link":"","permalink":"https://www.yangcc.top/2520100274/","excerpt":"","text":"一 下载mysql无论是使用自带商店，还是pacman,yay都是可以的 二 配置 打开终端初始化mysql：复制日志中打印的随机密码 1sudo mysqld --initialize --user=mysql --basedir=/usr --datadir=/var/lib/mysql 然后启动mysql 123456781.首先启动MySQLsudo systemctl start mysqld2.登录mysql -u root -p3.修改密码ALTER USER 'root'@'localhost' IDENTIFIED WITH caching_sha2_password BY 'root';4. 开机自启sudo systemctl enable mysqld.service 添加环境变量 123451.编辑profile文件，配置环境变量export MYSQL_HOME=/usr/local/mysqlexport PATH=$PATH:$MYSQL_HOME/bin2.立即生效source /etc/profile 重启服务 12sudo systemctl restart mysqldmysql -u root -p","categories":[{"name":"工具","slug":"工具","permalink":"https://www.yangcc.top/categories/%E5%B7%A5%E5%85%B7/"}],"tags":[{"name":"Linux","slug":"Linux","permalink":"https://www.yangcc.top/tags/Linux/"}]},{"title":"控制缩放以及多倍图","slug":"系统缩放和多倍图","date":"2022-02-07T16:00:00.000Z","updated":"2022-02-07T16:00:00.000Z","comments":true,"path":"1839521991/","link":"","permalink":"https://www.yangcc.top/1839521991/","excerpt":"","text":"一 系统缩放Javafx针对系统缩放是有优化的，比如在我的小新pro13上默认缩放比例为200%，因此在默认情况下如下的代码： 12primaryStage.setWidth(500);primaryStage.setHeight(500); 展示的宽高是1000x1000,而我们是否可以自己来进行控制呢？也就是很多桌面程序常见的功能：是否禁止屏幕DPI适配 在Javafx中为我们提供了两个虚拟机参数： 1234# 禁止屏幕缩放-Dprism.allowhidpi = false# 默认起始缩放比例：-Dglass.win.minHiDPI = 1 因此只需要在虚拟机启动的时候加上这个参数即可，而Java为我们提供了两种方式，分别是键值对，以及传入一个Properties对象，因此就可以将参数写入Properties文件中，就可以保存用户的设置。 二 多倍图多倍图还是对系统缩放的优化，因为如果图片是固定大小的，如果高分屏缩放很可能是150%，200%，那这样图片就会出现模糊的效果，因此Javafx对此进行了优化只要图片名称后加入 @2x或者 @3x,注意只能是整数倍，就可以实现自动切换,比如下面的代码，加载的其实是 java@2x.png这张图片。 123primaryStage.getIcons().add( new Image(getClass().getResource("/img/java.png").toExternalForm())); 注意加载图片的方式要使用非流的方式，因为如果是流就固定的使用那张图片了。 三 参考感谢B站LeeWyatt的讲解，这是视频地址 https://www.bilibili.com/video/BV113411k7Zr","categories":[{"name":"技术","slug":"技术","permalink":"https://www.yangcc.top/categories/%E6%8A%80%E6%9C%AF/"}],"tags":[{"name":"Javafx","slug":"Javafx","permalink":"https://www.yangcc.top/tags/Javafx/"}]},{"title":"类型擦除","slug":"类型擦除","date":"2021-10-01T16:00:00.000Z","updated":"2021-10-01T16:00:00.000Z","comments":true,"path":"2260828129/","link":"","permalink":"https://www.yangcc.top/2260828129/","excerpt":"","text":"一 泛型 在JAVA中的泛型，在编译的时候，所有的泛型信息都会被抹去。这个过程成为 类型擦除。这样做的原因是为了兼容老版本。 JAVA中泛型的引入主要是为了解决两个方面的问题： 减少类型转换 解决的时重复代码的编写，能够复用算法，泛化。 以类Dad为例，有一成员是泛型，并且有对应的get，set方法。 1234567891011public class Dad<T> { private T value; public T getValue() { return value; } public void setValue(T value) { this.value = value; }} 而在反编译后，代码如下，可以看到类型T全部被Object替换。如果定义的类泛型指定为 <T extend Comparable>，则编译后所有的T替换为Comparable 12345678910111213public class Dad{ private Object value; public Object getValue() { return value; } public void setValue(Object value) { this.value = value; }} 二 类型擦除产生的特性1 编译检查根据引用确定: 既然编译后类型变为Object，因此赋值的时候传递不同类型的值是否可以呢？答案是不可以，因为编译器在编译前会先检查代码中泛型的类型，不符合条件编译不通过。 1234//正确方式List<String> list = new ArrayList<String>();list.add("aaa");list.add(1);//编译报错 而如下这种方式虽然可以通过编译但是会有编译警告，但我们这么用就没意义了，因为存储的类型实际上是Object，如果要强行转换为String是会出现 类型转换异常的。 1234567List list = new ArrayList<String>();list.add("aaa"); //编译警告，未检查的参数list.add(1);for (Object o : list) { System.out.println((String) o); //到第二个参数的时候抛出 类型转换异常} 从上面的例子可以看出，编译器在检查泛型是否合格的时候确实是根据 引用检查的 2 不允许引用传递时改变类型： 既然前面我们知道了编译器检查泛型是否合格是根据 引用来决定是否通过的，那么我们引用传递下换成不同的类型是否是可以的呢? 答案是不可以的，泛型的出现就是为了尽量减少类型转换，这样写代码也就失去了意义。 12List<Object> list1 = new ArrayList<>();List<String> list2 = list1; //编译报错 3 集合会自动类型转换 因为在编译的时候都变为了Object，而我们获取后为何还是我们制定的类型呢？以ArrayList为例，在获取元素前已经做了类型转换，我们不再需要进行类型转换了。 123E elementData(int index) { return (E) elementData[index]; //转换为指定的类型} 4 桥方法解决与多态的冲突 有一个泛型父类如下： 1234567891011public class Dad<T> { private T value; public T getValue() { return value; } public void setValue(T value) { this.value = value; }} 有子类继承它，并且指定泛型类型，我们会发现这样写 @Override注解是通过的，也就是满足重写。但是父类编译后是Object，而我们子类的两个方法是String类型，因为方法重写的规则是 方法的参数是必须是相同类型的，因此这里的set方法其实并不满足重写规则的， 1234567891011121314public class Sub extends Dad<String>{ public Sub() { } @Override public String getValue() { return "hello world"; } @Override public void setValue(String value) { System.out.println("设置value"); }} 将子类反编译后会发现，多出来两个对应的方法。可以看到这两个方法调用了我们重写的方法，实际上这两个方法才满足 @Override，这就是 桥方法，编译后通过这个方法解决了泛型类重写的问题。 123456789101112131415161718192021public class Sub extends Dad { public String getValue() //重写的get方法 { return "hello world"; } public volatile Object getValue() //生成的桥方法 { return getValue(); //调用重写的方法 } public void setValue(String value) //重写的set方法 { System.out.println("设置value"); } public volatile void setValue(Object obj) //生产的桥方法 { setValue((String)obj); //调用重写的set方法 }} 5 泛型类型变量不能是基本数据类型 因为类型擦除后所有的泛型关键字都是要替换成Object或者其子类，反正一定要是引用类型。如果要使用基本类型存储数据可以使用相应的包装类。 6 集合的instanceof编译不通过 因为编译后类型被擦除，无论是 List<String>还是 List<Integer>都变成了 List,因此下面的语句在编译时候是不通过的： 12ArrayList<String> arrayList = new ArrayList<String>();if( arrayList instanceof ArrayList<String>) //编译不通过 7 静态成员或者方法无法声明为泛型 因为泛型类型是创建对象的时候才确定是什么类型的，而静态属性或者方法不需要使用对象调用，无法确定泛型是什么类型的。 而下面这种情况例外：因为方法show的返回值类型是由方法参数决定的，返回值类型就是参数类型。 123456public class Demo<T> { public static <T> T show(T t){ //编译正确 return null; } } 三 如何保存泛型信息 既然泛型信息擦除了，那么反射应该是获取不到类型信息的吧，但是还是能获取到 有一个泛型父类，在构造方法中通过反射获取类型信息 12345678910111213141516public class EntityHandler<T> { public EntityHandler() { //获取class对象 Class<?> clazz = this.getClass(); //获取类型 Type genericSuperclass = clazz.getGenericSuperclass(); System.out.println(genericSuperclass); //EntityHandler<User> //获取泛型信息 ParameterizedType t = (ParameterizedType)clazz.getGenericSuperclass(); Type[] ts = t.getActualTypeArguments(); for (Type type : ts) { System.out.println(type); //class User } }} 子类赋值为了User类型 12345public class UserHandler extends EntityHandler<User>{ public static void main(String[] args) { new UserHandler(); }} 控制台打印： 12test.base.generic.EntityHandler<test.base.generic.User>class test.base.generic.User 答案就是在编译为字节码文件的时候，泛型信息通过 Signature保存了下来 12345678910111213141516{ public test.base.generic.UserHandler(); descriptor: ()V flags: (0x0001) ACC_PUBLIC Code: stack=1, locals=1, args_size=1 0: aload_0 1: invokespecial #1 // Method EntityHandler."<init>":()V 4: return LineNumberTable: line 7: 0 LocalVariableTable: Start Length Slot Name Signature 0 5 0 this Ltest/base/generic/UserHandler;}Signature: #12 // /EntityHandler<Ltest/User; 1234List<String> l1 = new ArrayList<>();List<Integer> l2 = new ArrayList<>();System.out.println(l1.getClass() == l2.getClass());","categories":[{"name":"技术","slug":"技术","permalink":"https://www.yangcc.top/categories/%E6%8A%80%E6%9C%AF/"}],"tags":[{"name":"Java","slug":"Java","permalink":"https://www.yangcc.top/tags/Java/"}]},{"title":"Elasticsearch","slug":"ElasticSearch","date":"2021-09-30T16:00:00.000Z","updated":"2021-09-30T16:00:00.000Z","comments":true,"path":"3542956005/","link":"","permalink":"https://www.yangcc.top/3542956005/","excerpt":"","text":"Elasticsearch一、现存问题1.1 现存问题 海量数据存储 海量数据中完成全文检索 如何实现关键字的高亮显示 海量数据中完成统计操作 1.2 ES的介绍（搜索引擎） Elasticsearch天生分布式，支持海量数据的存储，什么在大数据领域也有应用。 Elasticsearch采用倒排索引的方式去全文检索数据，亿级数据中检索时间在毫秒级别。 Elasticsearch提供了highlight高亮查询方式 Elasticsearch提供了及其丰富和聚合函数 Elasticsearch基于Java实现，搜索功能是基于先进最流行的Lucene实现…… Elasticsearch本身是一套技术栈，ELK中的一个组件，ELK是收集日志的一套技术栈…… 中文官方地址：https://www.elastic.co/cn/elasticsearch/ 二、安装ES&Kibana&IK分词器 采用docker运行Elasticsearch容器和Kibana容器 2.1 安装ES&Kibanadocker-compose.yml 123456789101112131415161718192021222324252627version: "3.1"services: elasticsearch: image: 10.9.12.200:60001/elasticsearch:7.8.0 # restart: always # 只要docker启动，当前容器自动启动 container_name: elasticsearch ports: - 9200:9200 environment: - "discovery.type=single-node" - "ES_JAVA_OPTS=-Xms256m -Xmx256m" volumes: - ./data:/usr/share/elasticsearch/data - ./config/elasticsearch.yml:/usr/share/elasticsearch/config/elasticsearch.yml # 数据卷如果映射文件，需要提前在宿主机中创建好这个文件 kibana: image: 10.9.12.200:60001/kibana:7.8.0 # restart: always container_name: kibana ports: - 5601:5601 environment: - elasticsearch_url=http://192.168.41.98:9200 depends_on: - elasticsearch volumes: - ./config/kibana.yml:/usr/share/kibana/config/kibana.yml 数据卷映射文件的内容 elasticsearch.yml 12cluster.name: "docker-cluster"network.host: 0.0.0.0 kibana.yml 1234server.name: kibanaserver.host: "0"elasticsearch.hosts: [ "http://elasticsearch:9200" ]xpack.monitoring.ui.container.elasticsearch.enabled: true 准备好上述内容后，docker-compose up -d 检测启动是否成功： 2.2 安装IK分词器在kibana中基于RESTful的形式和ES交互 需要在kibana上发送HTTP请求并携带JSON参数与ES交互 在kibana的dev tools上测试分词器 安装IK分词器 下载地址：https://github.com/medcl/elasticsearch-analysis-ik/releases/download/v7.8.0/elasticsearch-analysis-ik-7.8.0.zip 需要将zip压缩包解压的内容放到elasticsearch容器内部的 /usr/share/elasticsearch/plugins/ik_analyzer/ 修改docker-compose.yml文件，给elasticsearch添加了一个数据卷，映射到 /usr/local/docker/es_docker/plugins 将zip压缩包扔到Linux中，并且放到数据库内的ik_analyzer目录里，通过unzip解压，重启elasticsearch容器 再次通过IK分词器进行分词 三、ES的存储结构 在ES服务中创建索引，并指定索引的主分片个数，以及备份分片个数。 给索引设置存储数据的结构 上述搞定后，可以向索引中添加文件…… 四、索引操作4.1 创建索引（不指定存储结构）12345678# 创建索引PUT /book{ "settings": { "number_of_shards": 5, "number_of_replicas": 1 }} 4.2 Elasticsearch数据类型 字符串类型： text：文本类型，一般用于搜索…… keyword：关键字，当前值不允许分词…… boolean类型： boolean：没啥说的………… 二进制类型： binary：只支持encoding为Base64格式…… 数值类型： long A signed 64-bit integer with a minimum value of -263 and a maximum value of 263-1. integer A signed 32-bit integer with a minimum value of -231 and a maximum value of 231-1. short A signed 16-bit integer with a minimum value of -32,768 and a maximum value of 32,767. byte A signed 8-bit integer with a minimum value of -128 and a maximum value of 127. double A double-precision 64-bit IEEE 754 floating point number, restricted to finite values. float A single-precision 32-bit IEEE 754 floating point number, restricted to finite values. half_float A half-precision 16-bit IEEE 754 floating point number, restricted to finite values. scaled_float A floating point number that is backed by a long, scaled by a fixed double scaling factor. unsigned_long An unsigned 64-bit integer with a minimum value of 0 and a maximum value of 264-1. 时间类型： date：代表时间类型，根据format设置格式化方式 1"format": "yyyy-MM-dd || yyyy-MM-dd HH:mm:ss || strict_date_optional_time || epoch_millis" ip类型： ip：支持ipv4和ipv6类型 geo类型： geo_point：支持经纬度存储…… 4.3 创建索引（结构化存储）1234567891011121314151617181920212223242526# 创建索引并设置存储结构PUT /novel{ "settings": { "number_of_shards": 5, "number_of_replicas": 1 }, "mappings": { "properties": { "name": { "type": "text", # 这样会使用默认的standard分词器，使用IK需要额外添加信息 "analyzer": "ik_max_word" # 添加这个才会使用IK分词器 }, "author": { "type": "keyword" }, "count": { "type": "long" }, "onsale": { "type": "date", "format": "yyyy-MM-dd || yyyy-MM-dd HH:mm:ss || strict_date_optional_time || epoch_millis" } } }} 创建成功，查看效果 索引构建成功后 主分片个数不允许修改…… 备份分片个数可以随意修改…… 索引中的属性类型是不允许修改的，但是可以追加属性…… 12345678PUT /索引/_mapping{ "properties": { "field": { "type": "datatype" } }} 4.4 查看索引 可以通过图形化界面查看 REST查看 1GET /索引 4.5 删除索引 可以通过图形化界面删除 REST删除 1DELETE /索引 五、文档操作5.1 添加文档12345678910111213141516# 添加文档，指定id添加，自动生成idPOST /novel/_doc/ # 自动生成id{ "name": "斗破苍穹", "author": "天残土豆", "count": 99999, "onsale": "2000-01-01"}POST /novel/_create/1 # 手动设置id{ "name": "斗罗大陆", "author": "唐家三少", "count": 999999, "onsale": "2010-01-01"} 5.2 修改文档1234567# 修改文档POST /novel/_update/1{ "doc": { "name": "倒斗大陆" }} 5.3 删除文档12# 删除文档DELETE /novel/_doc/sXVVyHsB4k1tdHs36v4c 5.4 根据id查询文档12# 根据_id查询文档GET /novel/_doc/1 六、Java操作ES Elasticsearch官方推出了两种Java操作的客户端，采用Rest-High-Level-Client。 还有另一种与Elasticsearch交互客户端，可以写类似SQL的语句，与Elasticsearch交互。 还有另一种与Elasticsearch交互客户端，SpringBoot整合的data-elasticsearch。 6.1 Java连接Elasticsearch服务6.1.1 导入依赖1234567891011121314151617<dependencies> <dependency> <groupId>org.elasticsearch</groupId> <artifactId>elasticsearch</artifactId> <version>7.8.0</version> </dependency> <dependency> <groupId>org.elasticsearch.client</groupId> <artifactId>elasticsearch-rest-high-level-client</artifactId> <version>7.8.0</version> </dependency> <dependency> <groupId>junit</groupId> <artifactId>junit</artifactId> <version>4.12</version> </dependency></dependencies> 6.1.2 编写配置类1234567891011121314151617public class ESClientUtil { /** * 获取与ES交互的client对象 * @return */ public static RestHighLevelClient getClient(){ HttpHost httpHost = new HttpHost("192.168.41.98",9200); RestClientBuilder restClientBuilder = RestClient.builder(httpHost); RestHighLevelClient restHighLevelClient = new RestHighLevelClient(restClientBuilder); return restHighLevelClient; }} 6.2 添加文档12345678910111213141516171819202122232425262728private final String CREATED = "created";@Testpublic void addDoc() throws IOException { //1. 创建指定的request对象 IndexRequest indexRequest = new IndexRequest(); //2. 设置索引信息，文档id indexRequest.index("novel"); indexRequest.id("3"); //3. 准备具体文档数据 Map source = new HashMap<>(8); source.put("name","明朝"); source.put("author","朱元璋"); source.put("count",88888); // 时间推荐使用年月日时分秒格式，虽然kibana显示有问题，但是查询结果没问题 source.put("onsale",new Date()); indexRequest.source(source); //4. 将request用RestHighLevelClient发送出去，接收ES服务的响应 IndexResponse resp = ESClientUtil.getClient().index(indexRequest, RequestOptions.DEFAULT); //5. 基于响应结果，判断添加是否成功 if (CREATED.equals(resp.getResult().getLowercase())) { System.out.println("文档添加成功！！！"); }} 6.3 修改文档12345678910111213141516171819202122@Testpublic void updateById() throws IOException { //1. 创建指定的request对象 UpdateRequest request = new UpdateRequest(); //2. 设置索引信息，文档id request.index("novel"); request.id("3"); //3. 准备具体文档数据 Map<String, Object> source = new HashMap<>(4); source.put("name","明朝那么多事！"); request.doc(source); //4. 将request用RestHighLevelClient发送出去，接收ES服务的响应 UpdateResponse resp = ESClientUtil.getClient().update(request, RequestOptions.DEFAULT); //5. 基于响应结果，判断操作是否成功 if (UPDATED.equals(resp.getResult().getLowercase())) { System.out.println("文档修改成功！"); }} 6.5 批量操作6.6 根据id查询文档123456789101112131415@Testpublic void get() throws IOException { //1. 创建指定的request对象 GetRequest request = new GetRequest(); //2. 设置索引信息，文档id request.index("novel"); request.id("3"); //3. 将request用RestHighLevelClient发送出去，接收ES服务的响应 GetResponse resp = ESClientUtil.getClient().get(request, RequestOptions.DEFAULT); //4. 基于响应结果，判断操作是否成功 System.out.println(resp.getSourceAsMap());} 七、ES的基本查询7.1 倒排/反向索引7.2 term查询 term是ES最基本的查询，基本上所有的检索方式的底层都是term查询…… 7.2.1 term查询 term查询对比MySQL的话，相当于：where column = ？ term就是将用户输入的关键字与ES中的某一个属性做等值比较（当前属性的分词库）。 term不会将用户输入的关键字进行分词，直接拿用户的完整关键字匹配分词库。 term更适合查询keyword类型的属性 1234567891011# term查询POST /sms_logs_index/_search{ "query": { "term": { "smsContent": { "value": "滴滴单车平台" } } }} 7.2.2 terms查询 term查询对比MySQL的话，相当于：where column in (?,?,?) 和terms一致，让用户输入多个关键字去匹配一个属性 123456789101112[[terms查询]]POST /sms_logs_index/_search{ "query": { "terms": { "smsContent": [ "滴滴打车", "平台" ] } }} 7.3 match查询 match查询是使用频率最高的查询方式，match查询的底层还是term查询 match查询会根据查询的field的属性，决定是否将用户输入的关键字进行分词 如果field是keyword类型，match查询不会将用户输入的关键字进行分词 如果field是text类型，match查询会将用户输入的关键字进行分词 7.3.1 match查询 用户输入一个关键字去匹配一个Field 123456789# match查询POST /sms_logs_index/_search{ "query": { "match": { "smsContent": "【招商银行】尊贵的王五先生" } }} 7.3.2 match_all查询 查询全部数据 12345678910111213141516# match_all 查询POST /sms_logs_index/_search{ "query": { "match_all": {} }, "from": 10, # limit的第一个参数 "size": 10, # limit的第二个参数 "sort": [ # 指定根据哪个field做排序，不根据es的分数进行排序…… { "fee": { "order": "asc" } } ]} 7.3.3 multi_match查询 一个值匹配多个Field 提升ES的查询命中率…… 12345678910# multi_matchPOST /sms_logs_index/_search{ "query": { "multi_match": { "query": "银行", "fields": ["corpName","smsContent"] } }} 7.4 range查询 range查询可以实现范围检索 针对数值，时间和IP地址做范围查询 12345678910111213141516171819202122232425262728293031323334353637383940# range 查询# 数值范围POST /sms_logs_index/_search{ "query": { "range": { "fee": { "gte": 1, "lt": 5 } } }}# 时间范围, 时间格式规定好，推荐都用时分秒，skr~~POST /sms_logs_index/_search{ "query": { "range": { "sendDate": { "gte": "2021-09-09 02:11:11", "lte": "2021-09-09 05:59:11", "format": "yyyy-MM-dd HH:mm:ss" } } }}# ip范围POST /sms_logs_index/_search{ "query": { "range": { "ipAddr": { "gt": "9.126.2.8", "lte": "11.126.2.255" } } }} 7.5 Java与ES交互实现查询操作123456789101112131415161718192021222324252627282930313233public class Demo2Test { /** * range范围查询，基于fee，查询1分到5分之间的 */ @Test public void rangeQuery() throws IOException { //1. req SearchRequest request = new SearchRequest(); //2. index request.indices("sms_logs_index"); //3. body SearchSourceBuilder sourceBuilder = new SearchSourceBuilder(); sourceBuilder.query(QueryBuilders.rangeQuery("fee").gte(1).lte(5)); sourceBuilder.from(0); sourceBuilder.size(2); sourceBuilder.sort("fee", SortOrder.ASC); request.source(sourceBuilder); //4. execute SearchResponse resp = ESClientUtil.getClient().search(request, RequestOptions.DEFAULT); //5. source for (SearchHit hit : resp.getHits().getHits()) { System.out.println(hit.getSourceAsMap()); } }} 八、ES的其他查询8.1 ids查询 ids是根据多个_id的值，直接拉取分片上的数据…… 123456789# ids查询POST /sms_logs_index/_search{ "query": { "ids": { "values": ["1","2","3"] } }} 8.2 prefix查询 将用户输入的关键字去分词库中匹配term的前缀…… 1234567891011# prefix查询POST /sms_logs_index/_search{ "query": { "prefix": { "corpName": { "value": "养车" } } }} 8.3 fuzzy查询 真正的模块查询，允许用户输入的关键字有错别字（错别字尽量出现在后面……） 1234567891011# fuzzy查询POST /sms_logs_index/_search{ "query": { "fuzzy": { "corpName": { "value": "盒马生鲜" } } }} 8.4 wildcard查询 和MySQL中的like查询一样的通配、占位查询， MySQL%代表通配，_代表占位 wildcard中*代表通配，？代表占位 1234567891011# wildcard查询POST /sms_logs_index/_search{ "query": { "wildcard": { "corpName": { "value": "中国????????" } } }} 8.5 regexp查询 基于正则表达式匹配分词库中的term 123456789# regexp查询POST /sms_logs_index/_search{ "query": { "regexp": { "mobile": "1390[0-9]{7}" } }} 九、ES的复合查询 基于ES的query查询数据时，暂时只能一个条件一个条件的使用，没有办法将多个条件以一定的逻辑方式组合在一起。 ES也支持查询方式，允许多个条件封装到一起，这种查询叫bool查询 只要公司项目用ES做全文检索，100%用bool查询 bool查询提供了四种组合方式： must：等于MySQL的and should：等于MySQL的or must_not：等于MySQL的! filter：在query的筛选基础上，再次做筛选，这次筛选不会计算分数 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859# bool查询# smsContent中包含先生 并且 fee大于等于5分# 省份要么是北京，要么是上海# 公司名称不是 滴滴打车# 将上述结果再次筛选出手机号为 13900000000的POST /sms_logs_index/_search{ "query": { "bool": { "must": [ { "match": { "smsContent": "先生" } }, { "range": { "fee": { "gte": 5 } } } ], "should": [ { "term": { "province": { "value": "北京" } } }, { "term": { "province": { "value": "西安" } } } ], "must_not": [ { "term": { "corpName": { "value": "滴滴打车" } } } ], "filter": [ { "term": { "mobile": "13900000000" } } ], "minimum_should_match": 0 } }} 十、ES的高亮查询 将用户输入的关键字匹配项，以高亮的形式返回。 1234567891011121314151617# 高亮查询POST /sms_logs_index/_search{ "query": { "term": { "corpName": "滴滴打车" } }, "highlight": { "pre_tags": "<span style='color:red;'>", "post_tags": "</span>", "fragment_size": 20, "fields": [ {"corpName": {}} ] }} Java代码 1234567891011121314151617181920212223242526272829303132333435363738394041public class Demo2Test { @Test public void matchQuery() throws IOException { //1. req SearchRequest request = new SearchRequest(); //2. index request.indices("sms_logs_index"); //3. body SearchSourceBuilder sourceBuilder = new SearchSourceBuilder(); sourceBuilder.query(QueryBuilders.matchQuery("smsContent","先生")); sourceBuilder.from(0); sourceBuilder.size(2); sourceBuilder.sort("fee", SortOrder.ASC); HighlightBuilder highligter = new HighlightBuilder(); highligter.fragmentSize(20); highligter.field("smsContent"); highligter.preTags("<span style='color:red;'>"); highligter.postTags("</span>"); sourceBuilder.highlighter(highligter); request.source(sourceBuilder); //4. execute SearchResponse resp = ESClientUtil.getClient().search(request, RequestOptions.DEFAULT); //5. source for (SearchHit hit : resp.getHits().getHits()) { System.out.println(hit.getSourceAsMap()); Map<String, HighlightField> highlightFields = hit.getHighlightFields(); HighlightField smsContent = highlightFields.get("smsContent"); if(smsContent != null){ String highlight = smsContent.getFragments()[0].toString(); System.out.println("highlight:" + highlight); } } }} 十一、ES的聚合函数ES提供了丰富的聚合函数在海量数据中做统计 想MySQL提供的5种聚合函数，ES都支持…… ES提供的聚合函数特别多，挑几个常用的…… 11.1 Extended_stats 查询出指定属性的count，min，max，sum，avg，平方和，方差，标准偏差………… 1234567891011# 聚合函数-Extended statsPOST /sms_logs_index/_search{ "aggs": { "heiheihei": { "extended_stats": { "field": "fee" } } }} 11.2 Cardinality 针对非text类型的属性做 去重计数 1234567891011# 聚合函数-CardinalityPOST /sms_logs_index/_search{ "aggs": { "xixixi": { "cardinality": { "field": "createDate" } } }} 11.3 Range统计 ES中针对Range范围统计提供了Range，DateRange，IPRange 可以统计范围内出现数据的数量。 12345678910111213141516171819202122232425262728293031323334# 聚合函数-RangePOST /sms_logs_index/_search{ "aggs": { "hahaha": { "range": { "field": "fee", "ranges": [ {"to": 5}, {"from": 5,"to": 8}, {"from": 8} ] } } }}# 聚合函数-DateRangePOST /sms_logs_index/_search{ "aggs": { "hehehe": { "date_range": { "field": "createDate", "ranges": [ {"to": "2021-09-09 04:00:00"}, {"from": "2021-09-09 04:00:00","to": "2021-09-09 12:00:00"}, {"from": "2021-09-09 12:00:00"} ], "format": "yyyy-MM-dd HH:mm:ss" } } }} 11.4 histogram 根据指定的属性和间隔interval做范围统计 1234567891011121314151617181920212223242526# 聚合函数-histogramPOST /sms_logs_index/_search{ "aggs": { "eee": { "histogram": { "field": "fee", "interval": 1 } } }}# 聚合函数-date_histogramPOST /sms_logs_index/_search{ "aggs": { "yesyesyes": { "date_histogram": { "field": "createDate", "interval": "minute" } } }} 11.5 terms 统计某个属性不同值出现的次数，并且可以基于order做排序，基于size做筛选条数 123456789101112131415# 聚合函数-termsPOST /sms_logs_index/_search{ "aggs": { "yiku": { "terms": { "field": "fee", "size": 2, "order": { "_count": "asc" } } } }} 11.6 Java代码实现 向下转型问题！ 12345678910111213141516171819202122232425262728293031323334/** * 聚合函数Java实现 * @author zjw */public class Demo3Test { @Test public void terms() throws IOException { // request SearchRequest request = new SearchRequest(); // index request.indices("sms_logs_index"); // body SearchSourceBuilder sourceBuilder = new SearchSourceBuilder(); sourceBuilder.aggregation(AggregationBuilders.terms("agg").field("fee").size(10).order(BucketOrder.count(false))); request.source(sourceBuilder); // send,resp SearchResponse resp = ESClientUtil.getClient().search(request, RequestOptions.DEFAULT); // getData Aggregations aggregations = resp.getAggregations(); // 根据聚合函数的查询条件向下转型 Terms agg = aggregations.get("agg"); for (Terms.Bucket bucket : agg.getBuckets()) { System.out.println(bucket.getKey() +"," + bucket.getDocCount()); } }} 十二、ES的GEO查询 GEO查询就是基于经纬度做筛选。 一般经纬度筛选无法计算分数，会将基于GEO的查询统统滴放到filter中。 创建一个索引，指定一个属性的存储类型是geo_point 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647# 玩GEO，创建索引PUT /map { "settings": { "number_of_shards": 3, "number_of_replicas": 1 }, "mappings": { "properties": { "name": { "type": "keyword" }, "location": { "type": "geo_point" } } }}# 插入三条数据 北科，生命科学园地铁，巩华城地铁POST /map/_create/1{ "name": "北科", "location": { "lat": 40.125318, "lon": 116.258312 }}POST /map/_create/2{ "name": "生命科学园地铁", "location": { "lat": 40.101109, "lon": 116.300721 }}POST /map/_create/3{ "name": "巩华城地铁", "location": { "lat": 40.13731, "lon": 116.300344 }} GEO在ES中提供了三种查询方式 12345678910111213141516171819# 一个点，一个距离（半径）查询圆内数据POST /map/_search{ "query": { "bool": { "filter": [ { "geo_distance": { "distance": 4700, "location": { "lat": 40.125318, "lon": 116.258312 } } } ] } }} 123456789101112131415161718192021222324# 两个点确定矩形POST /map/_search{ "query": { "bool": { "filter": [ { "geo_bounding_box": { "location": { "top_left": { "lat": 40.109973, "lon": 116.278192 }, "bottom_right": { "lat": 40.093416, "lon": 116.32131 } } } } ] } }} 123456789101112131415161718192021222324252627282930# 多个点确定多边形POST /map/_search{ "query": { "bool": { "filter": [ { "geo_polygon": { "location": { "points": [ { "lat": 40.143736, "lon": 116.29084 }, { "lat": 40.127132, "lon": 116.306003 }, { "lat": 40.148479, "lon": 116.313549 } ] } } } ] } }}","categories":[{"name":"技术","slug":"技术","permalink":"https://www.yangcc.top/categories/%E6%8A%80%E6%9C%AF/"}],"tags":[{"name":"Java","slug":"Java","permalink":"https://www.yangcc.top/tags/Java/"}]},{"title":"Volatile关键字","slug":"volatile关键字","date":"2021-08-11T16:00:00.000Z","updated":"2021-08-11T16:00:00.000Z","comments":true,"path":"1069363226/","link":"","permalink":"https://www.yangcc.top/1069363226/","excerpt":"","text":"1 内存模型缓存不一致问题计算机在执行程序时，每条指令都是在CPU中执行的，而执行指令过程中，势必涉及到数据的读取和写入。由于程序运行过程中的临时数据是存放在主存（物理内存）当中的，这时就存在一个问题，由于CPU执行速度很快，而从内存读取数据和向内存写入数据的过程跟CPU执行指令的速度比起来要慢的多，因此如果任何时候对数据的操作都要通过和内存的交互来进行，会大大降低指令执行的速度。因此在CPU里面就有了高速缓存。 也就是，当程序在运行过程中，会将运算需要的数据从主存复制一份到CPU的高速缓存当中，那么CPU进行计算时就可以直接从它的高速缓存读取数据和向其中写入数据，当运算结束之后，再将高速缓存中的数据刷新到主存当中。 比如有一段代码： 12// 理想情况是两个线程都执行一次，最后的结果为2i = i +1; 此代码在单线程执行没有任何问题,而在多线程运行会被覆盖。 1234线程1：读取i=0放到高速缓冲区 ——> i+1 ——> 刷线数据到主存，i=1线程2：读取i=0放到高速缓冲区 ——> i+1 ——> 刷线数据到主存，i=1 因为在多核心cpu中每个线程可能运行于不同的cpu，因此有可能每个线程的高速缓存不是同一个。 而单核心cpu，是线程调度的，要么分时执行，要么抢占执行，但结果和多核心都是一样的。 解决方式为了解决缓存不一致性问题，通常来说有以下2种解决方法：这2种方式都是 硬件层面上提供的方式。 通过在总线加LOCK锁的方式 在早期的CPU当中，是通过在总线上加LOCK锁的形式来解决缓存不一致的问题。因为CPU和其他部件进行通信都是通过总线来进行的，如果对总线加LOCK锁的话，也就是说阻塞了其他CPU对其他部件访问（如内存），从而使得只能有一个 CPU能使用这个变量的内存。 通过缓存一致性协议 上面的方式会有一个问题，由于在锁住总线期间，其他CPU无法访问内存，导致 效率低下。所以就出现了缓存一致性协议。最出名的就是Intel 的MESI协议，MESI协议保证了每个缓存中使用的共享变量的副本是一致的。它核心的思想是：当CPU写数据时，如果发现操作的变量是共享变量，即在其他CPU中也存在该变量的副本，会发出信号通知其他CPU将该变量的缓存行置为无效状态，因此当其他CPU需要读取这个变量时，发现自己缓存中缓存该变量的缓存行是无效的，那么它就会从内存重新读取。 2 并发编程原子性与数据库那个原子性一个概念，就是两个操作是一体的，要么都执行，要么都不执行 可见性当多个线程访问同一个变量的时候，一个线程修改了值，另外的线程能够立刻看到修改的值 有序性程序是按照代码的顺序执行的，但JVM在真正执行这段代码的时候不一定能保证是按照顺序执行的，因为可能发生 指令重排序（Instruction Reorder） 处理器为了提高程序运行效率，可能会对输入代码进行 优化，它不保证程序中各个语句的执行先后顺序同代码中的顺序一致，但是它会保证程序最终执行结果和代码顺序执行的结果是一致的。 而处理器在进行重排序时是会考虑指令之间的数据依赖性，如果指定2必须要用到指令1，则指令1一定会在指令2之前运行的。指令重排序不会影响单个线程的执行，但是会影响到线程并发执行的正确性。 想要让程序正常的执行，必须要保证满足这三个条件 3 java内存模型 在Java虚拟机规范中试图定义一种 Java内存模型（Java Memory Model，JMM）来屏蔽各个硬件平台和操作系统的内存访问差异，以实现让Java程序在各种平台下都能达到一致的内存访问效果。它定义了程序中变量的访问规则，往大一点说是定义了程序执行的次序。注意，为了获得较好的执行性能，Java内存模型并没有限制执行引擎使用处理器的寄存器或者高速缓存来提升指令执行速度，也没有限制编译器对指令进行重排序。也就是说，在java内存模型中，也会存在缓存一致性问题和指令重排序的问题。Java内存模型规定所有的变量都是存在主存当中（类似于前面说的物理内存），每个线程都有自己的工作内存（类似于前面的高速缓存）。线程对变量的所有操作都必须在工作内存中进行，而不能直接对主存进行操作。并且每个线程不能访问其他线程的工作内存。 总结来说JVM中每个线程都有自己独立的虚拟机栈来执行自己的方法，这样如同操作系统的高速缓冲一样，存在可见性问题。 4 如何保证三个特性原子性1234x =8;y = x; // 包含两步，读取x值，赋值给yx++; // 包含三步，读取x值，x+1，赋值给xx = x+1; 上面四个操作只有操作1是原子操作，java中只有 赋值，和 读取值是原子操作，如果要保证多个操作整体具有原子性，需要同步或者锁来实现(synchronized和Lock) 可见性对于可见性，Java提供了volatile关键字来保证可见性。当一个共享变量被volatile修饰时，它会保证修改的值会立即被更新到主存，当有其他线程需要读取时，它会去内存中读取新值。 另外，还可通过synchronized和Lock也能够保证可见性，synchronized和Lock能保证同一时刻只有一个线程获取锁然后执行同步代码，并且在释放锁之前会将对变量的修改刷新到主存当中。因此可以保证可见性。 有序性在Java内存模型中，允许编译器和处理器对指令进行重排序，单线程程序没有问题，多线程会出现有序性问题。 Java内存模型具备一些先天的“有序性”，即不需要通过任何手段就能够得到保证的有序性，这个通常也称为 happens-before 原则。如果两个操作的执行次序无法从happens-before原则推导出来，那么它们就不能保证它们的有序性，虚拟机可以随意地对它们进行重排序。 下面就来具体介绍下happens-before原则（先行发生原则）： 程序次序规则：一个线程内，按照代码顺序，书写在前面的操作先行发生于书写在后面的操作 锁定规则：一个unLock操作先行发生于后面对同一个锁额lock操作 volatile变量规则：对一个变量的写操作先行发生于后面对这个变量的读操作 传递规则：如果操作A先行发生于操作B，而操作B又先行发生于操作C，则可以得出操作A先行发生于操作C 二 JUC1 关键字volatile一个变量被此关键字修饰后就具备了如下特点： 保证了不同线程对这个变量进行操作时的 可见性，当一个变量被volatile修饰时，那么对它的修改会立刻刷新到主存,当其它线程需要读取该变量时，会去内存中读取新值。 禁止进行指令重排序。 使用volatile关键字并不能保证原子性，如下这段代码，输出的值很随机，正常应该是10000才对。 因为 a++这个代码不是原子性的，包含几个步骤：读取,加1，写入内存，三步。因此，此段代码就有可能这样执行： 某个时刻 a = 10 线程1 ——> 读取a=10 a自增 线程2 ——> 读取到a=10 然后因为此时有别的线程正在进行修改，因此进入阻塞状态 线程3 ——> 此时恰好修改a值那个线程结束了，因此读到是内存中的a = 11，然和进行自增操作为 a=12 线程2 ——> 接着对a进行自增操作,a=11 这样三个线程自增结果却只+1，原因就在于自增操作不是原子的 123456789101112131415161718192021222324public class Test0 { public volatile int a =0; // 自增操作 public void setA(){ a++; } // 10个线程每个线程让a+1，1000次 public static void main(String[] args) { Test0 test = new Test0(); for (int i = 0; i < 10; i++) { new Thread(new Runnable() { @Override public void run() { for (int j = 0; j <1000; j++) { test.setA(); } } }).start(); } Thread.sleep(2000); // 保证上面执行完成 System.out.println(test.a); // 数值随机 }} 有三种方式来解决原子性问题： 12345678910111213141516// 1 同步public synchronized void setA(){ a++;}// 2 锁private Lock lock = new ReentrantLock();public void setA(){ lock.lock(); a++; lock.unlock();}// 3 原子整数public AtomicInteger a = new AtomicInteger();public void setA(){ a.getAndIncrement();} 原理和实现机制 下面这段话摘自《深入理解Java虚拟机》： “观察加入volatile关键字和没有加入volatile关键字时所生成的汇编代码发现，加入volatile关键字时，会多出一个lock前缀指令” lock前缀指令实际上相当于一个内存屏障（也成内存栅栏），内存屏障会提供3个功能： 1）它确保指令重排序时不会把其后面的指令排到内存屏障之前的位置，也不会把前面的指令排到内存屏障的后面；即在执行到内存屏障这句指令时，在它前面的操作已经全部完成； 2）它会强制将对缓存的修改操作立即写入主存； 3）如果是写操作，它会导致其他CPU中对应的缓存行无效。 使用场景 单例模式 12345678910111213141516// 双重检查锁定模式 （Double check locked）public class Test4 { private volatile static Test4 test4 ; private Test4(){}; public static Test4 getTest4() { if (test4==null){ synchronized (Test4.class){ if (test4==null){ test4 = new Test4(); } } } return test4; }} 刚开始是有疑问的，感觉volatile关键字根本没必要呀，其实是为了禁止指令重排，保证 test4 = new Test4()顺序执行，创建对象并赋值有如下的虚拟机指令： 12340: new // 创建一个对象，在堆内开辟空间，并将地址放入虚拟机栈顶 3: dup // 复制操作数栈顶值，并将其压入栈顶，也就是说此时操作数栈上有连续相同的两个对象地址；4: invokespecial #3 //执行构造方法 7: astore_1 // 将地址赋值 创建对象分配堆空间 执行构造方法 将对象地址赋值给变量 上面这三个步骤，2，3是依赖一的，所以2，3一定会在1之后执行，而2，3可能会因为指令重排而发生 3执行在2之前，因此可能会出现下面的情况： 线程1 线程2 1 判断是否为null(true) 2 获取锁 3 判断是否为null(true) 4 发生指令重排 5 创建对象 6 将对象地址赋值给变量 判断是否为null(false) 7 return 8 执行构造方法 在线程1执行构造方法之前，线程2直接将没有初始化的地址返回了，因此线程2要执行操作的时候会出现问题，比如线程1在构造方法对成员变量进行赋值，而线程2获取时候发现还是默认值。 因此volatile的重要性就体现出来了，禁止指令重排序将保证上述问题不会发生。 参考Java并发编程：volatile关键字解析 - Matrix海子 双重检查锁单例模式为什么要用volatile关键字？","categories":[{"name":"技术","slug":"技术","permalink":"https://www.yangcc.top/categories/%E6%8A%80%E6%9C%AF/"}],"tags":[{"name":"Java","slug":"Java","permalink":"https://www.yangcc.top/tags/Java/"}]}],"categories":[{"name":"工具","slug":"工具","permalink":"https://www.yangcc.top/categories/%E5%B7%A5%E5%85%B7/"},{"name":"技术","slug":"技术","permalink":"https://www.yangcc.top/categories/%E6%8A%80%E6%9C%AF/"}],"tags":[{"name":"Java","slug":"Java","permalink":"https://www.yangcc.top/tags/Java/"},{"name":"JavaScript","slug":"JavaScript","permalink":"https://www.yangcc.top/tags/JavaScript/"},{"name":"设计模式","slug":"设计模式","permalink":"https://www.yangcc.top/tags/%E8%AE%BE%E8%AE%A1%E6%A8%A1%E5%BC%8F/"},{"name":"规则引擎","slug":"规则引擎","permalink":"https://www.yangcc.top/tags/%E8%A7%84%E5%88%99%E5%BC%95%E6%93%8E/"},{"name":"算法","slug":"算法","permalink":"https://www.yangcc.top/tags/%E7%AE%97%E6%B3%95/"},{"name":"Electron","slug":"Electron","permalink":"https://www.yangcc.top/tags/Electron/"},{"name":"Rust","slug":"Rust","permalink":"https://www.yangcc.top/tags/Rust/"},{"name":"Linux","slug":"Linux","permalink":"https://www.yangcc.top/tags/Linux/"},{"name":"Javafx","slug":"Javafx","permalink":"https://www.yangcc.top/tags/Javafx/"}]} \ No newline at end of file diff --git a/css/common/animated.css b/css/common/animated.css index fda59e7..010ab4a 100644 --- a/css/common/animated.css +++ b/css/common/animated.css @@ -1,3 +1,3 @@ -/* build time:Mon May 06 2024 14:54:10 GMT+0800 (中国标准时间)*/ +/* build time:Mon May 06 2024 15:22:02 GMT+0800 (中国标准时间)*/ .fade-in-down-animation{animation-fill-mode:both;animation-duration:1s;animation-name:fade-in-down;will-change:transform}.title-hover-animation{display:inline-block;position:relative;border-bottom:none;line-height:1.3;vertical-align:top;color:var(--second-text-color)}.title-hover-animation::before{content:'';position:absolute;width:100%;height:2px;bottom:-4px;left:0;background-color:var(--second-text-color);visibility:hidden;transform:scaleX(0);transition-property:color,background,box-shadow,border-color,visibility,transform;transition-delay:0s,0s,0s,0s,0s,0s;transition-duration:.2s,.2s,.2s,.2s,.2s,.2s;transition-timing-function:ease,ease,ease,ease,ease-in-out,ease-in-out}@-moz-keyframes fade-in-down{0%{opacity:0;transform:translateY(-50px)}100%{opacity:1;transform:translateY(0)}}@-webkit-keyframes fade-in-down{0%{opacity:0;transform:translateY(-50px)}100%{opacity:1;transform:translateY(0)}}@-o-keyframes fade-in-down{0%{opacity:0;transform:translateY(-50px)}100%{opacity:1;transform:translateY(0)}}@keyframes fade-in-down{0%{opacity:0;transform:translateY(-50px)}100%{opacity:1;transform:translateY(0)}}@-moz-keyframes icon-animate{0%,100%{transform:scale(1)}10%,30%{transform:scale(.88)}20%,40%,60%,80%{transform:scale(1.08)}50%,70%{transform:scale(1.08)}}@-webkit-keyframes icon-animate{0%,100%{transform:scale(1)}10%,30%{transform:scale(.88)}20%,40%,60%,80%{transform:scale(1.08)}50%,70%{transform:scale(1.08)}}@-o-keyframes icon-animate{0%,100%{transform:scale(1)}10%,30%{transform:scale(.88)}20%,40%,60%,80%{transform:scale(1.08)}50%,70%{transform:scale(1.08)}}@keyframes icon-animate{0%,100%{transform:scale(1)}10%,30%{transform:scale(.88)}20%,40%,60%,80%{transform:scale(1.08)}50%,70%{transform:scale(1.08)}} /* rebuild by neat */ \ No newline at end of file diff --git a/css/common/basic.css b/css/common/basic.css index 0e4180d..ede1ef1 100644 --- a/css/common/basic.css +++ b/css/common/basic.css @@ -1,3 +1,3 @@ -/* build time:Mon May 06 2024 14:54:10 GMT+0800 (中国标准时间)*/ +/* build time:Mon May 06 2024 15:22:02 GMT+0800 (中国标准时间)*/ :root{--background-color:#fff;--background-color-transparent:rgba(255,255,255,0.6);--background-color-transparent-15:rgba(255,255,255,0.15);--background-color-transparent-40:rgba(255,255,255,0.4);--background-color-transparent-80:rgba(255,255,255,0.8);--second-background-color:#fafafa;--third-background-color:#f7f7f7;--third-background-color-transparent:rgba(241,241,241,0.6);--primary-color:#a31f34;--first-text-color:#323739;--second-text-color:#343a3c;--third-text-color:#5c6669;--fourth-text-color:#eaeced;--default-text-color:#373d3f;--invert-text-color:#bebec6;--border-color:rgba(0,0,0,0.08);--selection-color:#be243c;--shadow-color-1:rgba(0,0,0,0.08);--shadow-color-2:rgba(0,0,0,0.05);--shadow-hover-color:rgba(0,0,0,0.28);--scrollbar-color:#c1c1c1;--scrollbar-color-hover:#a1a1a1;--scroll-bar-bg-color:#fafafa;--link-color:#323739;--copyright-info-color:#c03;--avatar-background-color:#06c;--pjax-progress-bar-color:linear-gradient(45deg, #f10006, #ef5b00, #e59c01, #19ca05, #00cab5, #0264c8, #c303c3);--archive-timeline-last-child-color:linear-gradient(to bottom, #e8e8e8 60%, rgba(0,0,0,0) 100%) 1 100%;--note-blue-title-bg:#d6f7fb;--note-red-title-bg:#fde9e9;--note-cyan-title-bg:#e9fdf9;--note-green-title-bg:#e9fde9;--note-yellow-title-bg:#fdf9e9;--note-gray-title-bg:#f9f9f9;--note-type-title-bg:#fdf3e9;--note-black-title-bg:#e9e9e9;--note-purple-title-bg:#f9e9fd;--home-banner-text-color:#fff;--home-banner-icons-container-border-color:rgba(255,255,255,0.35);--home-banner-icons-container-background-color:rgba(255,255,255,0.3);--redefine-box-shadow:var(--shadow-color-2) 0px 6px 24px 0px,var(--shadow-color-1) 0px 0px 0px 1px;--redefine-box-shadow-hover:var(--shadow-color-2) 0px 6px 24px 0px,var(--shadow-color-1) 0px 0px 0px 1px,var(--shadow-color-1) 0px 0px 0px 1px inset;--redefine-box-shadow-flat:var(--shadow-color-2) 0px 1px 4px 0px,var(--shadow-color-1) 0px 0px 0px 1px;--redefine-box-shadow-flat-hover:var(--shadow-color-2) 0px 1px 4px 0px,var(--shadow-color-1) 0px 0px 0px 1px,var(--shadow-color-1) 0px 0px 0px 1px inset;--mermaid-theme:''}@media (prefers-color-scheme:light){:root{--background-color:#fff;--background-color-transparent:rgba(255,255,255,0.6);--background-color-transparent-15:rgba(255,255,255,0.15);--background-color-transparent-40:rgba(255,255,255,0.4);--background-color-transparent-80:rgba(255,255,255,0.8);--second-background-color:#fafafa;--third-background-color:#f7f7f7;--third-background-color-transparent:rgba(241,241,241,0.6);--primary-color:#a31f34;--first-text-color:#323739;--second-text-color:#343a3c;--third-text-color:#5c6669;--fourth-text-color:#eaeced;--default-text-color:#373d3f;--invert-text-color:#bebec6;--border-color:rgba(0,0,0,0.08);--selection-color:#be243c;--shadow-color-1:rgba(0,0,0,0.08);--shadow-color-2:rgba(0,0,0,0.05);--shadow-hover-color:rgba(0,0,0,0.28);--scrollbar-color:#c1c1c1;--scrollbar-color-hover:#a1a1a1;--scroll-bar-bg-color:#fafafa;--link-color:#323739;--copyright-info-color:#c03;--avatar-background-color:#06c;--pjax-progress-bar-color:linear-gradient(45deg, #f10006, #ef5b00, #e59c01, #19ca05, #00cab5, #0264c8, #c303c3);--archive-timeline-last-child-color:linear-gradient(to bottom, #e8e8e8 60%, rgba(0,0,0,0) 100%) 1 100%;--note-blue-title-bg:#d6f7fb;--note-red-title-bg:#fde9e9;--note-cyan-title-bg:#e9fdf9;--note-green-title-bg:#e9fde9;--note-yellow-title-bg:#fdf9e9;--note-gray-title-bg:#f9f9f9;--note-type-title-bg:#fdf3e9;--note-black-title-bg:#e9e9e9;--note-purple-title-bg:#f9e9fd;--home-banner-text-color:#fff;--home-banner-icons-container-border-color:rgba(255,255,255,0.35);--home-banner-icons-container-background-color:rgba(255,255,255,0.3);--redefine-box-shadow:var(--shadow-color-2) 0px 6px 24px 0px,var(--shadow-color-1) 0px 0px 0px 1px;--redefine-box-shadow-hover:var(--shadow-color-2) 0px 6px 24px 0px,var(--shadow-color-1) 0px 0px 0px 1px,var(--shadow-color-1) 0px 0px 0px 1px inset;--redefine-box-shadow-flat:var(--shadow-color-2) 0px 1px 4px 0px,var(--shadow-color-1) 0px 0px 0px 1px;--redefine-box-shadow-flat-hover:var(--shadow-color-2) 0px 1px 4px 0px,var(--shadow-color-1) 0px 0px 0px 1px,var(--shadow-color-1) 0px 0px 0px 1px inset;--mermaid-theme:''}}@media (prefers-color-scheme:dark){:root{--background-color:#202124;--background-color-transparent:rgba(32,33,36,0.4);--background-color-transparent-15:rgba(32,33,36,0.15);--background-color-transparent-40:rgba(32,33,36,0.4);--background-color-transparent-80:rgba(32,33,36,0.8);--second-background-color:#242529;--third-background-color:#292b2f;--third-background-color-transparent:rgba(32,33,36,0.6);--primary-color:#a31f34;--first-text-color:#d2d2d7;--second-text-color:#cbcbd1;--third-text-color:#9595a2;--fourth-text-color:#242429;--default-text-color:#bebec6;--invert-text-color:#373d3f;--border-color:rgba(255,255,255,0.08);--selection-color:#be243c;--shadow-color-1:rgba(255,255,255,0.08);--shadow-color-2:rgba(255,255,255,0.05);--shadow-hover-color:rgba(69,69,69,0.28);--scrollbar-color:#898989;--scrollbar-color-hover:#a1a1a1;--scroll-bar-bg-color:#2a2c30;--link-color:#c5c5cc;--copyright-info-color:#a30029;--avatar-background-color:#005cb8;--pjax-progress-bar-color:linear-gradient(45deg, #ea404a, #ea722f, #e9a71f, #67e559, #18ecec, #1b85f1, #ee1dee);--archive-timeline-last-child-color:linear-gradient(to bottom, #323232 60%, rgba(255,255,255,0) 100%) 1 100%;--note-blue-title-bg:#1e3e46;--note-red-title-bg:#4e1e1e;--note-cyan-title-bg:#1e4e4e;--note-green-title-bg:#1e4e1e;--note-yellow-title-bg:#4e4e1e;--note-gray-title-bg:#4e4e4e;--note-type-title-bg:#4e3a1e;--note-black-title-bg:#1e1e1e;--note-purple-title-bg:#4e1e4e;--home-banner-text-color:#d1d1b6;--home-banner-icons-container-border-color:rgba(197,197,197,0.35);--home-banner-icons-container-background-color:rgba(197,197,197,0.3);--redefine-box-shadow:var(--shadow-color-2) 0px 6px 24px 0px,var(--shadow-color-1) 0px 0px 0px 1px;--redefine-box-shadow-hover:var(--shadow-color-2) 0px 6px 24px 0px,var(--shadow-color-1) 0px 0px 0px 1px,var(--shadow-color-1) 0px 0px 0px 1px inset;--redefine-box-shadow-flat:var(--shadow-color-2) 0px 1px 4px 0px,var(--shadow-color-1) 0px 0px 0px 1px;--redefine-box-shadow-flat-hover:var(--shadow-color-2) 0px 1px 4px 0px,var(--shadow-color-1) 0px 0px 0px 1px,var(--shadow-color-1) 0px 0px 0px 1px inset;--mermaid-theme:''}}.light-mode{--background-color:#fff;--background-color-transparent:rgba(255,255,255,0.6);--background-color-transparent-15:rgba(255,255,255,0.15);--background-color-transparent-40:rgba(255,255,255,0.4);--background-color-transparent-80:rgba(255,255,255,0.8);--second-background-color:#fafafa;--third-background-color:#f7f7f7;--third-background-color-transparent:rgba(241,241,241,0.6);--primary-color:#a31f34;--first-text-color:#323739;--second-text-color:#343a3c;--third-text-color:#5c6669;--fourth-text-color:#eaeced;--default-text-color:#373d3f;--invert-text-color:#bebec6;--border-color:rgba(0,0,0,0.08);--selection-color:#be243c;--shadow-color-1:rgba(0,0,0,0.08);--shadow-color-2:rgba(0,0,0,0.05);--shadow-hover-color:rgba(0,0,0,0.28);--scrollbar-color:#c1c1c1;--scrollbar-color-hover:#a1a1a1;--scroll-bar-bg-color:#fafafa;--link-color:#323739;--copyright-info-color:#c03;--avatar-background-color:#06c;--pjax-progress-bar-color:linear-gradient(45deg, #f10006, #ef5b00, #e59c01, #19ca05, #00cab5, #0264c8, #c303c3);--archive-timeline-last-child-color:linear-gradient(to bottom, #e8e8e8 60%, rgba(0,0,0,0) 100%) 1 100%;--note-blue-title-bg:#d6f7fb;--note-red-title-bg:#fde9e9;--note-cyan-title-bg:#e9fdf9;--note-green-title-bg:#e9fde9;--note-yellow-title-bg:#fdf9e9;--note-gray-title-bg:#f9f9f9;--note-type-title-bg:#fdf3e9;--note-black-title-bg:#e9e9e9;--note-purple-title-bg:#f9e9fd;--home-banner-text-color:#fff;--home-banner-icons-container-border-color:rgba(255,255,255,0.35);--home-banner-icons-container-background-color:rgba(255,255,255,0.3);--redefine-box-shadow:var(--shadow-color-2) 0px 6px 24px 0px,var(--shadow-color-1) 0px 0px 0px 1px;--redefine-box-shadow-hover:var(--shadow-color-2) 0px 6px 24px 0px,var(--shadow-color-1) 0px 0px 0px 1px,var(--shadow-color-1) 0px 0px 0px 1px inset;--redefine-box-shadow-flat:var(--shadow-color-2) 0px 1px 4px 0px,var(--shadow-color-1) 0px 0px 0px 1px;--redefine-box-shadow-flat-hover:var(--shadow-color-2) 0px 1px 4px 0px,var(--shadow-color-1) 0px 0px 0px 1px,var(--shadow-color-1) 0px 0px 0px 1px inset;--mermaid-theme:''}.dark-mode{--background-color:#202124;--background-color-transparent:rgba(32,33,36,0.4);--background-color-transparent-15:rgba(32,33,36,0.15);--background-color-transparent-40:rgba(32,33,36,0.4);--background-color-transparent-80:rgba(32,33,36,0.8);--second-background-color:#242529;--third-background-color:#292b2f;--third-background-color-transparent:rgba(32,33,36,0.6);--primary-color:#a31f34;--first-text-color:#d2d2d7;--second-text-color:#cbcbd1;--third-text-color:#9595a2;--fourth-text-color:#242429;--default-text-color:#bebec6;--invert-text-color:#373d3f;--border-color:rgba(255,255,255,0.08);--selection-color:#be243c;--shadow-color-1:rgba(255,255,255,0.08);--shadow-color-2:rgba(255,255,255,0.05);--shadow-hover-color:rgba(69,69,69,0.28);--scrollbar-color:#898989;--scrollbar-color-hover:#a1a1a1;--scroll-bar-bg-color:#2a2c30;--link-color:#c5c5cc;--copyright-info-color:#a30029;--avatar-background-color:#005cb8;--pjax-progress-bar-color:linear-gradient(45deg, #ea404a, #ea722f, #e9a71f, #67e559, #18ecec, #1b85f1, #ee1dee);--archive-timeline-last-child-color:linear-gradient(to bottom, #323232 60%, rgba(255,255,255,0) 100%) 1 100%;--note-blue-title-bg:#1e3e46;--note-red-title-bg:#4e1e1e;--note-cyan-title-bg:#1e4e4e;--note-green-title-bg:#1e4e1e;--note-yellow-title-bg:#4e4e1e;--note-gray-title-bg:#4e4e4e;--note-type-title-bg:#4e3a1e;--note-black-title-bg:#1e1e1e;--note-purple-title-bg:#4e1e4e;--home-banner-text-color:#d1d1b6;--home-banner-icons-container-border-color:rgba(197,197,197,0.35);--home-banner-icons-container-background-color:rgba(197,197,197,0.3);--redefine-box-shadow:var(--shadow-color-2) 0px 6px 24px 0px,var(--shadow-color-1) 0px 0px 0px 1px;--redefine-box-shadow-hover:var(--shadow-color-2) 0px 6px 24px 0px,var(--shadow-color-1) 0px 0px 0px 1px,var(--shadow-color-1) 0px 0px 0px 1px inset;--redefine-box-shadow-flat:var(--shadow-color-2) 0px 1px 4px 0px,var(--shadow-color-1) 0px 0px 0px 1px;--redefine-box-shadow-flat-hover:var(--shadow-color-2) 0px 1px 4px 0px,var(--shadow-color-1) 0px 0px 0px 1px,var(--shadow-color-1) 0px 0px 0px 1px inset;--mermaid-theme:''}.fade-in-down-animation{animation-fill-mode:both;animation-duration:1s;animation-name:fade-in-down;will-change:transform}.title-hover-animation{display:inline-block;position:relative;border-bottom:none;line-height:1.3;vertical-align:top;color:var(--second-text-color)}.title-hover-animation::before{content:'';position:absolute;width:100%;height:2px;bottom:-4px;left:0;background-color:var(--second-text-color);visibility:hidden;transform:scaleX(0);transition-property:color,background,box-shadow,border-color,visibility,transform;transition-delay:0s,0s,0s,0s,0s,0s;transition-duration:.2s,.2s,.2s,.2s,.2s,.2s;transition-timing-function:ease,ease,ease,ease,ease-in-out,ease-in-out}@-moz-keyframes fade-in-down{0%{opacity:0;transform:translateY(-50px)}100%{opacity:1;transform:translateY(0)}}@-webkit-keyframes fade-in-down{0%{opacity:0;transform:translateY(-50px)}100%{opacity:1;transform:translateY(0)}}@-o-keyframes fade-in-down{0%{opacity:0;transform:translateY(-50px)}100%{opacity:1;transform:translateY(0)}}@keyframes fade-in-down{0%{opacity:0;transform:translateY(-50px)}100%{opacity:1;transform:translateY(0)}}@-moz-keyframes icon-animate{0%,100%{transform:scale(1)}10%,30%{transform:scale(.88)}20%,40%,60%,80%{transform:scale(1.08)}50%,70%{transform:scale(1.08)}}@-webkit-keyframes icon-animate{0%,100%{transform:scale(1)}10%,30%{transform:scale(.88)}20%,40%,60%,80%{transform:scale(1.08)}50%,70%{transform:scale(1.08)}}@-o-keyframes icon-animate{0%,100%{transform:scale(1)}10%,30%{transform:scale(.88)}20%,40%,60%,80%{transform:scale(1.08)}50%,70%{transform:scale(1.08)}}@keyframes icon-animate{0%,100%{transform:scale(1)}10%,30%{transform:scale(.88)}20%,40%,60%,80%{transform:scale(1.08)}50%,70%{transform:scale(1.08)}}*{transition-property:color,background,box-shadow,border-color;transition-delay:0s,0s,0s,0s;transition-duration:.2s,.2s,.2s,.2s;transition-timing-function:ease,ease,ease,ease}::-webkit-scrollbar{width:6px;height:6px;transition:all .2s ease;display:block}::-webkit-scrollbar-thumb{background:var(--scrollbar-color);border-radius:18px;background-clip:content-box;border:3px solid transparent}::-webkit-scrollbar-track{background-color:var(--scroll-bar-bg-color);border:1px solid var(--shadow-color-1)}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-color-hover);border-radius:18px;background-clip:content-box;border:3px solid transparent}body,html{position:relative;width:100%;height:100%;margin:0;padding:0;color:var(--default-text-color);background:var(--background-color);font-family:Satoshi-Variable,Noto Sans SC,-apple-system,system-ui,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,BlinkMacSystemFont,Helvetica Neue,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Arial;font-weight:450;font-size:16px;line-height:1.5}body::-webkit-scrollbar,html::-webkit-scrollbar{width:14px;height:8px}@media (max-width:768px){body,html{font-size:15.36px;line-height:1.44}}@media (max-width:640px){body,html{font-size:14.4px;line-height:1.35}}::selection{background:var(--selection-color);color:#fff}li,ol,ul{padding:0;margin:0;list-style:none}a{text-decoration:none;color:var(--default-text-color)}a i,a span{color:var(--default-text-color)}a:active,a:hover{text-decoration:none!important;color:var(--primary-color)}a:active i,a:active span,a:hover i,a:hover span{color:var(--primary-color)}img[lazyload]{padding:10px;margin:20px auto!important;cursor:not-allowed;pointer-events:none}button{padding:0;margin:0;border:0;outline:0;cursor:pointer;background:0 0}.btn{display:inline-block;position:relative;text-align:center;cursor:pointer;white-space:nowrap;padding:8px 16px;background-color:var(--second-background-color)!important;border-radius:14px!important;padding:12px 16px!important;text-decoration:none!important;padding:0;border-radius:18px;box-sizing:border-box;background:var(--background-color);margin-bottom:1rem;box-shadow:var(--redefine-box-shadow);box-shadow:var(--redefine-box-shadow-flat)!important;user-select:none;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;box-shadow:var(--redefine-box-shadow);transition-property:color,background,box-shadow,border-color,transform;transition-delay:0s,0s,0s,0s,0s;transition-duration:.2s,.2s,.2s,.2s,.2s;transition-timing-function:ease,ease,ease,ease,linear}@media (max-width:768px){.btn{margin-bottom:.8rem}}@media (max-width:640px){.btn{margin-bottom:.6rem}}.btn:hover{box-shadow:var(--redefine-box-shadow-hover)}@media (max-width:768px){.btn{border-radius:18px}}@media (max-width:640px){.btn{border-radius:18px}}.btn:hover{box-shadow:var(--redefine-box-shadow-hover)}.btn:focus,.btn:hover{color:var(--primary-color);background-color:var(--background-color)!important;box-shadow:var(--redefine-box-shadow)!important}.btn:active{box-shadow:var(--redefine-box-shadow-flat)!important;transform:scale(.95);transition:transform .1s ease;background-color:var(--third-background-color)!important}.clear{clear:both} /* rebuild by neat */ \ No newline at end of file diff --git a/css/common/codeblock/code-block.css b/css/common/codeblock/code-block.css index e4520bb..6322454 100644 --- a/css/common/codeblock/code-block.css +++ b/css/common/codeblock/code-block.css @@ -1,3 +1,3 @@ -/* build time:Mon May 06 2024 14:54:11 GMT+0800 (中国标准时间)*/ +/* build time:Mon May 06 2024 15:22:03 GMT+0800 (中国标准时间)*/ .highlight-container[data-rel]{position:relative}.highlight-container .copy-button:focus,.highlight-container .fold-button:focus,.highlight-container:hover .copy-button,.highlight-container:hover .fold-button{opacity:1}.fold-button{cursor:pointer;border-radius:0;display:inline-block;font-weight:700;line-height:1.8;opacity:0;outline:0;padding:6px 15px;position:absolute;vertical-align:middle;white-space:nowrap;font-size:1rem;color:var(--default-text-color);-moz-user-select:none;-ms-user-select:none;-webkit-user-select:none;user-select:none;background:var(--scond-background-color);border:0;right:40px;top:0}.copy-button{cursor:pointer;border-radius:0 $redefine-border-radius-large 0 0;display:inline-block;font-weight:700;line-height:1.8;opacity:0;outline:0;padding:6px 15px;position:absolute;vertical-align:middle;white-space:nowrap;font-size:1rem;color:var(--default-text-color);-moz-user-select:none;-ms-user-select:none;-webkit-user-select:none;user-select:none;background:var(--scond-background-color);border:0;right:0;top:0}.highlight-container[data-rel]{background:var(--third-background-color);border-radius:$redefine-border-radius-large;box-shadow:var(--redefine-box-shadow-flat);padding-top:40px;margin-top:10px;margin-bottom:1.2rem;position:relative}.highlight-container[data-rel] figcaption{font-weight:700;font-size:16px;position:absolute;top:12px;left:50%;transform:translateX(-50%)}.highlight-container[data-rel] figcaption a{margin-left:10px}.highlight-container[data-rel]::before{position:absolute;content:attr(data-rel);line-height:38px;border-radius:$redefine-border-radius-full;box-shadow:none;height:12px;left:12px;position:absolute;width:auto;margin-left:80px;top:0;color:var(--default-text-color);font-weight:700;font-size:16px}.highlight-container[data-rel] .folded figure{height:0!important;width:0!important;overflow:hidden!important}.highlight-container[data-rel]::after{content:' ';position:absolute;-webkit-border-radius:$redefine-border-radius-full;border-radius:$redefine-border-radius-full;background:#fc625d;width:12px;height:12px;top:0;left:20px;margin-top:13px;-webkit-box-shadow:20px 0 #fdbc40,40px 0 #35cd4b;box-shadow:20px 0 #fdbc40,40px 0 #35cd4b;z-index:3} /* rebuild by neat */ \ No newline at end of file diff --git a/css/common/codeblock/code-theme.css b/css/common/codeblock/code-theme.css index 0219d1f..dbca9ee 100644 --- a/css/common/codeblock/code-theme.css +++ b/css/common/codeblock/code-theme.css @@ -1,3 +1,3 @@ -/* build time:Mon May 06 2024 14:54:11 GMT+0800 (中国标准时间)*/ +/* build time:Mon May 06 2024 15:22:03 GMT+0800 (中国标准时间)*/ :root{--background-color:#fff;--background-color-transparent:rgba(255,255,255,0.6);--background-color-transparent-15:rgba(255,255,255,0.15);--background-color-transparent-40:rgba(255,255,255,0.4);--background-color-transparent-80:rgba(255,255,255,0.8);--second-background-color:#fafafa;--third-background-color:#f7f7f7;--third-background-color-transparent:rgba(241,241,241,0.6);--primary-color:#a31f34;--first-text-color:#323739;--second-text-color:#343a3c;--third-text-color:#5c6669;--fourth-text-color:#eaeced;--default-text-color:#373d3f;--invert-text-color:#bebec6;--border-color:rgba(0,0,0,0.08);--selection-color:#be243c;--shadow-color-1:rgba(0,0,0,0.08);--shadow-color-2:rgba(0,0,0,0.05);--shadow-hover-color:rgba(0,0,0,0.28);--scrollbar-color:#c1c1c1;--scrollbar-color-hover:#a1a1a1;--scroll-bar-bg-color:#fafafa;--link-color:#323739;--copyright-info-color:#c03;--avatar-background-color:#06c;--pjax-progress-bar-color:linear-gradient(45deg, #f10006, #ef5b00, #e59c01, #19ca05, #00cab5, #0264c8, #c303c3);--archive-timeline-last-child-color:linear-gradient(to bottom, #e8e8e8 60%, rgba(0,0,0,0) 100%) 1 100%;--note-blue-title-bg:#d6f7fb;--note-red-title-bg:#fde9e9;--note-cyan-title-bg:#e9fdf9;--note-green-title-bg:#e9fde9;--note-yellow-title-bg:#fdf9e9;--note-gray-title-bg:#f9f9f9;--note-type-title-bg:#fdf3e9;--note-black-title-bg:#e9e9e9;--note-purple-title-bg:#f9e9fd;--home-banner-text-color:#fff;--home-banner-icons-container-border-color:rgba(255,255,255,0.35);--home-banner-icons-container-background-color:rgba(255,255,255,0.3);--redefine-box-shadow:var(--shadow-color-2) 0px 6px 24px 0px,var(--shadow-color-1) 0px 0px 0px 1px;--redefine-box-shadow-hover:var(--shadow-color-2) 0px 6px 24px 0px,var(--shadow-color-1) 0px 0px 0px 1px,var(--shadow-color-1) 0px 0px 0px 1px inset;--redefine-box-shadow-flat:var(--shadow-color-2) 0px 1px 4px 0px,var(--shadow-color-1) 0px 0px 0px 1px;--redefine-box-shadow-flat-hover:var(--shadow-color-2) 0px 1px 4px 0px,var(--shadow-color-1) 0px 0px 0px 1px,var(--shadow-color-1) 0px 0px 0px 1px inset;--mermaid-theme:''}@media (prefers-color-scheme:light){:root{--background-color:#fff;--background-color-transparent:rgba(255,255,255,0.6);--background-color-transparent-15:rgba(255,255,255,0.15);--background-color-transparent-40:rgba(255,255,255,0.4);--background-color-transparent-80:rgba(255,255,255,0.8);--second-background-color:#fafafa;--third-background-color:#f7f7f7;--third-background-color-transparent:rgba(241,241,241,0.6);--primary-color:#a31f34;--first-text-color:#323739;--second-text-color:#343a3c;--third-text-color:#5c6669;--fourth-text-color:#eaeced;--default-text-color:#373d3f;--invert-text-color:#bebec6;--border-color:rgba(0,0,0,0.08);--selection-color:#be243c;--shadow-color-1:rgba(0,0,0,0.08);--shadow-color-2:rgba(0,0,0,0.05);--shadow-hover-color:rgba(0,0,0,0.28);--scrollbar-color:#c1c1c1;--scrollbar-color-hover:#a1a1a1;--scroll-bar-bg-color:#fafafa;--link-color:#323739;--copyright-info-color:#c03;--avatar-background-color:#06c;--pjax-progress-bar-color:linear-gradient(45deg, #f10006, #ef5b00, #e59c01, #19ca05, #00cab5, #0264c8, #c303c3);--archive-timeline-last-child-color:linear-gradient(to bottom, #e8e8e8 60%, rgba(0,0,0,0) 100%) 1 100%;--note-blue-title-bg:#d6f7fb;--note-red-title-bg:#fde9e9;--note-cyan-title-bg:#e9fdf9;--note-green-title-bg:#e9fde9;--note-yellow-title-bg:#fdf9e9;--note-gray-title-bg:#f9f9f9;--note-type-title-bg:#fdf3e9;--note-black-title-bg:#e9e9e9;--note-purple-title-bg:#f9e9fd;--home-banner-text-color:#fff;--home-banner-icons-container-border-color:rgba(255,255,255,0.35);--home-banner-icons-container-background-color:rgba(255,255,255,0.3);--redefine-box-shadow:var(--shadow-color-2) 0px 6px 24px 0px,var(--shadow-color-1) 0px 0px 0px 1px;--redefine-box-shadow-hover:var(--shadow-color-2) 0px 6px 24px 0px,var(--shadow-color-1) 0px 0px 0px 1px,var(--shadow-color-1) 0px 0px 0px 1px inset;--redefine-box-shadow-flat:var(--shadow-color-2) 0px 1px 4px 0px,var(--shadow-color-1) 0px 0px 0px 1px;--redefine-box-shadow-flat-hover:var(--shadow-color-2) 0px 1px 4px 0px,var(--shadow-color-1) 0px 0px 0px 1px,var(--shadow-color-1) 0px 0px 0px 1px inset;--mermaid-theme:''}}@media (prefers-color-scheme:dark){:root{--background-color:#202124;--background-color-transparent:rgba(32,33,36,0.4);--background-color-transparent-15:rgba(32,33,36,0.15);--background-color-transparent-40:rgba(32,33,36,0.4);--background-color-transparent-80:rgba(32,33,36,0.8);--second-background-color:#242529;--third-background-color:#292b2f;--third-background-color-transparent:rgba(32,33,36,0.6);--primary-color:#a31f34;--first-text-color:#d2d2d7;--second-text-color:#cbcbd1;--third-text-color:#9595a2;--fourth-text-color:#242429;--default-text-color:#bebec6;--invert-text-color:#373d3f;--border-color:rgba(255,255,255,0.08);--selection-color:#be243c;--shadow-color-1:rgba(255,255,255,0.08);--shadow-color-2:rgba(255,255,255,0.05);--shadow-hover-color:rgba(69,69,69,0.28);--scrollbar-color:#898989;--scrollbar-color-hover:#a1a1a1;--scroll-bar-bg-color:#2a2c30;--link-color:#c5c5cc;--copyright-info-color:#a30029;--avatar-background-color:#005cb8;--pjax-progress-bar-color:linear-gradient(45deg, #ea404a, #ea722f, #e9a71f, #67e559, #18ecec, #1b85f1, #ee1dee);--archive-timeline-last-child-color:linear-gradient(to bottom, #323232 60%, rgba(255,255,255,0) 100%) 1 100%;--note-blue-title-bg:#1e3e46;--note-red-title-bg:#4e1e1e;--note-cyan-title-bg:#1e4e4e;--note-green-title-bg:#1e4e1e;--note-yellow-title-bg:#4e4e1e;--note-gray-title-bg:#4e4e4e;--note-type-title-bg:#4e3a1e;--note-black-title-bg:#1e1e1e;--note-purple-title-bg:#4e1e4e;--home-banner-text-color:#d1d1b6;--home-banner-icons-container-border-color:rgba(197,197,197,0.35);--home-banner-icons-container-background-color:rgba(197,197,197,0.3);--redefine-box-shadow:var(--shadow-color-2) 0px 6px 24px 0px,var(--shadow-color-1) 0px 0px 0px 1px;--redefine-box-shadow-hover:var(--shadow-color-2) 0px 6px 24px 0px,var(--shadow-color-1) 0px 0px 0px 1px,var(--shadow-color-1) 0px 0px 0px 1px inset;--redefine-box-shadow-flat:var(--shadow-color-2) 0px 1px 4px 0px,var(--shadow-color-1) 0px 0px 0px 1px;--redefine-box-shadow-flat-hover:var(--shadow-color-2) 0px 1px 4px 0px,var(--shadow-color-1) 0px 0px 0px 1px,var(--shadow-color-1) 0px 0px 0px 1px inset;--mermaid-theme:''}}.light-mode{--background-color:#fff;--background-color-transparent:rgba(255,255,255,0.6);--background-color-transparent-15:rgba(255,255,255,0.15);--background-color-transparent-40:rgba(255,255,255,0.4);--background-color-transparent-80:rgba(255,255,255,0.8);--second-background-color:#fafafa;--third-background-color:#f7f7f7;--third-background-color-transparent:rgba(241,241,241,0.6);--primary-color:#a31f34;--first-text-color:#323739;--second-text-color:#343a3c;--third-text-color:#5c6669;--fourth-text-color:#eaeced;--default-text-color:#373d3f;--invert-text-color:#bebec6;--border-color:rgba(0,0,0,0.08);--selection-color:#be243c;--shadow-color-1:rgba(0,0,0,0.08);--shadow-color-2:rgba(0,0,0,0.05);--shadow-hover-color:rgba(0,0,0,0.28);--scrollbar-color:#c1c1c1;--scrollbar-color-hover:#a1a1a1;--scroll-bar-bg-color:#fafafa;--link-color:#323739;--copyright-info-color:#c03;--avatar-background-color:#06c;--pjax-progress-bar-color:linear-gradient(45deg, #f10006, #ef5b00, #e59c01, #19ca05, #00cab5, #0264c8, #c303c3);--archive-timeline-last-child-color:linear-gradient(to bottom, #e8e8e8 60%, rgba(0,0,0,0) 100%) 1 100%;--note-blue-title-bg:#d6f7fb;--note-red-title-bg:#fde9e9;--note-cyan-title-bg:#e9fdf9;--note-green-title-bg:#e9fde9;--note-yellow-title-bg:#fdf9e9;--note-gray-title-bg:#f9f9f9;--note-type-title-bg:#fdf3e9;--note-black-title-bg:#e9e9e9;--note-purple-title-bg:#f9e9fd;--home-banner-text-color:#fff;--home-banner-icons-container-border-color:rgba(255,255,255,0.35);--home-banner-icons-container-background-color:rgba(255,255,255,0.3);--redefine-box-shadow:var(--shadow-color-2) 0px 6px 24px 0px,var(--shadow-color-1) 0px 0px 0px 1px;--redefine-box-shadow-hover:var(--shadow-color-2) 0px 6px 24px 0px,var(--shadow-color-1) 0px 0px 0px 1px,var(--shadow-color-1) 0px 0px 0px 1px inset;--redefine-box-shadow-flat:var(--shadow-color-2) 0px 1px 4px 0px,var(--shadow-color-1) 0px 0px 0px 1px;--redefine-box-shadow-flat-hover:var(--shadow-color-2) 0px 1px 4px 0px,var(--shadow-color-1) 0px 0px 0px 1px,var(--shadow-color-1) 0px 0px 0px 1px inset;--mermaid-theme:''}.dark-mode{--background-color:#202124;--background-color-transparent:rgba(32,33,36,0.4);--background-color-transparent-15:rgba(32,33,36,0.15);--background-color-transparent-40:rgba(32,33,36,0.4);--background-color-transparent-80:rgba(32,33,36,0.8);--second-background-color:#242529;--third-background-color:#292b2f;--third-background-color-transparent:rgba(32,33,36,0.6);--primary-color:#a31f34;--first-text-color:#d2d2d7;--second-text-color:#cbcbd1;--third-text-color:#9595a2;--fourth-text-color:#242429;--default-text-color:#bebec6;--invert-text-color:#373d3f;--border-color:rgba(255,255,255,0.08);--selection-color:#be243c;--shadow-color-1:rgba(255,255,255,0.08);--shadow-color-2:rgba(255,255,255,0.05);--shadow-hover-color:rgba(69,69,69,0.28);--scrollbar-color:#898989;--scrollbar-color-hover:#a1a1a1;--scroll-bar-bg-color:#2a2c30;--link-color:#c5c5cc;--copyright-info-color:#a30029;--avatar-background-color:#005cb8;--pjax-progress-bar-color:linear-gradient(45deg, #ea404a, #ea722f, #e9a71f, #67e559, #18ecec, #1b85f1, #ee1dee);--archive-timeline-last-child-color:linear-gradient(to bottom, #323232 60%, rgba(255,255,255,0) 100%) 1 100%;--note-blue-title-bg:#1e3e46;--note-red-title-bg:#4e1e1e;--note-cyan-title-bg:#1e4e4e;--note-green-title-bg:#1e4e1e;--note-yellow-title-bg:#4e4e1e;--note-gray-title-bg:#4e4e4e;--note-type-title-bg:#4e3a1e;--note-black-title-bg:#1e1e1e;--note-purple-title-bg:#4e1e4e;--home-banner-text-color:#d1d1b6;--home-banner-icons-container-border-color:rgba(197,197,197,0.35);--home-banner-icons-container-background-color:rgba(197,197,197,0.3);--redefine-box-shadow:var(--shadow-color-2) 0px 6px 24px 0px,var(--shadow-color-1) 0px 0px 0px 1px;--redefine-box-shadow-hover:var(--shadow-color-2) 0px 6px 24px 0px,var(--shadow-color-1) 0px 0px 0px 1px,var(--shadow-color-1) 0px 0px 0px 1px inset;--redefine-box-shadow-flat:var(--shadow-color-2) 0px 1px 4px 0px,var(--shadow-color-1) 0px 0px 0px 1px;--redefine-box-shadow-flat-hover:var(--shadow-color-2) 0px 1px 4px 0px,var(--shadow-color-1) 0px 0px 0px 1px,var(--shadow-color-1) 0px 0px 0px 1px inset;--mermaid-theme:''}:root{--code-foreground:#3b4143;--code-background:#f2f2f2;--highlight-background:#fafafa;--highlight-foreground:#3b4143;--highlight-keyword:#d73a49;--highlight-link:#d73a49;--highlight-built-in:#6f42c1;--highlight-number:#005cc5;--highlight-string:#032f62;--highlight-regexp:#e36209;--highlight-subst:#24292e;--highlight-comment:#6a737d;--highlight-doctag:#22863a;--highlight-meta:$highlight-meta;--highlight-variable:#005cc5;--highlight-attr:#22863a;--highlight-section:$highlight-section;--highlight-bullet:#6f42c1;--highlight-addition:#abe338;--highlight-deletion:#ffa07a}@media (prefers-color-scheme:light){:root{--code-foreground:#3b4143;--code-background:#f2f2f2;--highlight-background:#fafafa;--highlight-foreground:#3b4143;--highlight-keyword:#d73a49;--highlight-link:#d73a49;--highlight-built-in:#6f42c1;--highlight-number:#005cc5;--highlight-string:#032f62;--highlight-regexp:#e36209;--highlight-subst:#24292e;--highlight-comment:#6a737d;--highlight-doctag:#22863a;--highlight-meta:$highlight-meta;--highlight-variable:#005cc5;--highlight-attr:#22863a;--highlight-section:$highlight-section;--highlight-bullet:#6f42c1;--highlight-addition:#abe338;--highlight-deletion:#ffa07a}}@media (prefers-color-scheme:dark){:root{--code-foreground:#bfbfc7;--code-background:#35363b;--highlight-background:#21252b;--highlight-foreground:#bfbfc7;--highlight-keyword:#569cd6;--highlight-link:#569cd6;--highlight-built-in:#4ec9b0;--highlight-number:#b8d7a3;--highlight-string:#d69d85;--highlight-regexp:#9a5334;--highlight-subst:#dcdcdc;--highlight-comment:#57a64a;--highlight-doctag:#608b4e;--highlight-meta:#9b9b9b;--highlight-variable:#bd63c5;--highlight-attr:#9cdcfe;--highlight-section:#ffd700;--highlight-bullet:#d7ba7d;--highlight-addition:#144212;--highlight-deletion:#600}}.light-mode{--code-foreground:#3b4143;--code-background:#f2f2f2;--highlight-background:#fafafa;--highlight-foreground:#3b4143;--highlight-keyword:#d73a49;--highlight-link:#d73a49;--highlight-built-in:#6f42c1;--highlight-number:#005cc5;--highlight-string:#032f62;--highlight-regexp:#e36209;--highlight-subst:#24292e;--highlight-comment:#6a737d;--highlight-doctag:#22863a;--highlight-meta:$highlight-meta;--highlight-variable:#005cc5;--highlight-attr:#22863a;--highlight-section:$highlight-section;--highlight-bullet:#6f42c1;--highlight-addition:#abe338;--highlight-deletion:#ffa07a}.dark-mode{--code-foreground:#bfbfc7;--code-background:#35363b;--highlight-background:#21252b;--highlight-foreground:#bfbfc7;--highlight-keyword:#569cd6;--highlight-link:#569cd6;--highlight-built-in:#4ec9b0;--highlight-number:#b8d7a3;--highlight-string:#d69d85;--highlight-regexp:#9a5334;--highlight-subst:#dcdcdc;--highlight-comment:#57a64a;--highlight-doctag:#608b4e;--highlight-meta:#9b9b9b;--highlight-variable:#bd63c5;--highlight-attr:#9cdcfe;--highlight-section:#ffd700;--highlight-bullet:#d7ba7d;--highlight-addition:#144212;--highlight-deletion:#600} /* rebuild by neat */ \ No newline at end of file diff --git a/css/common/codeblock/highlight.css b/css/common/codeblock/highlight.css index aeba070..f60a12e 100644 --- a/css/common/codeblock/highlight.css +++ b/css/common/codeblock/highlight.css @@ -1,3 +1,3 @@ -/* build time:Mon May 06 2024 14:54:11 GMT+0800 (中国标准时间)*/ +/* build time:Mon May 06 2024 15:22:03 GMT+0800 (中国标准时间)*/ :root{--background-color:#fff;--background-color-transparent:rgba(255,255,255,0.6);--background-color-transparent-15:rgba(255,255,255,0.15);--background-color-transparent-40:rgba(255,255,255,0.4);--background-color-transparent-80:rgba(255,255,255,0.8);--second-background-color:#fafafa;--third-background-color:#f7f7f7;--third-background-color-transparent:rgba(241,241,241,0.6);--primary-color:#a31f34;--first-text-color:#323739;--second-text-color:#343a3c;--third-text-color:#5c6669;--fourth-text-color:#eaeced;--default-text-color:#373d3f;--invert-text-color:#bebec6;--border-color:rgba(0,0,0,0.08);--selection-color:#be243c;--shadow-color-1:rgba(0,0,0,0.08);--shadow-color-2:rgba(0,0,0,0.05);--shadow-hover-color:rgba(0,0,0,0.28);--scrollbar-color:#c1c1c1;--scrollbar-color-hover:#a1a1a1;--scroll-bar-bg-color:#fafafa;--link-color:#323739;--copyright-info-color:#c03;--avatar-background-color:#06c;--pjax-progress-bar-color:linear-gradient(45deg, #f10006, #ef5b00, #e59c01, #19ca05, #00cab5, #0264c8, #c303c3);--archive-timeline-last-child-color:linear-gradient(to bottom, #e8e8e8 60%, rgba(0,0,0,0) 100%) 1 100%;--note-blue-title-bg:#d6f7fb;--note-red-title-bg:#fde9e9;--note-cyan-title-bg:#e9fdf9;--note-green-title-bg:#e9fde9;--note-yellow-title-bg:#fdf9e9;--note-gray-title-bg:#f9f9f9;--note-type-title-bg:#fdf3e9;--note-black-title-bg:#e9e9e9;--note-purple-title-bg:#f9e9fd;--home-banner-text-color:#fff;--home-banner-icons-container-border-color:rgba(255,255,255,0.35);--home-banner-icons-container-background-color:rgba(255,255,255,0.3);--redefine-box-shadow:var(--shadow-color-2) 0px 6px 24px 0px,var(--shadow-color-1) 0px 0px 0px 1px;--redefine-box-shadow-hover:var(--shadow-color-2) 0px 6px 24px 0px,var(--shadow-color-1) 0px 0px 0px 1px,var(--shadow-color-1) 0px 0px 0px 1px inset;--redefine-box-shadow-flat:var(--shadow-color-2) 0px 1px 4px 0px,var(--shadow-color-1) 0px 0px 0px 1px;--redefine-box-shadow-flat-hover:var(--shadow-color-2) 0px 1px 4px 0px,var(--shadow-color-1) 0px 0px 0px 1px,var(--shadow-color-1) 0px 0px 0px 1px inset;--mermaid-theme:''}@media (prefers-color-scheme:light){:root{--background-color:#fff;--background-color-transparent:rgba(255,255,255,0.6);--background-color-transparent-15:rgba(255,255,255,0.15);--background-color-transparent-40:rgba(255,255,255,0.4);--background-color-transparent-80:rgba(255,255,255,0.8);--second-background-color:#fafafa;--third-background-color:#f7f7f7;--third-background-color-transparent:rgba(241,241,241,0.6);--primary-color:#a31f34;--first-text-color:#323739;--second-text-color:#343a3c;--third-text-color:#5c6669;--fourth-text-color:#eaeced;--default-text-color:#373d3f;--invert-text-color:#bebec6;--border-color:rgba(0,0,0,0.08);--selection-color:#be243c;--shadow-color-1:rgba(0,0,0,0.08);--shadow-color-2:rgba(0,0,0,0.05);--shadow-hover-color:rgba(0,0,0,0.28);--scrollbar-color:#c1c1c1;--scrollbar-color-hover:#a1a1a1;--scroll-bar-bg-color:#fafafa;--link-color:#323739;--copyright-info-color:#c03;--avatar-background-color:#06c;--pjax-progress-bar-color:linear-gradient(45deg, #f10006, #ef5b00, #e59c01, #19ca05, #00cab5, #0264c8, #c303c3);--archive-timeline-last-child-color:linear-gradient(to bottom, #e8e8e8 60%, rgba(0,0,0,0) 100%) 1 100%;--note-blue-title-bg:#d6f7fb;--note-red-title-bg:#fde9e9;--note-cyan-title-bg:#e9fdf9;--note-green-title-bg:#e9fde9;--note-yellow-title-bg:#fdf9e9;--note-gray-title-bg:#f9f9f9;--note-type-title-bg:#fdf3e9;--note-black-title-bg:#e9e9e9;--note-purple-title-bg:#f9e9fd;--home-banner-text-color:#fff;--home-banner-icons-container-border-color:rgba(255,255,255,0.35);--home-banner-icons-container-background-color:rgba(255,255,255,0.3);--redefine-box-shadow:var(--shadow-color-2) 0px 6px 24px 0px,var(--shadow-color-1) 0px 0px 0px 1px;--redefine-box-shadow-hover:var(--shadow-color-2) 0px 6px 24px 0px,var(--shadow-color-1) 0px 0px 0px 1px,var(--shadow-color-1) 0px 0px 0px 1px inset;--redefine-box-shadow-flat:var(--shadow-color-2) 0px 1px 4px 0px,var(--shadow-color-1) 0px 0px 0px 1px;--redefine-box-shadow-flat-hover:var(--shadow-color-2) 0px 1px 4px 0px,var(--shadow-color-1) 0px 0px 0px 1px,var(--shadow-color-1) 0px 0px 0px 1px inset;--mermaid-theme:''}}@media (prefers-color-scheme:dark){:root{--background-color:#202124;--background-color-transparent:rgba(32,33,36,0.4);--background-color-transparent-15:rgba(32,33,36,0.15);--background-color-transparent-40:rgba(32,33,36,0.4);--background-color-transparent-80:rgba(32,33,36,0.8);--second-background-color:#242529;--third-background-color:#292b2f;--third-background-color-transparent:rgba(32,33,36,0.6);--primary-color:#a31f34;--first-text-color:#d2d2d7;--second-text-color:#cbcbd1;--third-text-color:#9595a2;--fourth-text-color:#242429;--default-text-color:#bebec6;--invert-text-color:#373d3f;--border-color:rgba(255,255,255,0.08);--selection-color:#be243c;--shadow-color-1:rgba(255,255,255,0.08);--shadow-color-2:rgba(255,255,255,0.05);--shadow-hover-color:rgba(69,69,69,0.28);--scrollbar-color:#898989;--scrollbar-color-hover:#a1a1a1;--scroll-bar-bg-color:#2a2c30;--link-color:#c5c5cc;--copyright-info-color:#a30029;--avatar-background-color:#005cb8;--pjax-progress-bar-color:linear-gradient(45deg, #ea404a, #ea722f, #e9a71f, #67e559, #18ecec, #1b85f1, #ee1dee);--archive-timeline-last-child-color:linear-gradient(to bottom, #323232 60%, rgba(255,255,255,0) 100%) 1 100%;--note-blue-title-bg:#1e3e46;--note-red-title-bg:#4e1e1e;--note-cyan-title-bg:#1e4e4e;--note-green-title-bg:#1e4e1e;--note-yellow-title-bg:#4e4e1e;--note-gray-title-bg:#4e4e4e;--note-type-title-bg:#4e3a1e;--note-black-title-bg:#1e1e1e;--note-purple-title-bg:#4e1e4e;--home-banner-text-color:#d1d1b6;--home-banner-icons-container-border-color:rgba(197,197,197,0.35);--home-banner-icons-container-background-color:rgba(197,197,197,0.3);--redefine-box-shadow:var(--shadow-color-2) 0px 6px 24px 0px,var(--shadow-color-1) 0px 0px 0px 1px;--redefine-box-shadow-hover:var(--shadow-color-2) 0px 6px 24px 0px,var(--shadow-color-1) 0px 0px 0px 1px,var(--shadow-color-1) 0px 0px 0px 1px inset;--redefine-box-shadow-flat:var(--shadow-color-2) 0px 1px 4px 0px,var(--shadow-color-1) 0px 0px 0px 1px;--redefine-box-shadow-flat-hover:var(--shadow-color-2) 0px 1px 4px 0px,var(--shadow-color-1) 0px 0px 0px 1px,var(--shadow-color-1) 0px 0px 0px 1px inset;--mermaid-theme:''}}.light-mode{--background-color:#fff;--background-color-transparent:rgba(255,255,255,0.6);--background-color-transparent-15:rgba(255,255,255,0.15);--background-color-transparent-40:rgba(255,255,255,0.4);--background-color-transparent-80:rgba(255,255,255,0.8);--second-background-color:#fafafa;--third-background-color:#f7f7f7;--third-background-color-transparent:rgba(241,241,241,0.6);--primary-color:#a31f34;--first-text-color:#323739;--second-text-color:#343a3c;--third-text-color:#5c6669;--fourth-text-color:#eaeced;--default-text-color:#373d3f;--invert-text-color:#bebec6;--border-color:rgba(0,0,0,0.08);--selection-color:#be243c;--shadow-color-1:rgba(0,0,0,0.08);--shadow-color-2:rgba(0,0,0,0.05);--shadow-hover-color:rgba(0,0,0,0.28);--scrollbar-color:#c1c1c1;--scrollbar-color-hover:#a1a1a1;--scroll-bar-bg-color:#fafafa;--link-color:#323739;--copyright-info-color:#c03;--avatar-background-color:#06c;--pjax-progress-bar-color:linear-gradient(45deg, #f10006, #ef5b00, #e59c01, #19ca05, #00cab5, #0264c8, #c303c3);--archive-timeline-last-child-color:linear-gradient(to bottom, #e8e8e8 60%, rgba(0,0,0,0) 100%) 1 100%;--note-blue-title-bg:#d6f7fb;--note-red-title-bg:#fde9e9;--note-cyan-title-bg:#e9fdf9;--note-green-title-bg:#e9fde9;--note-yellow-title-bg:#fdf9e9;--note-gray-title-bg:#f9f9f9;--note-type-title-bg:#fdf3e9;--note-black-title-bg:#e9e9e9;--note-purple-title-bg:#f9e9fd;--home-banner-text-color:#fff;--home-banner-icons-container-border-color:rgba(255,255,255,0.35);--home-banner-icons-container-background-color:rgba(255,255,255,0.3);--redefine-box-shadow:var(--shadow-color-2) 0px 6px 24px 0px,var(--shadow-color-1) 0px 0px 0px 1px;--redefine-box-shadow-hover:var(--shadow-color-2) 0px 6px 24px 0px,var(--shadow-color-1) 0px 0px 0px 1px,var(--shadow-color-1) 0px 0px 0px 1px inset;--redefine-box-shadow-flat:var(--shadow-color-2) 0px 1px 4px 0px,var(--shadow-color-1) 0px 0px 0px 1px;--redefine-box-shadow-flat-hover:var(--shadow-color-2) 0px 1px 4px 0px,var(--shadow-color-1) 0px 0px 0px 1px,var(--shadow-color-1) 0px 0px 0px 1px inset;--mermaid-theme:''}.dark-mode{--background-color:#202124;--background-color-transparent:rgba(32,33,36,0.4);--background-color-transparent-15:rgba(32,33,36,0.15);--background-color-transparent-40:rgba(32,33,36,0.4);--background-color-transparent-80:rgba(32,33,36,0.8);--second-background-color:#242529;--third-background-color:#292b2f;--third-background-color-transparent:rgba(32,33,36,0.6);--primary-color:#a31f34;--first-text-color:#d2d2d7;--second-text-color:#cbcbd1;--third-text-color:#9595a2;--fourth-text-color:#242429;--default-text-color:#bebec6;--invert-text-color:#373d3f;--border-color:rgba(255,255,255,0.08);--selection-color:#be243c;--shadow-color-1:rgba(255,255,255,0.08);--shadow-color-2:rgba(255,255,255,0.05);--shadow-hover-color:rgba(69,69,69,0.28);--scrollbar-color:#898989;--scrollbar-color-hover:#a1a1a1;--scroll-bar-bg-color:#2a2c30;--link-color:#c5c5cc;--copyright-info-color:#a30029;--avatar-background-color:#005cb8;--pjax-progress-bar-color:linear-gradient(45deg, #ea404a, #ea722f, #e9a71f, #67e559, #18ecec, #1b85f1, #ee1dee);--archive-timeline-last-child-color:linear-gradient(to bottom, #323232 60%, rgba(255,255,255,0) 100%) 1 100%;--note-blue-title-bg:#1e3e46;--note-red-title-bg:#4e1e1e;--note-cyan-title-bg:#1e4e4e;--note-green-title-bg:#1e4e1e;--note-yellow-title-bg:#4e4e1e;--note-gray-title-bg:#4e4e4e;--note-type-title-bg:#4e3a1e;--note-black-title-bg:#1e1e1e;--note-purple-title-bg:#4e1e4e;--home-banner-text-color:#d1d1b6;--home-banner-icons-container-border-color:rgba(197,197,197,0.35);--home-banner-icons-container-background-color:rgba(197,197,197,0.3);--redefine-box-shadow:var(--shadow-color-2) 0px 6px 24px 0px,var(--shadow-color-1) 0px 0px 0px 1px;--redefine-box-shadow-hover:var(--shadow-color-2) 0px 6px 24px 0px,var(--shadow-color-1) 0px 0px 0px 1px,var(--shadow-color-1) 0px 0px 0px 1px inset;--redefine-box-shadow-flat:var(--shadow-color-2) 0px 1px 4px 0px,var(--shadow-color-1) 0px 0px 0px 1px;--redefine-box-shadow-flat-hover:var(--shadow-color-2) 0px 1px 4px 0px,var(--shadow-color-1) 0px 0px 0px 1px,var(--shadow-color-1) 0px 0px 0px 1px inset;--mermaid-theme:''}:root{--code-foreground:#3b4143;--code-background:#f2f2f2;--highlight-background:#fafafa;--highlight-foreground:#3b4143;--highlight-keyword:#d73a49;--highlight-link:#d73a49;--highlight-built-in:#6f42c1;--highlight-number:#005cc5;--highlight-string:#032f62;--highlight-regexp:#e36209;--highlight-subst:#24292e;--highlight-comment:#6a737d;--highlight-doctag:#22863a;--highlight-meta:$highlight-meta;--highlight-variable:#005cc5;--highlight-attr:#22863a;--highlight-section:$highlight-section;--highlight-bullet:#6f42c1;--highlight-addition:#abe338;--highlight-deletion:#ffa07a}@media (prefers-color-scheme:light){:root{--code-foreground:#3b4143;--code-background:#f2f2f2;--highlight-background:#fafafa;--highlight-foreground:#3b4143;--highlight-keyword:#d73a49;--highlight-link:#d73a49;--highlight-built-in:#6f42c1;--highlight-number:#005cc5;--highlight-string:#032f62;--highlight-regexp:#e36209;--highlight-subst:#24292e;--highlight-comment:#6a737d;--highlight-doctag:#22863a;--highlight-meta:$highlight-meta;--highlight-variable:#005cc5;--highlight-attr:#22863a;--highlight-section:$highlight-section;--highlight-bullet:#6f42c1;--highlight-addition:#abe338;--highlight-deletion:#ffa07a}}@media (prefers-color-scheme:dark){:root{--code-foreground:#bfbfc7;--code-background:#35363b;--highlight-background:#21252b;--highlight-foreground:#bfbfc7;--highlight-keyword:#569cd6;--highlight-link:#569cd6;--highlight-built-in:#4ec9b0;--highlight-number:#b8d7a3;--highlight-string:#d69d85;--highlight-regexp:#9a5334;--highlight-subst:#dcdcdc;--highlight-comment:#57a64a;--highlight-doctag:#608b4e;--highlight-meta:#9b9b9b;--highlight-variable:#bd63c5;--highlight-attr:#9cdcfe;--highlight-section:#ffd700;--highlight-bullet:#d7ba7d;--highlight-addition:#144212;--highlight-deletion:#600}}.light-mode{--code-foreground:#3b4143;--code-background:#f2f2f2;--highlight-background:#fafafa;--highlight-foreground:#3b4143;--highlight-keyword:#d73a49;--highlight-link:#d73a49;--highlight-built-in:#6f42c1;--highlight-number:#005cc5;--highlight-string:#032f62;--highlight-regexp:#e36209;--highlight-subst:#24292e;--highlight-comment:#6a737d;--highlight-doctag:#22863a;--highlight-meta:$highlight-meta;--highlight-variable:#005cc5;--highlight-attr:#22863a;--highlight-section:$highlight-section;--highlight-bullet:#6f42c1;--highlight-addition:#abe338;--highlight-deletion:#ffa07a}.dark-mode{--code-foreground:#bfbfc7;--code-background:#35363b;--highlight-background:#21252b;--highlight-foreground:#bfbfc7;--highlight-keyword:#569cd6;--highlight-link:#569cd6;--highlight-built-in:#4ec9b0;--highlight-number:#b8d7a3;--highlight-string:#d69d85;--highlight-regexp:#9a5334;--highlight-subst:#dcdcdc;--highlight-comment:#57a64a;--highlight-doctag:#608b4e;--highlight-meta:#9b9b9b;--highlight-variable:#bd63c5;--highlight-attr:#9cdcfe;--highlight-section:#ffd700;--highlight-bullet:#d7ba7d;--highlight-addition:#144212;--highlight-deletion:#600}.highlight,pre{-webkit-text-size-adjust:none;overflow:auto;margin:20px 0;padding:0;font-size:1rem;line-height:1.5rem;color:var(--highlight-foreground);background:var(--highlight-background)}code,pre{font-family:'Ubuntu Mono',Courier,monospace}pre.mermaid{background-color:var(--background-color)}pre.mermaid svg{display:block;margin:auto}code{padding:4px;word-wrap:break-word;border-radius:4px;font-size:.96em;color:var(--code-foreground);background:var(--code-background)}pre{padding-top:14px!important;tab-size:4}pre code{padding:0;color:var(--highlight-foreground);background:0 0;text-shadow:none}.highlight{border-radius:0 0 18px 18px;padding-bottom:5px;overflow:auto;margin:0!important;border-top:1px solid var(--shadow-color-1)}.highlight:hover::-webkit-scrollbar-thumb{border:3px solid rgba(183,183,183,.3)}.highlight::-webkit-scrollbar{width:6px;height:6px;transition:all .2s ease;display:block}.highlight::-webkit-scrollbar-track{background:0 0;border:none}.highlight::-webkit-scrollbar-thumb{border-radius:20px;border:3px solid rgba(183,183,183,0);transition:all .2s ease}.highlight pre{border:none;margin:0;padding:10px 0}.highlight table{margin:0;width:auto;border:none;border-spacing:unset}.highlight td{border:none;padding:0}.highlight figcaption{font-size:1rem;color:var(--highlight-foreground);line-height:1rem;margin-bottom:1rem}.highlight figcaption a{float:right;color:var(--highlight-foreground)}.highlight figcaption a:hover{border-bottom-color:var(--highlight-foreground)}.highlight .gutter pre{padding-left:10px;padding-right:10px;color:var(--highlight-gutter-color);text-align:center;background-color:var(--highlight-gutter-bg-color)}.highlight .code pre{width:100%;padding-left:10px;padding-right:10px;background-color:var(--highlight-background)}.gutter{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.gist table{width:auto}.gist table td{border:none}pre .keyword,pre .literal,pre .name,pre .symbol{color:var(--highlight-keyword)}pre .link{color:var(--highlight-link);text-decoration:underline}pre .built_in,pre .type{color:var(--highlight-built-in)}pre .class,pre .number{color:var(--highlight-number)}pre .meta .string,pre .string{color:var(--highlight-string)}pre .regexp,pre .template-tag{color:var(--highlight-regexp)}pre .formula,pre .function,pre .params,pre .subst,pre .title{color:var(--highlight-subst)}pre .comment,pre .quote{color:var(--highlight-comment);font-style:italic}pre .doctag{color:var(--highlight-doctag)}pre .meta,pre .meta .keyword,pre .tag{color:var(--highlight-meta)}pre .template-variable,pre .variable{color:var(--highlight-variable)}pre .attr,pre .attribute{color:var(--highlight-attr)}pre .section{color:var(--highlight-section)}pre .emphasis{font-style:italic}pre .strong{font-weight:700}pre .bullet,pre .selector-attr,pre .selector-class,pre .selector-id,pre .selector-pseudo,pre .selector-tag{color:var(--highlight-bullet)}pre .addition{background-color:var(--highlight-addition);display:inline-block;width:100%}pre .deletion{background-color:var(--highlight-deletion);display:inline-block;width:100%} /* rebuild by neat */ \ No newline at end of file diff --git a/css/common/markdown.css b/css/common/markdown.css index 656b3c9..83abf22 100644 --- a/css/common/markdown.css +++ b/css/common/markdown.css @@ -1,3 +1,3 @@ -/* build time:Mon May 06 2024 14:54:10 GMT+0800 (中国标准时间)*/ +/* build time:Mon May 06 2024 15:22:02 GMT+0800 (中国标准时间)*/ .markdown-body{font-family:$english-font-family,$chinese-font-family,sans-serif;font-size:$default-article-font-size}.markdown-body blockquote{box-sizing:border-box;margin:20px 0;color:var(--default-text-color);background:var(--third-background-color);padding:0 1rem 0 .5rem;border-radius:0 $redefine-border-radius-medium $redefine-border-radius-medium 0;position:relative;border-left:5px solid var(--default-text-color)}.markdown-body blockquote ol,.markdown-body blockquote p,.markdown-body blockquote ul{padding:5px 5px 5px 10px}.markdown-body p{line-height:$default-line-height;color:var(--default-text-color);font-weight:400;margin-bottom:1rem;margin-top:0}.markdown-body a{position:relative;outline:0;text-decoration:underline;overflow-wrap:break-word;cursor:pointer;box-sizing:border-box;padding-bottom:2px}.markdown-body a .far,.markdown-body a .fas,.markdown-body a fab{margin:0 2px 0 6px;position:relative;color:var(--third-text-color);font-size:.88rem}.markdown-body a:hover{text-decoration:underline}.markdown-body a:hover::after{background:var(--primary-color);text-decoration:underline}.markdown-body strong{color:var(--default-text-color)}.markdown-body hr{margin:2rem 0;border:0;border-top:2px solid var(--shadow-color-1)}.markdown-body em{color:var(--default-text-color)}.markdown-body ol>li,.markdown-body ul>li{margin-left:20px;line-height:2rem}.markdown-body ul{margin-bottom:1.2rem}.markdown-body ul li{list-style:disc}.markdown-body ul li ul li{list-style:circle}.markdown-body ul li ul li ul li{list-style:square}.markdown-body ol{margin-bottom:1.2rem}.markdown-body ol li{list-style:decimal}.markdown-body ol li ul li{list-style:disc}.markdown-body ol li ul ul li{list-style:circle}.markdown-body ol li ol li{list-style:upper-alpha}.markdown-body ol li ol li ol li{list-style:upper-roman}.markdown-body li{color:var(--default-text-color)}.markdown-body .h1,.markdown-body .h2,.markdown-body .h3,.markdown-body .h4,.markdown-body .h5,.markdown-body .h6,.markdown-body h1,.markdown-body h2,.markdown-body h3,.markdown-body h4,.markdown-body h5,.markdown-body h6{font-family:$english-font-family,$chinese-font-family,sans-serif;color:var(--second-text-color);line-height:$default-line-height;margin-bottom:1rem!important}.markdown-body .h1,redefine-tablet() .markdown-body h1{font-size:3.2rem;font-weight:700;border-bottom:solid 2px var(--fourth-text-color);margin-top:$h1-heading-margin-top}.markdown-body .h2,redefine-tablet() .markdown-body h2{font-size:2.5rem;font-weight:700;padding:3px 0;border-bottom:solid 2px var(--fourth-text-color);margin-top:$h2-heading-margin-top}.markdown-body .h3,redefine-tablet() .markdown-body h3{font-size:1.8rem;font-weight:600;margin-top:$h3-heading-margin-top}.markdown-body .h4,redefine-tablet() .markdown-body h4{font-size:1.5rem;font-weight:600;margin-top:$h4-heading-margin-top}.markdown-body .h5,redefine-tablet() .markdown-body h5{font-size:1.28rem;font-weight:600;margin-top:$h5-heading-margin-top}.markdown-body .h6,redefine-tablet() .markdown-body h6{font-size:1.2rem;font-weight:600;line-height:$default-line-height;margin-top:$h6-heading-margin-top}redefine-tablet() .markdown-body img{box-sizing:border-box;border-radius:$usr-img-border-radius;max-width:100%;cursor:zoom-in;display:block;margin:1rem auto 1rem}.markdown-body>table{border-spacing:0;border-collapse:collapse;width:100%;overflow:auto;margin-bottom:1.2rem;box-shadow:var(--redefine-box-shadow-flat);border-radius:$redefine-border-radius-medium}.markdown-body>table thead th{border-bottom:1px solid var(--shadow-color-1);background-color:var(--third-background-color)!important}.markdown-body>table thead th:first-child{border-top-left-radius:$redefine-border-radius-medium}.markdown-body>table thead th:last-child{border-top-right-radius:$redefine-border-radius-medium}.markdown-body>table tbody tr:last-child td:first-child{border-bottom-left-radius:$redefine-border-radius-medium}.markdown-body>table tbody tr:last-child td:last-child{border-bottom-right-radius:$redefine-border-radius-medium}.markdown-body>table td,.markdown-body>table th{padding:8px 16px;border-left:1px solid var(--shadow-color-1)}.markdown-body>table td:first-child,.markdown-body>table th:first-child{border-left:none}.markdown-body>table tr{background-color:var(--background-color)}.markdown-body>table tr:nth-child(2n){background-color:var(--second-background-color)}.markdown-body mjx-container{display:inline-block;vertical-align:baseline}.markdown-body mjx-container svg{display:inline}.markdown-body mjx-container[display=true]{display:flex!important;justify-content:center} /* rebuild by neat */ \ No newline at end of file diff --git a/css/common/redefine-theme.css b/css/common/redefine-theme.css index d6bb2d4..3d100bc 100644 --- a/css/common/redefine-theme.css +++ b/css/common/redefine-theme.css @@ -1,3 +1,3 @@ -/* build time:Mon May 06 2024 14:54:10 GMT+0800 (中国标准时间)*/ +/* build time:Mon May 06 2024 15:22:02 GMT+0800 (中国标准时间)*/ /* rebuild by neat */ \ No newline at end of file diff --git a/css/common/variables.css b/css/common/variables.css index 5866d4f..37f8180 100644 --- a/css/common/variables.css +++ b/css/common/variables.css @@ -1,3 +1,3 @@ -/* build time:Mon May 06 2024 14:54:10 GMT+0800 (中国标准时间)*/ +/* build time:Mon May 06 2024 15:22:02 GMT+0800 (中国标准时间)*/ :root{--background-color:#fff;--background-color-transparent:rgba(255,255,255,0.6);--background-color-transparent-15:rgba(255,255,255,0.15);--background-color-transparent-40:rgba(255,255,255,0.4);--background-color-transparent-80:rgba(255,255,255,0.8);--second-background-color:#fafafa;--third-background-color:#f7f7f7;--third-background-color-transparent:rgba(241,241,241,0.6);--primary-color:#a31f34;--first-text-color:#323739;--second-text-color:#343a3c;--third-text-color:#5c6669;--fourth-text-color:#eaeced;--default-text-color:#373d3f;--invert-text-color:#bebec6;--border-color:rgba(0,0,0,0.08);--selection-color:#be243c;--shadow-color-1:rgba(0,0,0,0.08);--shadow-color-2:rgba(0,0,0,0.05);--shadow-hover-color:rgba(0,0,0,0.28);--scrollbar-color:#c1c1c1;--scrollbar-color-hover:#a1a1a1;--scroll-bar-bg-color:#fafafa;--link-color:#323739;--copyright-info-color:#c03;--avatar-background-color:#06c;--pjax-progress-bar-color:linear-gradient(45deg, #f10006, #ef5b00, #e59c01, #19ca05, #00cab5, #0264c8, #c303c3);--archive-timeline-last-child-color:linear-gradient(to bottom, #e8e8e8 60%, rgba(0,0,0,0) 100%) 1 100%;--note-blue-title-bg:#d6f7fb;--note-red-title-bg:#fde9e9;--note-cyan-title-bg:#e9fdf9;--note-green-title-bg:#e9fde9;--note-yellow-title-bg:#fdf9e9;--note-gray-title-bg:#f9f9f9;--note-type-title-bg:#fdf3e9;--note-black-title-bg:#e9e9e9;--note-purple-title-bg:#f9e9fd;--home-banner-text-color:#fff;--home-banner-icons-container-border-color:rgba(255,255,255,0.35);--home-banner-icons-container-background-color:rgba(255,255,255,0.3);--redefine-box-shadow:var(--shadow-color-2) 0px 6px 24px 0px,var(--shadow-color-1) 0px 0px 0px 1px;--redefine-box-shadow-hover:var(--shadow-color-2) 0px 6px 24px 0px,var(--shadow-color-1) 0px 0px 0px 1px,var(--shadow-color-1) 0px 0px 0px 1px inset;--redefine-box-shadow-flat:var(--shadow-color-2) 0px 1px 4px 0px,var(--shadow-color-1) 0px 0px 0px 1px;--redefine-box-shadow-flat-hover:var(--shadow-color-2) 0px 1px 4px 0px,var(--shadow-color-1) 0px 0px 0px 1px,var(--shadow-color-1) 0px 0px 0px 1px inset;--mermaid-theme:''}@media (prefers-color-scheme:light){:root{--background-color:#fff;--background-color-transparent:rgba(255,255,255,0.6);--background-color-transparent-15:rgba(255,255,255,0.15);--background-color-transparent-40:rgba(255,255,255,0.4);--background-color-transparent-80:rgba(255,255,255,0.8);--second-background-color:#fafafa;--third-background-color:#f7f7f7;--third-background-color-transparent:rgba(241,241,241,0.6);--primary-color:#a31f34;--first-text-color:#323739;--second-text-color:#343a3c;--third-text-color:#5c6669;--fourth-text-color:#eaeced;--default-text-color:#373d3f;--invert-text-color:#bebec6;--border-color:rgba(0,0,0,0.08);--selection-color:#be243c;--shadow-color-1:rgba(0,0,0,0.08);--shadow-color-2:rgba(0,0,0,0.05);--shadow-hover-color:rgba(0,0,0,0.28);--scrollbar-color:#c1c1c1;--scrollbar-color-hover:#a1a1a1;--scroll-bar-bg-color:#fafafa;--link-color:#323739;--copyright-info-color:#c03;--avatar-background-color:#06c;--pjax-progress-bar-color:linear-gradient(45deg, #f10006, #ef5b00, #e59c01, #19ca05, #00cab5, #0264c8, #c303c3);--archive-timeline-last-child-color:linear-gradient(to bottom, #e8e8e8 60%, rgba(0,0,0,0) 100%) 1 100%;--note-blue-title-bg:#d6f7fb;--note-red-title-bg:#fde9e9;--note-cyan-title-bg:#e9fdf9;--note-green-title-bg:#e9fde9;--note-yellow-title-bg:#fdf9e9;--note-gray-title-bg:#f9f9f9;--note-type-title-bg:#fdf3e9;--note-black-title-bg:#e9e9e9;--note-purple-title-bg:#f9e9fd;--home-banner-text-color:#fff;--home-banner-icons-container-border-color:rgba(255,255,255,0.35);--home-banner-icons-container-background-color:rgba(255,255,255,0.3);--redefine-box-shadow:var(--shadow-color-2) 0px 6px 24px 0px,var(--shadow-color-1) 0px 0px 0px 1px;--redefine-box-shadow-hover:var(--shadow-color-2) 0px 6px 24px 0px,var(--shadow-color-1) 0px 0px 0px 1px,var(--shadow-color-1) 0px 0px 0px 1px inset;--redefine-box-shadow-flat:var(--shadow-color-2) 0px 1px 4px 0px,var(--shadow-color-1) 0px 0px 0px 1px;--redefine-box-shadow-flat-hover:var(--shadow-color-2) 0px 1px 4px 0px,var(--shadow-color-1) 0px 0px 0px 1px,var(--shadow-color-1) 0px 0px 0px 1px inset;--mermaid-theme:''}}@media (prefers-color-scheme:dark){:root{--background-color:#202124;--background-color-transparent:rgba(32,33,36,0.4);--background-color-transparent-15:rgba(32,33,36,0.15);--background-color-transparent-40:rgba(32,33,36,0.4);--background-color-transparent-80:rgba(32,33,36,0.8);--second-background-color:#242529;--third-background-color:#292b2f;--third-background-color-transparent:rgba(32,33,36,0.6);--primary-color:#a31f34;--first-text-color:#d2d2d7;--second-text-color:#cbcbd1;--third-text-color:#9595a2;--fourth-text-color:#242429;--default-text-color:#bebec6;--invert-text-color:#373d3f;--border-color:rgba(255,255,255,0.08);--selection-color:#be243c;--shadow-color-1:rgba(255,255,255,0.08);--shadow-color-2:rgba(255,255,255,0.05);--shadow-hover-color:rgba(69,69,69,0.28);--scrollbar-color:#898989;--scrollbar-color-hover:#a1a1a1;--scroll-bar-bg-color:#2a2c30;--link-color:#c5c5cc;--copyright-info-color:#a30029;--avatar-background-color:#005cb8;--pjax-progress-bar-color:linear-gradient(45deg, #ea404a, #ea722f, #e9a71f, #67e559, #18ecec, #1b85f1, #ee1dee);--archive-timeline-last-child-color:linear-gradient(to bottom, #323232 60%, rgba(255,255,255,0) 100%) 1 100%;--note-blue-title-bg:#1e3e46;--note-red-title-bg:#4e1e1e;--note-cyan-title-bg:#1e4e4e;--note-green-title-bg:#1e4e1e;--note-yellow-title-bg:#4e4e1e;--note-gray-title-bg:#4e4e4e;--note-type-title-bg:#4e3a1e;--note-black-title-bg:#1e1e1e;--note-purple-title-bg:#4e1e4e;--home-banner-text-color:#d1d1b6;--home-banner-icons-container-border-color:rgba(197,197,197,0.35);--home-banner-icons-container-background-color:rgba(197,197,197,0.3);--redefine-box-shadow:var(--shadow-color-2) 0px 6px 24px 0px,var(--shadow-color-1) 0px 0px 0px 1px;--redefine-box-shadow-hover:var(--shadow-color-2) 0px 6px 24px 0px,var(--shadow-color-1) 0px 0px 0px 1px,var(--shadow-color-1) 0px 0px 0px 1px inset;--redefine-box-shadow-flat:var(--shadow-color-2) 0px 1px 4px 0px,var(--shadow-color-1) 0px 0px 0px 1px;--redefine-box-shadow-flat-hover:var(--shadow-color-2) 0px 1px 4px 0px,var(--shadow-color-1) 0px 0px 0px 1px,var(--shadow-color-1) 0px 0px 0px 1px inset;--mermaid-theme:''}}.light-mode{--background-color:#fff;--background-color-transparent:rgba(255,255,255,0.6);--background-color-transparent-15:rgba(255,255,255,0.15);--background-color-transparent-40:rgba(255,255,255,0.4);--background-color-transparent-80:rgba(255,255,255,0.8);--second-background-color:#fafafa;--third-background-color:#f7f7f7;--third-background-color-transparent:rgba(241,241,241,0.6);--primary-color:#a31f34;--first-text-color:#323739;--second-text-color:#343a3c;--third-text-color:#5c6669;--fourth-text-color:#eaeced;--default-text-color:#373d3f;--invert-text-color:#bebec6;--border-color:rgba(0,0,0,0.08);--selection-color:#be243c;--shadow-color-1:rgba(0,0,0,0.08);--shadow-color-2:rgba(0,0,0,0.05);--shadow-hover-color:rgba(0,0,0,0.28);--scrollbar-color:#c1c1c1;--scrollbar-color-hover:#a1a1a1;--scroll-bar-bg-color:#fafafa;--link-color:#323739;--copyright-info-color:#c03;--avatar-background-color:#06c;--pjax-progress-bar-color:linear-gradient(45deg, #f10006, #ef5b00, #e59c01, #19ca05, #00cab5, #0264c8, #c303c3);--archive-timeline-last-child-color:linear-gradient(to bottom, #e8e8e8 60%, rgba(0,0,0,0) 100%) 1 100%;--note-blue-title-bg:#d6f7fb;--note-red-title-bg:#fde9e9;--note-cyan-title-bg:#e9fdf9;--note-green-title-bg:#e9fde9;--note-yellow-title-bg:#fdf9e9;--note-gray-title-bg:#f9f9f9;--note-type-title-bg:#fdf3e9;--note-black-title-bg:#e9e9e9;--note-purple-title-bg:#f9e9fd;--home-banner-text-color:#fff;--home-banner-icons-container-border-color:rgba(255,255,255,0.35);--home-banner-icons-container-background-color:rgba(255,255,255,0.3);--redefine-box-shadow:var(--shadow-color-2) 0px 6px 24px 0px,var(--shadow-color-1) 0px 0px 0px 1px;--redefine-box-shadow-hover:var(--shadow-color-2) 0px 6px 24px 0px,var(--shadow-color-1) 0px 0px 0px 1px,var(--shadow-color-1) 0px 0px 0px 1px inset;--redefine-box-shadow-flat:var(--shadow-color-2) 0px 1px 4px 0px,var(--shadow-color-1) 0px 0px 0px 1px;--redefine-box-shadow-flat-hover:var(--shadow-color-2) 0px 1px 4px 0px,var(--shadow-color-1) 0px 0px 0px 1px,var(--shadow-color-1) 0px 0px 0px 1px inset;--mermaid-theme:''}.dark-mode{--background-color:#202124;--background-color-transparent:rgba(32,33,36,0.4);--background-color-transparent-15:rgba(32,33,36,0.15);--background-color-transparent-40:rgba(32,33,36,0.4);--background-color-transparent-80:rgba(32,33,36,0.8);--second-background-color:#242529;--third-background-color:#292b2f;--third-background-color-transparent:rgba(32,33,36,0.6);--primary-color:#a31f34;--first-text-color:#d2d2d7;--second-text-color:#cbcbd1;--third-text-color:#9595a2;--fourth-text-color:#242429;--default-text-color:#bebec6;--invert-text-color:#373d3f;--border-color:rgba(255,255,255,0.08);--selection-color:#be243c;--shadow-color-1:rgba(255,255,255,0.08);--shadow-color-2:rgba(255,255,255,0.05);--shadow-hover-color:rgba(69,69,69,0.28);--scrollbar-color:#898989;--scrollbar-color-hover:#a1a1a1;--scroll-bar-bg-color:#2a2c30;--link-color:#c5c5cc;--copyright-info-color:#a30029;--avatar-background-color:#005cb8;--pjax-progress-bar-color:linear-gradient(45deg, #ea404a, #ea722f, #e9a71f, #67e559, #18ecec, #1b85f1, #ee1dee);--archive-timeline-last-child-color:linear-gradient(to bottom, #323232 60%, rgba(255,255,255,0) 100%) 1 100%;--note-blue-title-bg:#1e3e46;--note-red-title-bg:#4e1e1e;--note-cyan-title-bg:#1e4e4e;--note-green-title-bg:#1e4e1e;--note-yellow-title-bg:#4e4e1e;--note-gray-title-bg:#4e4e4e;--note-type-title-bg:#4e3a1e;--note-black-title-bg:#1e1e1e;--note-purple-title-bg:#4e1e4e;--home-banner-text-color:#d1d1b6;--home-banner-icons-container-border-color:rgba(197,197,197,0.35);--home-banner-icons-container-background-color:rgba(197,197,197,0.3);--redefine-box-shadow:var(--shadow-color-2) 0px 6px 24px 0px,var(--shadow-color-1) 0px 0px 0px 1px;--redefine-box-shadow-hover:var(--shadow-color-2) 0px 6px 24px 0px,var(--shadow-color-1) 0px 0px 0px 1px,var(--shadow-color-1) 0px 0px 0px 1px inset;--redefine-box-shadow-flat:var(--shadow-color-2) 0px 1px 4px 0px,var(--shadow-color-1) 0px 0px 0px 1px;--redefine-box-shadow-flat-hover:var(--shadow-color-2) 0px 1px 4px 0px,var(--shadow-color-1) 0px 0px 0px 1px,var(--shadow-color-1) 0px 0px 0px 1px inset;--mermaid-theme:''} /* rebuild by neat */ \ No newline at end of file diff --git a/css/layout/archive-content.css b/css/layout/archive-content.css index d6bb2d4..3d100bc 100644 --- a/css/layout/archive-content.css +++ b/css/layout/archive-content.css @@ -1,3 +1,3 @@ -/* build time:Mon May 06 2024 14:54:10 GMT+0800 (中国标准时间)*/ +/* build time:Mon May 06 2024 15:22:02 GMT+0800 (中国标准时间)*/ /* rebuild by neat */ \ No newline at end of file diff --git a/css/layout/article-content.css b/css/layout/article-content.css index 0b11c4c..f6edd7d 100644 --- a/css/layout/article-content.css +++ b/css/layout/article-content.css @@ -1,3 +1,3 @@ -/* build time:Mon May 06 2024 14:54:10 GMT+0800 (中国标准时间)*/ +/* build time:Mon May 06 2024 15:22:02 GMT+0800 (中国标准时间)*/ :root{--background-color:#fff;--background-color-transparent:rgba(255,255,255,0.6);--background-color-transparent-15:rgba(255,255,255,0.15);--background-color-transparent-40:rgba(255,255,255,0.4);--background-color-transparent-80:rgba(255,255,255,0.8);--second-background-color:#fafafa;--third-background-color:#f7f7f7;--third-background-color-transparent:rgba(241,241,241,0.6);--primary-color:#a31f34;--first-text-color:#323739;--second-text-color:#343a3c;--third-text-color:#5c6669;--fourth-text-color:#eaeced;--default-text-color:#373d3f;--invert-text-color:#bebec6;--border-color:rgba(0,0,0,0.08);--selection-color:#be243c;--shadow-color-1:rgba(0,0,0,0.08);--shadow-color-2:rgba(0,0,0,0.05);--shadow-hover-color:rgba(0,0,0,0.28);--scrollbar-color:#c1c1c1;--scrollbar-color-hover:#a1a1a1;--scroll-bar-bg-color:#fafafa;--link-color:#323739;--copyright-info-color:#c03;--avatar-background-color:#06c;--pjax-progress-bar-color:linear-gradient(45deg, #f10006, #ef5b00, #e59c01, #19ca05, #00cab5, #0264c8, #c303c3);--archive-timeline-last-child-color:linear-gradient(to bottom, #e8e8e8 60%, rgba(0,0,0,0) 100%) 1 100%;--note-blue-title-bg:#d6f7fb;--note-red-title-bg:#fde9e9;--note-cyan-title-bg:#e9fdf9;--note-green-title-bg:#e9fde9;--note-yellow-title-bg:#fdf9e9;--note-gray-title-bg:#f9f9f9;--note-type-title-bg:#fdf3e9;--note-black-title-bg:#e9e9e9;--note-purple-title-bg:#f9e9fd;--home-banner-text-color:#fff;--home-banner-icons-container-border-color:rgba(255,255,255,0.35);--home-banner-icons-container-background-color:rgba(255,255,255,0.3);--redefine-box-shadow:var(--shadow-color-2) 0px 6px 24px 0px,var(--shadow-color-1) 0px 0px 0px 1px;--redefine-box-shadow-hover:var(--shadow-color-2) 0px 6px 24px 0px,var(--shadow-color-1) 0px 0px 0px 1px,var(--shadow-color-1) 0px 0px 0px 1px inset;--redefine-box-shadow-flat:var(--shadow-color-2) 0px 1px 4px 0px,var(--shadow-color-1) 0px 0px 0px 1px;--redefine-box-shadow-flat-hover:var(--shadow-color-2) 0px 1px 4px 0px,var(--shadow-color-1) 0px 0px 0px 1px,var(--shadow-color-1) 0px 0px 0px 1px inset;--mermaid-theme:''}@media (prefers-color-scheme:light){:root{--background-color:#fff;--background-color-transparent:rgba(255,255,255,0.6);--background-color-transparent-15:rgba(255,255,255,0.15);--background-color-transparent-40:rgba(255,255,255,0.4);--background-color-transparent-80:rgba(255,255,255,0.8);--second-background-color:#fafafa;--third-background-color:#f7f7f7;--third-background-color-transparent:rgba(241,241,241,0.6);--primary-color:#a31f34;--first-text-color:#323739;--second-text-color:#343a3c;--third-text-color:#5c6669;--fourth-text-color:#eaeced;--default-text-color:#373d3f;--invert-text-color:#bebec6;--border-color:rgba(0,0,0,0.08);--selection-color:#be243c;--shadow-color-1:rgba(0,0,0,0.08);--shadow-color-2:rgba(0,0,0,0.05);--shadow-hover-color:rgba(0,0,0,0.28);--scrollbar-color:#c1c1c1;--scrollbar-color-hover:#a1a1a1;--scroll-bar-bg-color:#fafafa;--link-color:#323739;--copyright-info-color:#c03;--avatar-background-color:#06c;--pjax-progress-bar-color:linear-gradient(45deg, #f10006, #ef5b00, #e59c01, #19ca05, #00cab5, #0264c8, #c303c3);--archive-timeline-last-child-color:linear-gradient(to bottom, #e8e8e8 60%, rgba(0,0,0,0) 100%) 1 100%;--note-blue-title-bg:#d6f7fb;--note-red-title-bg:#fde9e9;--note-cyan-title-bg:#e9fdf9;--note-green-title-bg:#e9fde9;--note-yellow-title-bg:#fdf9e9;--note-gray-title-bg:#f9f9f9;--note-type-title-bg:#fdf3e9;--note-black-title-bg:#e9e9e9;--note-purple-title-bg:#f9e9fd;--home-banner-text-color:#fff;--home-banner-icons-container-border-color:rgba(255,255,255,0.35);--home-banner-icons-container-background-color:rgba(255,255,255,0.3);--redefine-box-shadow:var(--shadow-color-2) 0px 6px 24px 0px,var(--shadow-color-1) 0px 0px 0px 1px;--redefine-box-shadow-hover:var(--shadow-color-2) 0px 6px 24px 0px,var(--shadow-color-1) 0px 0px 0px 1px,var(--shadow-color-1) 0px 0px 0px 1px inset;--redefine-box-shadow-flat:var(--shadow-color-2) 0px 1px 4px 0px,var(--shadow-color-1) 0px 0px 0px 1px;--redefine-box-shadow-flat-hover:var(--shadow-color-2) 0px 1px 4px 0px,var(--shadow-color-1) 0px 0px 0px 1px,var(--shadow-color-1) 0px 0px 0px 1px inset;--mermaid-theme:''}}@media (prefers-color-scheme:dark){:root{--background-color:#202124;--background-color-transparent:rgba(32,33,36,0.4);--background-color-transparent-15:rgba(32,33,36,0.15);--background-color-transparent-40:rgba(32,33,36,0.4);--background-color-transparent-80:rgba(32,33,36,0.8);--second-background-color:#242529;--third-background-color:#292b2f;--third-background-color-transparent:rgba(32,33,36,0.6);--primary-color:#a31f34;--first-text-color:#d2d2d7;--second-text-color:#cbcbd1;--third-text-color:#9595a2;--fourth-text-color:#242429;--default-text-color:#bebec6;--invert-text-color:#373d3f;--border-color:rgba(255,255,255,0.08);--selection-color:#be243c;--shadow-color-1:rgba(255,255,255,0.08);--shadow-color-2:rgba(255,255,255,0.05);--shadow-hover-color:rgba(69,69,69,0.28);--scrollbar-color:#898989;--scrollbar-color-hover:#a1a1a1;--scroll-bar-bg-color:#2a2c30;--link-color:#c5c5cc;--copyright-info-color:#a30029;--avatar-background-color:#005cb8;--pjax-progress-bar-color:linear-gradient(45deg, #ea404a, #ea722f, #e9a71f, #67e559, #18ecec, #1b85f1, #ee1dee);--archive-timeline-last-child-color:linear-gradient(to bottom, #323232 60%, rgba(255,255,255,0) 100%) 1 100%;--note-blue-title-bg:#1e3e46;--note-red-title-bg:#4e1e1e;--note-cyan-title-bg:#1e4e4e;--note-green-title-bg:#1e4e1e;--note-yellow-title-bg:#4e4e1e;--note-gray-title-bg:#4e4e4e;--note-type-title-bg:#4e3a1e;--note-black-title-bg:#1e1e1e;--note-purple-title-bg:#4e1e4e;--home-banner-text-color:#d1d1b6;--home-banner-icons-container-border-color:rgba(197,197,197,0.35);--home-banner-icons-container-background-color:rgba(197,197,197,0.3);--redefine-box-shadow:var(--shadow-color-2) 0px 6px 24px 0px,var(--shadow-color-1) 0px 0px 0px 1px;--redefine-box-shadow-hover:var(--shadow-color-2) 0px 6px 24px 0px,var(--shadow-color-1) 0px 0px 0px 1px,var(--shadow-color-1) 0px 0px 0px 1px inset;--redefine-box-shadow-flat:var(--shadow-color-2) 0px 1px 4px 0px,var(--shadow-color-1) 0px 0px 0px 1px;--redefine-box-shadow-flat-hover:var(--shadow-color-2) 0px 1px 4px 0px,var(--shadow-color-1) 0px 0px 0px 1px,var(--shadow-color-1) 0px 0px 0px 1px inset;--mermaid-theme:''}}.light-mode{--background-color:#fff;--background-color-transparent:rgba(255,255,255,0.6);--background-color-transparent-15:rgba(255,255,255,0.15);--background-color-transparent-40:rgba(255,255,255,0.4);--background-color-transparent-80:rgba(255,255,255,0.8);--second-background-color:#fafafa;--third-background-color:#f7f7f7;--third-background-color-transparent:rgba(241,241,241,0.6);--primary-color:#a31f34;--first-text-color:#323739;--second-text-color:#343a3c;--third-text-color:#5c6669;--fourth-text-color:#eaeced;--default-text-color:#373d3f;--invert-text-color:#bebec6;--border-color:rgba(0,0,0,0.08);--selection-color:#be243c;--shadow-color-1:rgba(0,0,0,0.08);--shadow-color-2:rgba(0,0,0,0.05);--shadow-hover-color:rgba(0,0,0,0.28);--scrollbar-color:#c1c1c1;--scrollbar-color-hover:#a1a1a1;--scroll-bar-bg-color:#fafafa;--link-color:#323739;--copyright-info-color:#c03;--avatar-background-color:#06c;--pjax-progress-bar-color:linear-gradient(45deg, #f10006, #ef5b00, #e59c01, #19ca05, #00cab5, #0264c8, #c303c3);--archive-timeline-last-child-color:linear-gradient(to bottom, #e8e8e8 60%, rgba(0,0,0,0) 100%) 1 100%;--note-blue-title-bg:#d6f7fb;--note-red-title-bg:#fde9e9;--note-cyan-title-bg:#e9fdf9;--note-green-title-bg:#e9fde9;--note-yellow-title-bg:#fdf9e9;--note-gray-title-bg:#f9f9f9;--note-type-title-bg:#fdf3e9;--note-black-title-bg:#e9e9e9;--note-purple-title-bg:#f9e9fd;--home-banner-text-color:#fff;--home-banner-icons-container-border-color:rgba(255,255,255,0.35);--home-banner-icons-container-background-color:rgba(255,255,255,0.3);--redefine-box-shadow:var(--shadow-color-2) 0px 6px 24px 0px,var(--shadow-color-1) 0px 0px 0px 1px;--redefine-box-shadow-hover:var(--shadow-color-2) 0px 6px 24px 0px,var(--shadow-color-1) 0px 0px 0px 1px,var(--shadow-color-1) 0px 0px 0px 1px inset;--redefine-box-shadow-flat:var(--shadow-color-2) 0px 1px 4px 0px,var(--shadow-color-1) 0px 0px 0px 1px;--redefine-box-shadow-flat-hover:var(--shadow-color-2) 0px 1px 4px 0px,var(--shadow-color-1) 0px 0px 0px 1px,var(--shadow-color-1) 0px 0px 0px 1px inset;--mermaid-theme:''}.dark-mode{--background-color:#202124;--background-color-transparent:rgba(32,33,36,0.4);--background-color-transparent-15:rgba(32,33,36,0.15);--background-color-transparent-40:rgba(32,33,36,0.4);--background-color-transparent-80:rgba(32,33,36,0.8);--second-background-color:#242529;--third-background-color:#292b2f;--third-background-color-transparent:rgba(32,33,36,0.6);--primary-color:#a31f34;--first-text-color:#d2d2d7;--second-text-color:#cbcbd1;--third-text-color:#9595a2;--fourth-text-color:#242429;--default-text-color:#bebec6;--invert-text-color:#373d3f;--border-color:rgba(255,255,255,0.08);--selection-color:#be243c;--shadow-color-1:rgba(255,255,255,0.08);--shadow-color-2:rgba(255,255,255,0.05);--shadow-hover-color:rgba(69,69,69,0.28);--scrollbar-color:#898989;--scrollbar-color-hover:#a1a1a1;--scroll-bar-bg-color:#2a2c30;--link-color:#c5c5cc;--copyright-info-color:#a30029;--avatar-background-color:#005cb8;--pjax-progress-bar-color:linear-gradient(45deg, #ea404a, #ea722f, #e9a71f, #67e559, #18ecec, #1b85f1, #ee1dee);--archive-timeline-last-child-color:linear-gradient(to bottom, #323232 60%, rgba(255,255,255,0) 100%) 1 100%;--note-blue-title-bg:#1e3e46;--note-red-title-bg:#4e1e1e;--note-cyan-title-bg:#1e4e4e;--note-green-title-bg:#1e4e1e;--note-yellow-title-bg:#4e4e1e;--note-gray-title-bg:#4e4e4e;--note-type-title-bg:#4e3a1e;--note-black-title-bg:#1e1e1e;--note-purple-title-bg:#4e1e4e;--home-banner-text-color:#d1d1b6;--home-banner-icons-container-border-color:rgba(197,197,197,0.35);--home-banner-icons-container-background-color:rgba(197,197,197,0.3);--redefine-box-shadow:var(--shadow-color-2) 0px 6px 24px 0px,var(--shadow-color-1) 0px 0px 0px 1px;--redefine-box-shadow-hover:var(--shadow-color-2) 0px 6px 24px 0px,var(--shadow-color-1) 0px 0px 0px 1px,var(--shadow-color-1) 0px 0px 0px 1px inset;--redefine-box-shadow-flat:var(--shadow-color-2) 0px 1px 4px 0px,var(--shadow-color-1) 0px 0px 0px 1px;--redefine-box-shadow-flat-hover:var(--shadow-color-2) 0px 1px 4px 0px,var(--shadow-color-1) 0px 0px 0px 1px,var(--shadow-color-1) 0px 0px 0px 1px inset;--mermaid-theme:''}.post-page-container{gap:0}@media (max-width:640px){.post-page-container{overflow-x:hidden}}.post-page-container.show-toc{gap:30px}.post-page-container.show-toc .toc-content-container{display:block;opacity:1;transition:opacity .2s ease-in .2s;width:210px}.post-page-container.show-toc .toc-content-container:hover::-webkit-scrollbar-thumb{border:3px solid rgba(183,183,183,.3)}.post-page-container.show-toc .toc-content-container::-webkit-scrollbar{width:6px;height:6px;transition:all .2s ease;display:block}.post-page-container.show-toc .toc-content-container::-webkit-scrollbar-track{background:0 0;border:none}.post-page-container.show-toc .toc-content-container::-webkit-scrollbar-thumb{border-radius:20px;border:3px solid rgba(183,183,183,0);transition:all .2s ease}.post-page-container.show-toc .article-content-container{width:calc(100% - 210px)!important}@media (max-width:768px){.post-page-container .toc-content-container{display:none!important}.post-page-container .article-content-container{width:100%!important}.post-page-container.show-toc .toc-content-container{display:none}.post-page-container.show-toc .article-content-container{width:100%!important}}.post-page-container .article-content-container{width:100%;transition:width .2s ease}@media (max-width:640px){.post-page-container .article-content-container{padding:1.2rem .2rem;box-shadow:none!important;max-width:100vw}}.post-page-container .article-content-container .article-header .avatar img{border-radius:12.18px;width:100%;height:100%}.post-page-container .article-content-container .article-header,.post-page-container .article-content-container .article-header-meta-info{margin-top:16px}@media (max-width:768px){.post-page-container .article-content-container .article-header,.post-page-container .article-content-container .article-header-meta-info{transform:scale(.9);transform-origin:left top}}.post-page-container .article-content-container .article-content{margin-top:38px;padding-bottom:10px;word-wrap:break-word;border-bottom:1px solid var(--border-color);color:var(--default-text-color)}.post-page-container .article-content-container .article-content>:first-child{margin-top:0!important}.post-page-container .article-content-container .article-next a,.post-page-container .article-content-container .article-prev a{position:relative;display:block;width:100%;height:100%;box-sizing:border-box}.post-page-container .article-content-container .article-next a.prev,.post-page-container .article-content-container .article-prev a.prev{padding-left:16px}.post-page-container .article-content-container .article-next a.next,.post-page-container .article-content-container .article-prev a.next{padding-right:16px}.post-page-container .article-content-container .article-next a .arrow-icon,.post-page-container .article-content-container .article-prev a .arrow-icon{position:absolute;top:0;height:100%;width:16px}.post-page-container .article-content-container .article-next a .arrow-icon.left,.post-page-container .article-content-container .article-prev a .arrow-icon.left{left:0}.post-page-container .article-content-container .article-next a .arrow-icon.right,.post-page-container .article-content-container .article-prev a .arrow-icon.right{right:0}.post-page-container .article-content-container .article-next a .title,.post-page-container .article-content-container .article-prev a .title{width:100%;height:100%}.post-page-container .article-content-container .post-nav-item{display:none}@media (max-width:768px){.post-page-container .article-content-container .post-nav-item{display:inline-block}}.post-page-container .article-content-container .post-nav-title-item{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width:768px){.post-page-container .article-content-container .post-nav-title-item{display:none}}.post-page-container .article-content-container .recommended-article{overflow:visible!important}.post-page-container .article-content-container .recommended-article .recommended-mobile{display:none}@media (max-width:768px){.post-page-container .article-content-container .recommended-article .recommended-mobile{display:block}}.post-page-container .article-content-container .recommended-article .recommended-desktop{display:block}@media (max-width:768px){.post-page-container .article-content-container .recommended-article .recommended-desktop{display:none}}.post-page-container .article-content-container .recommended-article .recommended-article-group{padding:10px 0;display:flex;justify-content:space-between;flex-wrap:wrap;overflow:visible!important}@media screen and (max-width:$device-tablet){.post-page-container .article-content-container .recommended-article .recommended-article-group{height:190px;overflow:scroll;-ms-overflow-style:none}.post-page-container .article-content-container .recommended-article .recommended-article-group::-webkit-scrollbar{width:0!important}}.post-page-container .article-content-container .recommended-article .recommended-article-group .recommended-article-item{box-shadow:var(--redefine-box-shadow-flat);padding:12px!important;display:flex;flex-wrap:wrap;align-content:center;justify-content:center;align-items:center;overflow:hidden;width:32%;max-height:200px;margin-top:15px;margin-right:0}@media (max-width:768px){.post-page-container .article-content-container .recommended-article .recommended-article-group .recommended-article-item{width:49%}}.post-page-container .article-content-container .recommended-article .recommended-article-group .recommended-article-item img{display:flex;width:calc(100% + 24px);height:150px;object-fit:cover;border-radius:14px 14px 0 0;margin:-12px -12px 0 -12px!important}.post-page-container .article-content-container .recommended-article .recommended-article-group .recommended-article-item span{margin-top:.5rem;display:block;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}.post-page-container .toc-content-container{white-space:nowrap;opacity:0;position:sticky;top:108px;border-radius:0;width:0;height:auto;max-height:calc(100vh - 210px);overflow-y:auto;overflow-x:hidden;float:right;padding:10px;box-sizing:border-box;box-shadow:none!important;transition:opacity .3s ease-out .3s}@media (max-width:768px){.post-page-container .toc-content-container{left:0!important;display:none!important}}.post-page-container figure.image-caption img{margin-bottom:0}.post-page-container figure.image-caption figcaption{margin-top:5px;margin-bottom:10px;text-align:center;font-size:.9rem;color:var(--third-text-color)} /* rebuild by neat */ \ No newline at end of file diff --git a/css/layout/category-content.css b/css/layout/category-content.css index f565de0..eb0f187 100644 --- a/css/layout/category-content.css +++ b/css/layout/category-content.css @@ -1,3 +1,3 @@ -/* build time:Mon May 06 2024 14:54:10 GMT+0800 (中国标准时间)*/ +/* build time:Mon May 06 2024 15:22:02 GMT+0800 (中国标准时间)*/ :root{--background-color:#fff;--background-color-transparent:rgba(255,255,255,0.6);--background-color-transparent-15:rgba(255,255,255,0.15);--background-color-transparent-40:rgba(255,255,255,0.4);--background-color-transparent-80:rgba(255,255,255,0.8);--second-background-color:#fafafa;--third-background-color:#f7f7f7;--third-background-color-transparent:rgba(241,241,241,0.6);--primary-color:#a31f34;--first-text-color:#323739;--second-text-color:#343a3c;--third-text-color:#5c6669;--fourth-text-color:#eaeced;--default-text-color:#373d3f;--invert-text-color:#bebec6;--border-color:rgba(0,0,0,0.08);--selection-color:#be243c;--shadow-color-1:rgba(0,0,0,0.08);--shadow-color-2:rgba(0,0,0,0.05);--shadow-hover-color:rgba(0,0,0,0.28);--scrollbar-color:#c1c1c1;--scrollbar-color-hover:#a1a1a1;--scroll-bar-bg-color:#fafafa;--link-color:#323739;--copyright-info-color:#c03;--avatar-background-color:#06c;--pjax-progress-bar-color:linear-gradient(45deg, #f10006, #ef5b00, #e59c01, #19ca05, #00cab5, #0264c8, #c303c3);--archive-timeline-last-child-color:linear-gradient(to bottom, #e8e8e8 60%, rgba(0,0,0,0) 100%) 1 100%;--note-blue-title-bg:#d6f7fb;--note-red-title-bg:#fde9e9;--note-cyan-title-bg:#e9fdf9;--note-green-title-bg:#e9fde9;--note-yellow-title-bg:#fdf9e9;--note-gray-title-bg:#f9f9f9;--note-type-title-bg:#fdf3e9;--note-black-title-bg:#e9e9e9;--note-purple-title-bg:#f9e9fd;--home-banner-text-color:#fff;--home-banner-icons-container-border-color:rgba(255,255,255,0.35);--home-banner-icons-container-background-color:rgba(255,255,255,0.3);--redefine-box-shadow:var(--shadow-color-2) 0px 6px 24px 0px,var(--shadow-color-1) 0px 0px 0px 1px;--redefine-box-shadow-hover:var(--shadow-color-2) 0px 6px 24px 0px,var(--shadow-color-1) 0px 0px 0px 1px,var(--shadow-color-1) 0px 0px 0px 1px inset;--redefine-box-shadow-flat:var(--shadow-color-2) 0px 1px 4px 0px,var(--shadow-color-1) 0px 0px 0px 1px;--redefine-box-shadow-flat-hover:var(--shadow-color-2) 0px 1px 4px 0px,var(--shadow-color-1) 0px 0px 0px 1px,var(--shadow-color-1) 0px 0px 0px 1px inset;--mermaid-theme:''}@media (prefers-color-scheme:light){:root{--background-color:#fff;--background-color-transparent:rgba(255,255,255,0.6);--background-color-transparent-15:rgba(255,255,255,0.15);--background-color-transparent-40:rgba(255,255,255,0.4);--background-color-transparent-80:rgba(255,255,255,0.8);--second-background-color:#fafafa;--third-background-color:#f7f7f7;--third-background-color-transparent:rgba(241,241,241,0.6);--primary-color:#a31f34;--first-text-color:#323739;--second-text-color:#343a3c;--third-text-color:#5c6669;--fourth-text-color:#eaeced;--default-text-color:#373d3f;--invert-text-color:#bebec6;--border-color:rgba(0,0,0,0.08);--selection-color:#be243c;--shadow-color-1:rgba(0,0,0,0.08);--shadow-color-2:rgba(0,0,0,0.05);--shadow-hover-color:rgba(0,0,0,0.28);--scrollbar-color:#c1c1c1;--scrollbar-color-hover:#a1a1a1;--scroll-bar-bg-color:#fafafa;--link-color:#323739;--copyright-info-color:#c03;--avatar-background-color:#06c;--pjax-progress-bar-color:linear-gradient(45deg, #f10006, #ef5b00, #e59c01, #19ca05, #00cab5, #0264c8, #c303c3);--archive-timeline-last-child-color:linear-gradient(to bottom, #e8e8e8 60%, rgba(0,0,0,0) 100%) 1 100%;--note-blue-title-bg:#d6f7fb;--note-red-title-bg:#fde9e9;--note-cyan-title-bg:#e9fdf9;--note-green-title-bg:#e9fde9;--note-yellow-title-bg:#fdf9e9;--note-gray-title-bg:#f9f9f9;--note-type-title-bg:#fdf3e9;--note-black-title-bg:#e9e9e9;--note-purple-title-bg:#f9e9fd;--home-banner-text-color:#fff;--home-banner-icons-container-border-color:rgba(255,255,255,0.35);--home-banner-icons-container-background-color:rgba(255,255,255,0.3);--redefine-box-shadow:var(--shadow-color-2) 0px 6px 24px 0px,var(--shadow-color-1) 0px 0px 0px 1px;--redefine-box-shadow-hover:var(--shadow-color-2) 0px 6px 24px 0px,var(--shadow-color-1) 0px 0px 0px 1px,var(--shadow-color-1) 0px 0px 0px 1px inset;--redefine-box-shadow-flat:var(--shadow-color-2) 0px 1px 4px 0px,var(--shadow-color-1) 0px 0px 0px 1px;--redefine-box-shadow-flat-hover:var(--shadow-color-2) 0px 1px 4px 0px,var(--shadow-color-1) 0px 0px 0px 1px,var(--shadow-color-1) 0px 0px 0px 1px inset;--mermaid-theme:''}}@media (prefers-color-scheme:dark){:root{--background-color:#202124;--background-color-transparent:rgba(32,33,36,0.4);--background-color-transparent-15:rgba(32,33,36,0.15);--background-color-transparent-40:rgba(32,33,36,0.4);--background-color-transparent-80:rgba(32,33,36,0.8);--second-background-color:#242529;--third-background-color:#292b2f;--third-background-color-transparent:rgba(32,33,36,0.6);--primary-color:#a31f34;--first-text-color:#d2d2d7;--second-text-color:#cbcbd1;--third-text-color:#9595a2;--fourth-text-color:#242429;--default-text-color:#bebec6;--invert-text-color:#373d3f;--border-color:rgba(255,255,255,0.08);--selection-color:#be243c;--shadow-color-1:rgba(255,255,255,0.08);--shadow-color-2:rgba(255,255,255,0.05);--shadow-hover-color:rgba(69,69,69,0.28);--scrollbar-color:#898989;--scrollbar-color-hover:#a1a1a1;--scroll-bar-bg-color:#2a2c30;--link-color:#c5c5cc;--copyright-info-color:#a30029;--avatar-background-color:#005cb8;--pjax-progress-bar-color:linear-gradient(45deg, #ea404a, #ea722f, #e9a71f, #67e559, #18ecec, #1b85f1, #ee1dee);--archive-timeline-last-child-color:linear-gradient(to bottom, #323232 60%, rgba(255,255,255,0) 100%) 1 100%;--note-blue-title-bg:#1e3e46;--note-red-title-bg:#4e1e1e;--note-cyan-title-bg:#1e4e4e;--note-green-title-bg:#1e4e1e;--note-yellow-title-bg:#4e4e1e;--note-gray-title-bg:#4e4e4e;--note-type-title-bg:#4e3a1e;--note-black-title-bg:#1e1e1e;--note-purple-title-bg:#4e1e4e;--home-banner-text-color:#d1d1b6;--home-banner-icons-container-border-color:rgba(197,197,197,0.35);--home-banner-icons-container-background-color:rgba(197,197,197,0.3);--redefine-box-shadow:var(--shadow-color-2) 0px 6px 24px 0px,var(--shadow-color-1) 0px 0px 0px 1px;--redefine-box-shadow-hover:var(--shadow-color-2) 0px 6px 24px 0px,var(--shadow-color-1) 0px 0px 0px 1px,var(--shadow-color-1) 0px 0px 0px 1px inset;--redefine-box-shadow-flat:var(--shadow-color-2) 0px 1px 4px 0px,var(--shadow-color-1) 0px 0px 0px 1px;--redefine-box-shadow-flat-hover:var(--shadow-color-2) 0px 1px 4px 0px,var(--shadow-color-1) 0px 0px 0px 1px,var(--shadow-color-1) 0px 0px 0px 1px inset;--mermaid-theme:''}}.light-mode{--background-color:#fff;--background-color-transparent:rgba(255,255,255,0.6);--background-color-transparent-15:rgba(255,255,255,0.15);--background-color-transparent-40:rgba(255,255,255,0.4);--background-color-transparent-80:rgba(255,255,255,0.8);--second-background-color:#fafafa;--third-background-color:#f7f7f7;--third-background-color-transparent:rgba(241,241,241,0.6);--primary-color:#a31f34;--first-text-color:#323739;--second-text-color:#343a3c;--third-text-color:#5c6669;--fourth-text-color:#eaeced;--default-text-color:#373d3f;--invert-text-color:#bebec6;--border-color:rgba(0,0,0,0.08);--selection-color:#be243c;--shadow-color-1:rgba(0,0,0,0.08);--shadow-color-2:rgba(0,0,0,0.05);--shadow-hover-color:rgba(0,0,0,0.28);--scrollbar-color:#c1c1c1;--scrollbar-color-hover:#a1a1a1;--scroll-bar-bg-color:#fafafa;--link-color:#323739;--copyright-info-color:#c03;--avatar-background-color:#06c;--pjax-progress-bar-color:linear-gradient(45deg, #f10006, #ef5b00, #e59c01, #19ca05, #00cab5, #0264c8, #c303c3);--archive-timeline-last-child-color:linear-gradient(to bottom, #e8e8e8 60%, rgba(0,0,0,0) 100%) 1 100%;--note-blue-title-bg:#d6f7fb;--note-red-title-bg:#fde9e9;--note-cyan-title-bg:#e9fdf9;--note-green-title-bg:#e9fde9;--note-yellow-title-bg:#fdf9e9;--note-gray-title-bg:#f9f9f9;--note-type-title-bg:#fdf3e9;--note-black-title-bg:#e9e9e9;--note-purple-title-bg:#f9e9fd;--home-banner-text-color:#fff;--home-banner-icons-container-border-color:rgba(255,255,255,0.35);--home-banner-icons-container-background-color:rgba(255,255,255,0.3);--redefine-box-shadow:var(--shadow-color-2) 0px 6px 24px 0px,var(--shadow-color-1) 0px 0px 0px 1px;--redefine-box-shadow-hover:var(--shadow-color-2) 0px 6px 24px 0px,var(--shadow-color-1) 0px 0px 0px 1px,var(--shadow-color-1) 0px 0px 0px 1px inset;--redefine-box-shadow-flat:var(--shadow-color-2) 0px 1px 4px 0px,var(--shadow-color-1) 0px 0px 0px 1px;--redefine-box-shadow-flat-hover:var(--shadow-color-2) 0px 1px 4px 0px,var(--shadow-color-1) 0px 0px 0px 1px,var(--shadow-color-1) 0px 0px 0px 1px inset;--mermaid-theme:''}.dark-mode{--background-color:#202124;--background-color-transparent:rgba(32,33,36,0.4);--background-color-transparent-15:rgba(32,33,36,0.15);--background-color-transparent-40:rgba(32,33,36,0.4);--background-color-transparent-80:rgba(32,33,36,0.8);--second-background-color:#242529;--third-background-color:#292b2f;--third-background-color-transparent:rgba(32,33,36,0.6);--primary-color:#a31f34;--first-text-color:#d2d2d7;--second-text-color:#cbcbd1;--third-text-color:#9595a2;--fourth-text-color:#242429;--default-text-color:#bebec6;--invert-text-color:#373d3f;--border-color:rgba(255,255,255,0.08);--selection-color:#be243c;--shadow-color-1:rgba(255,255,255,0.08);--shadow-color-2:rgba(255,255,255,0.05);--shadow-hover-color:rgba(69,69,69,0.28);--scrollbar-color:#898989;--scrollbar-color-hover:#a1a1a1;--scroll-bar-bg-color:#2a2c30;--link-color:#c5c5cc;--copyright-info-color:#a30029;--avatar-background-color:#005cb8;--pjax-progress-bar-color:linear-gradient(45deg, #ea404a, #ea722f, #e9a71f, #67e559, #18ecec, #1b85f1, #ee1dee);--archive-timeline-last-child-color:linear-gradient(to bottom, #323232 60%, rgba(255,255,255,0) 100%) 1 100%;--note-blue-title-bg:#1e3e46;--note-red-title-bg:#4e1e1e;--note-cyan-title-bg:#1e4e4e;--note-green-title-bg:#1e4e1e;--note-yellow-title-bg:#4e4e1e;--note-gray-title-bg:#4e4e4e;--note-type-title-bg:#4e3a1e;--note-black-title-bg:#1e1e1e;--note-purple-title-bg:#4e1e4e;--home-banner-text-color:#d1d1b6;--home-banner-icons-container-border-color:rgba(197,197,197,0.35);--home-banner-icons-container-background-color:rgba(197,197,197,0.3);--redefine-box-shadow:var(--shadow-color-2) 0px 6px 24px 0px,var(--shadow-color-1) 0px 0px 0px 1px;--redefine-box-shadow-hover:var(--shadow-color-2) 0px 6px 24px 0px,var(--shadow-color-1) 0px 0px 0px 1px,var(--shadow-color-1) 0px 0px 0px 1px inset;--redefine-box-shadow-flat:var(--shadow-color-2) 0px 1px 4px 0px,var(--shadow-color-1) 0px 0px 0px 1px;--redefine-box-shadow-flat-hover:var(--shadow-color-2) 0px 1px 4px 0px,var(--shadow-color-1) 0px 0px 0px 1px,var(--shadow-color-1) 0px 0px 0px 1px inset;--mermaid-theme:''}.category-container .category-name{color:var(--second-text-color);font-size:2.8rem;font-weight:600;padding-bottom:20px;margin-bottom:38px;border-bottom:1px solid var(--shadow-color-1)}.category-container .category-name i{color:var(--second-text-color)}@media (max-width:768px){.category-container .category-name{font-size:2.52rem}}@media (max-width:640px){.category-container .category-name{font-size:2.24rem}} /* rebuild by neat */ \ No newline at end of file diff --git a/css/layout/category-list.css b/css/layout/category-list.css index e362c86..2f917ab 100644 --- a/css/layout/category-list.css +++ b/css/layout/category-list.css @@ -1,3 +1,3 @@ -/* build time:Mon May 06 2024 14:54:10 GMT+0800 (中国标准时间)*/ +/* build time:Mon May 06 2024 15:22:02 GMT+0800 (中国标准时间)*/ .category-list-container .category-header{margin:6px 0 36px 0;font-size:3.2rem;padding:0;line-height:1;font-weight:700;color:var(--second-text-color)}.category-list-container .category-list-content .all-category-list{display:flex;padding-left:16px;flex-wrap:wrap;justify-content:center;gap:28px}.category-list-container .category-list-content .all-category-list>.all-category-list-item{font-size:1.5rem;font-weight:600;padding:28px;cursor:pointer;width:40%;border-radius:$redefine-border-radius-medium;box-shadow:var(--redefine-box-shadow-flat);overflow:hidden;transition:all .2s ease}.category-list-container .category-list-content .all-category-list>.all-category-list-item:hover{background-color:var(--background-color);box-shadow:var(--redefine-box-shadow);transform:scale(1.01);transition:all .2s ease;color:var(--primary-color)}.category-list-container .category-list-content .all-category-list>.all-category-list-item span.all-category-list-count{color:var(--third-text-color);margin-left:8px;background-color:var(--third-background-color);padding:1px 10px;border-radius:$redefine-border-radius-small;border:solid 1px var(--border-color)}.category-list-container .category-list-content .all-category-list>.all-category-list-item>.all-category-list-link{border-bottom:2px solid var(--border-color)}.category-list-container .category-list-content .all-category-list>.all-category-list-item>.all-category-list-child{font-weight:550;font-size:1.3rem;margin-left:20px;border-left:2px solid var(--border-color);padding-left:16px;max-height:0;overflow:hidden;transition:all .2s ease}.category-list-container .category-list-content .all-category-list>.all-category-list-item>.all-category-list-child li{margin-bottom:10px}.category-list-container .category-list-content .all-category-list>.all-category-list-item>.all-category-list-child li::before{content:''}.category-list-container .category-list-content .all-category-list>.all-category-list-item>.all-category-list-child li:last-child{margin-bottom:0}.category-list-container .category-list-content .all-category-list>.all-category-list-item>.all-category-list-child>li>.all-category-list-child{font-weight:400;font-size:1.2rem;margin-left:20px;margin-top:15px;border-left:2px solid var(--border-color);padding-left:16px;max-height:0;overflow:hidden;transition:all .2s ease}.category-list-container .category-list-content .all-category-list>.all-category-list-item>.all-category-list-child>li>.all-category-list-child li{margin-bottom:10px}.category-list-container .category-list-content .all-category-list>.all-category-list-item>.all-category-list-child>li>.all-category-list-child li::before{content:''}.category-list-container .category-list-content .all-category-list>.all-category-list-item>.all-category-list-child>li>.all-category-list-child li:last-child{margin-bottom:0}.category-list-container .category-list-content .all-category-list>.all-category-list-item>.all-category-list-child>li>.all-category-list-child>li>.all-category-list-child{margin-left:10px;margin-top:15px;border-left:2px solid var(--border-color);padding-left:20px;max-height:0;overflow:hidden;transition:all .2s ease}.category-list-container .category-list-content .all-category-list>.all-category-list-item>.all-category-list-child>li>.all-category-list-child>li>.all-category-list-child li{margin-bottom:10px}.category-list-container .category-list-content .all-category-list>.all-category-list-item>.all-category-list-child>li>.all-category-list-child>li>.all-category-list-child li::before{content:''}.category-list-container .category-list-content .all-category-list>.all-category-list-item>.all-category-list-child>li>.all-category-list-child>li>.all-category-list-child li:last-child{margin-bottom:0}.category-list-container .category-list-content .all-category-list>.all-category-list-item>.all-category-list-child>li>.all-category-list-child>li>.all-category-list-child>li>.all-category-list-child{margin-left:10px;margin-top:15px;border-left:2px solid var(--border-color);padding-left:20px;max-height:0;overflow:hidden;transition:all .2s ease} /* rebuild by neat */ \ No newline at end of file diff --git a/css/layout/home-content.css b/css/layout/home-content.css index 954afe2..c34ba21 100644 --- a/css/layout/home-content.css +++ b/css/layout/home-content.css @@ -1,3 +1,3 @@ -/* build time:Mon May 06 2024 14:54:11 GMT+0800 (中国标准时间)*/ +/* build time:Mon May 06 2024 15:22:02 GMT+0800 (中国标准时间)*/ :root{--background-color:#fff;--background-color-transparent:rgba(255,255,255,0.6);--background-color-transparent-15:rgba(255,255,255,0.15);--background-color-transparent-40:rgba(255,255,255,0.4);--background-color-transparent-80:rgba(255,255,255,0.8);--second-background-color:#fafafa;--third-background-color:#f7f7f7;--third-background-color-transparent:rgba(241,241,241,0.6);--primary-color:#a31f34;--first-text-color:#323739;--second-text-color:#343a3c;--third-text-color:#5c6669;--fourth-text-color:#eaeced;--default-text-color:#373d3f;--invert-text-color:#bebec6;--border-color:rgba(0,0,0,0.08);--selection-color:#be243c;--shadow-color-1:rgba(0,0,0,0.08);--shadow-color-2:rgba(0,0,0,0.05);--shadow-hover-color:rgba(0,0,0,0.28);--scrollbar-color:#c1c1c1;--scrollbar-color-hover:#a1a1a1;--scroll-bar-bg-color:#fafafa;--link-color:#323739;--copyright-info-color:#c03;--avatar-background-color:#06c;--pjax-progress-bar-color:linear-gradient(45deg, #f10006, #ef5b00, #e59c01, #19ca05, #00cab5, #0264c8, #c303c3);--archive-timeline-last-child-color:linear-gradient(to bottom, #e8e8e8 60%, rgba(0,0,0,0) 100%) 1 100%;--note-blue-title-bg:#d6f7fb;--note-red-title-bg:#fde9e9;--note-cyan-title-bg:#e9fdf9;--note-green-title-bg:#e9fde9;--note-yellow-title-bg:#fdf9e9;--note-gray-title-bg:#f9f9f9;--note-type-title-bg:#fdf3e9;--note-black-title-bg:#e9e9e9;--note-purple-title-bg:#f9e9fd;--home-banner-text-color:#fff;--home-banner-icons-container-border-color:rgba(255,255,255,0.35);--home-banner-icons-container-background-color:rgba(255,255,255,0.3);--redefine-box-shadow:var(--shadow-color-2) 0px 6px 24px 0px,var(--shadow-color-1) 0px 0px 0px 1px;--redefine-box-shadow-hover:var(--shadow-color-2) 0px 6px 24px 0px,var(--shadow-color-1) 0px 0px 0px 1px,var(--shadow-color-1) 0px 0px 0px 1px inset;--redefine-box-shadow-flat:var(--shadow-color-2) 0px 1px 4px 0px,var(--shadow-color-1) 0px 0px 0px 1px;--redefine-box-shadow-flat-hover:var(--shadow-color-2) 0px 1px 4px 0px,var(--shadow-color-1) 0px 0px 0px 1px,var(--shadow-color-1) 0px 0px 0px 1px inset;--mermaid-theme:''}@media (prefers-color-scheme:light){:root{--background-color:#fff;--background-color-transparent:rgba(255,255,255,0.6);--background-color-transparent-15:rgba(255,255,255,0.15);--background-color-transparent-40:rgba(255,255,255,0.4);--background-color-transparent-80:rgba(255,255,255,0.8);--second-background-color:#fafafa;--third-background-color:#f7f7f7;--third-background-color-transparent:rgba(241,241,241,0.6);--primary-color:#a31f34;--first-text-color:#323739;--second-text-color:#343a3c;--third-text-color:#5c6669;--fourth-text-color:#eaeced;--default-text-color:#373d3f;--invert-text-color:#bebec6;--border-color:rgba(0,0,0,0.08);--selection-color:#be243c;--shadow-color-1:rgba(0,0,0,0.08);--shadow-color-2:rgba(0,0,0,0.05);--shadow-hover-color:rgba(0,0,0,0.28);--scrollbar-color:#c1c1c1;--scrollbar-color-hover:#a1a1a1;--scroll-bar-bg-color:#fafafa;--link-color:#323739;--copyright-info-color:#c03;--avatar-background-color:#06c;--pjax-progress-bar-color:linear-gradient(45deg, #f10006, #ef5b00, #e59c01, #19ca05, #00cab5, #0264c8, #c303c3);--archive-timeline-last-child-color:linear-gradient(to bottom, #e8e8e8 60%, rgba(0,0,0,0) 100%) 1 100%;--note-blue-title-bg:#d6f7fb;--note-red-title-bg:#fde9e9;--note-cyan-title-bg:#e9fdf9;--note-green-title-bg:#e9fde9;--note-yellow-title-bg:#fdf9e9;--note-gray-title-bg:#f9f9f9;--note-type-title-bg:#fdf3e9;--note-black-title-bg:#e9e9e9;--note-purple-title-bg:#f9e9fd;--home-banner-text-color:#fff;--home-banner-icons-container-border-color:rgba(255,255,255,0.35);--home-banner-icons-container-background-color:rgba(255,255,255,0.3);--redefine-box-shadow:var(--shadow-color-2) 0px 6px 24px 0px,var(--shadow-color-1) 0px 0px 0px 1px;--redefine-box-shadow-hover:var(--shadow-color-2) 0px 6px 24px 0px,var(--shadow-color-1) 0px 0px 0px 1px,var(--shadow-color-1) 0px 0px 0px 1px inset;--redefine-box-shadow-flat:var(--shadow-color-2) 0px 1px 4px 0px,var(--shadow-color-1) 0px 0px 0px 1px;--redefine-box-shadow-flat-hover:var(--shadow-color-2) 0px 1px 4px 0px,var(--shadow-color-1) 0px 0px 0px 1px,var(--shadow-color-1) 0px 0px 0px 1px inset;--mermaid-theme:''}}@media (prefers-color-scheme:dark){:root{--background-color:#202124;--background-color-transparent:rgba(32,33,36,0.4);--background-color-transparent-15:rgba(32,33,36,0.15);--background-color-transparent-40:rgba(32,33,36,0.4);--background-color-transparent-80:rgba(32,33,36,0.8);--second-background-color:#242529;--third-background-color:#292b2f;--third-background-color-transparent:rgba(32,33,36,0.6);--primary-color:#a31f34;--first-text-color:#d2d2d7;--second-text-color:#cbcbd1;--third-text-color:#9595a2;--fourth-text-color:#242429;--default-text-color:#bebec6;--invert-text-color:#373d3f;--border-color:rgba(255,255,255,0.08);--selection-color:#be243c;--shadow-color-1:rgba(255,255,255,0.08);--shadow-color-2:rgba(255,255,255,0.05);--shadow-hover-color:rgba(69,69,69,0.28);--scrollbar-color:#898989;--scrollbar-color-hover:#a1a1a1;--scroll-bar-bg-color:#2a2c30;--link-color:#c5c5cc;--copyright-info-color:#a30029;--avatar-background-color:#005cb8;--pjax-progress-bar-color:linear-gradient(45deg, #ea404a, #ea722f, #e9a71f, #67e559, #18ecec, #1b85f1, #ee1dee);--archive-timeline-last-child-color:linear-gradient(to bottom, #323232 60%, rgba(255,255,255,0) 100%) 1 100%;--note-blue-title-bg:#1e3e46;--note-red-title-bg:#4e1e1e;--note-cyan-title-bg:#1e4e4e;--note-green-title-bg:#1e4e1e;--note-yellow-title-bg:#4e4e1e;--note-gray-title-bg:#4e4e4e;--note-type-title-bg:#4e3a1e;--note-black-title-bg:#1e1e1e;--note-purple-title-bg:#4e1e4e;--home-banner-text-color:#d1d1b6;--home-banner-icons-container-border-color:rgba(197,197,197,0.35);--home-banner-icons-container-background-color:rgba(197,197,197,0.3);--redefine-box-shadow:var(--shadow-color-2) 0px 6px 24px 0px,var(--shadow-color-1) 0px 0px 0px 1px;--redefine-box-shadow-hover:var(--shadow-color-2) 0px 6px 24px 0px,var(--shadow-color-1) 0px 0px 0px 1px,var(--shadow-color-1) 0px 0px 0px 1px inset;--redefine-box-shadow-flat:var(--shadow-color-2) 0px 1px 4px 0px,var(--shadow-color-1) 0px 0px 0px 1px;--redefine-box-shadow-flat-hover:var(--shadow-color-2) 0px 1px 4px 0px,var(--shadow-color-1) 0px 0px 0px 1px,var(--shadow-color-1) 0px 0px 0px 1px inset;--mermaid-theme:''}}.light-mode{--background-color:#fff;--background-color-transparent:rgba(255,255,255,0.6);--background-color-transparent-15:rgba(255,255,255,0.15);--background-color-transparent-40:rgba(255,255,255,0.4);--background-color-transparent-80:rgba(255,255,255,0.8);--second-background-color:#fafafa;--third-background-color:#f7f7f7;--third-background-color-transparent:rgba(241,241,241,0.6);--primary-color:#a31f34;--first-text-color:#323739;--second-text-color:#343a3c;--third-text-color:#5c6669;--fourth-text-color:#eaeced;--default-text-color:#373d3f;--invert-text-color:#bebec6;--border-color:rgba(0,0,0,0.08);--selection-color:#be243c;--shadow-color-1:rgba(0,0,0,0.08);--shadow-color-2:rgba(0,0,0,0.05);--shadow-hover-color:rgba(0,0,0,0.28);--scrollbar-color:#c1c1c1;--scrollbar-color-hover:#a1a1a1;--scroll-bar-bg-color:#fafafa;--link-color:#323739;--copyright-info-color:#c03;--avatar-background-color:#06c;--pjax-progress-bar-color:linear-gradient(45deg, #f10006, #ef5b00, #e59c01, #19ca05, #00cab5, #0264c8, #c303c3);--archive-timeline-last-child-color:linear-gradient(to bottom, #e8e8e8 60%, rgba(0,0,0,0) 100%) 1 100%;--note-blue-title-bg:#d6f7fb;--note-red-title-bg:#fde9e9;--note-cyan-title-bg:#e9fdf9;--note-green-title-bg:#e9fde9;--note-yellow-title-bg:#fdf9e9;--note-gray-title-bg:#f9f9f9;--note-type-title-bg:#fdf3e9;--note-black-title-bg:#e9e9e9;--note-purple-title-bg:#f9e9fd;--home-banner-text-color:#fff;--home-banner-icons-container-border-color:rgba(255,255,255,0.35);--home-banner-icons-container-background-color:rgba(255,255,255,0.3);--redefine-box-shadow:var(--shadow-color-2) 0px 6px 24px 0px,var(--shadow-color-1) 0px 0px 0px 1px;--redefine-box-shadow-hover:var(--shadow-color-2) 0px 6px 24px 0px,var(--shadow-color-1) 0px 0px 0px 1px,var(--shadow-color-1) 0px 0px 0px 1px inset;--redefine-box-shadow-flat:var(--shadow-color-2) 0px 1px 4px 0px,var(--shadow-color-1) 0px 0px 0px 1px;--redefine-box-shadow-flat-hover:var(--shadow-color-2) 0px 1px 4px 0px,var(--shadow-color-1) 0px 0px 0px 1px,var(--shadow-color-1) 0px 0px 0px 1px inset;--mermaid-theme:''}.dark-mode{--background-color:#202124;--background-color-transparent:rgba(32,33,36,0.4);--background-color-transparent-15:rgba(32,33,36,0.15);--background-color-transparent-40:rgba(32,33,36,0.4);--background-color-transparent-80:rgba(32,33,36,0.8);--second-background-color:#242529;--third-background-color:#292b2f;--third-background-color-transparent:rgba(32,33,36,0.6);--primary-color:#a31f34;--first-text-color:#d2d2d7;--second-text-color:#cbcbd1;--third-text-color:#9595a2;--fourth-text-color:#242429;--default-text-color:#bebec6;--invert-text-color:#373d3f;--border-color:rgba(255,255,255,0.08);--selection-color:#be243c;--shadow-color-1:rgba(255,255,255,0.08);--shadow-color-2:rgba(255,255,255,0.05);--shadow-hover-color:rgba(69,69,69,0.28);--scrollbar-color:#898989;--scrollbar-color-hover:#a1a1a1;--scroll-bar-bg-color:#2a2c30;--link-color:#c5c5cc;--copyright-info-color:#a30029;--avatar-background-color:#005cb8;--pjax-progress-bar-color:linear-gradient(45deg, #ea404a, #ea722f, #e9a71f, #67e559, #18ecec, #1b85f1, #ee1dee);--archive-timeline-last-child-color:linear-gradient(to bottom, #323232 60%, rgba(255,255,255,0) 100%) 1 100%;--note-blue-title-bg:#1e3e46;--note-red-title-bg:#4e1e1e;--note-cyan-title-bg:#1e4e4e;--note-green-title-bg:#1e4e1e;--note-yellow-title-bg:#4e4e1e;--note-gray-title-bg:#4e4e4e;--note-type-title-bg:#4e3a1e;--note-black-title-bg:#1e1e1e;--note-purple-title-bg:#4e1e4e;--home-banner-text-color:#d1d1b6;--home-banner-icons-container-border-color:rgba(197,197,197,0.35);--home-banner-icons-container-background-color:rgba(197,197,197,0.3);--redefine-box-shadow:var(--shadow-color-2) 0px 6px 24px 0px,var(--shadow-color-1) 0px 0px 0px 1px;--redefine-box-shadow-hover:var(--shadow-color-2) 0px 6px 24px 0px,var(--shadow-color-1) 0px 0px 0px 1px,var(--shadow-color-1) 0px 0px 0px 1px inset;--redefine-box-shadow-flat:var(--shadow-color-2) 0px 1px 4px 0px,var(--shadow-color-1) 0px 0px 0px 1px;--redefine-box-shadow-flat-hover:var(--shadow-color-2) 0px 1px 4px 0px,var(--shadow-color-1) 0px 0px 0px 1px,var(--shadow-color-1) 0px 0px 0px 1px inset;--mermaid-theme:''}.home-content-container{margin-right:38px}@media (max-width:768px){.home-content-container{margin-right:0}}@media (max-width:640px){.home-content-container{margin-right:0}}.home-content-container .seo-reader-text{border:0;clip:rect(1px,1px,1px,1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;width:1px;word-wrap:normal!important;word-break:normal}.home-content-container .home-article-list .home-article-item{position:relative}.home-content-container .home-article-list .home-article-item .home-article-thumbnail img{width:100%;height:100%;object-fit:cover;position:absolute;top:50%;transform:translateY(-50%)}.home-content-container .home-article-list .home-article-item .home-article-title{position:relative;font-weight:700;font-size:1.4rem;line-height:1.5;color:var(--second-text-color);font-family:Satoshi-Variable,sans-serif,'Noto Sans SC',sans-serif,'Noto Sans SC',sans-serif;margin:0}@media (max-width:768px){.home-content-container .home-article-list .home-article-item .home-article-title{font-size:1.3rem}}@media (max-width:640px){.home-content-container .home-article-list .home-article-item .home-article-title{font-size:1.2rem}}.home-content-container .home-article-list .home-article-item .home-article-content{word-wrap:break-word;text-align:justify;color:var(--default-text-color)}.home-content-container .home-article-list .home-article-item .home-article-meta-info-container{display:flex;justify-content:space-between;align-items:center;font-size:.92rem;color:var(--third-text-color)}.home-content-container .home-article-list .home-article-item .home-article-meta-info-container .home-article-meta-info{letter-spacing:.5px}.home-content-container .home-article-list .home-article-item .home-article-meta-info-container .home-article-meta-info span{margin-right:10px}.home-content-container .home-article-list .home-article-item .home-article-meta-info-container .home-article-meta-info span:last-child{margin-right:0}.home-content-container .home-article-list .home-article-item .home-article-meta-info-container .home-article-meta-info span li,.home-content-container .home-article-list .home-article-item .home-article-meta-info-container .home-article-meta-info span ul{display:inline}@media (max-width:640px){.home-content-container .home-article-list .home-article-item .home-article-meta-info-container .home-article-meta-info .home-article-category{display:none}}@media (max-width:768px){.home-content-container .home-article-list .home-article-item .home-article-meta-info-container .home-article-meta-info .home-article-tag{display:none}}.home-content-container .home-article-list .home-article-item .home-article-meta-info-container hr{border:none;flex:1;height:1px;background:var(--border-color);margin:0 10px}.home-content-container .home-article-list .home-article-item .home-article-meta-info-container a{color:var(--third-text-color)}.home-content-container .home-article-list .home-article-item .home-article-meta-info-container a:hover{color:var(--primary-color)} /* rebuild by neat */ \ No newline at end of file diff --git a/css/layout/home-sidebar.css b/css/layout/home-sidebar.css index d4254d3..f418fd5 100644 --- a/css/layout/home-sidebar.css +++ b/css/layout/home-sidebar.css @@ -1,3 +1,3 @@ -/* build time:Mon May 06 2024 14:54:11 GMT+0800 (中国标准时间)*/ +/* build time:Mon May 06 2024 15:22:02 GMT+0800 (中国标准时间)*/ :root{--background-color:#fff;--background-color-transparent:rgba(255,255,255,0.6);--background-color-transparent-15:rgba(255,255,255,0.15);--background-color-transparent-40:rgba(255,255,255,0.4);--background-color-transparent-80:rgba(255,255,255,0.8);--second-background-color:#fafafa;--third-background-color:#f7f7f7;--third-background-color-transparent:rgba(241,241,241,0.6);--primary-color:#a31f34;--first-text-color:#323739;--second-text-color:#343a3c;--third-text-color:#5c6669;--fourth-text-color:#eaeced;--default-text-color:#373d3f;--invert-text-color:#bebec6;--border-color:rgba(0,0,0,0.08);--selection-color:#be243c;--shadow-color-1:rgba(0,0,0,0.08);--shadow-color-2:rgba(0,0,0,0.05);--shadow-hover-color:rgba(0,0,0,0.28);--scrollbar-color:#c1c1c1;--scrollbar-color-hover:#a1a1a1;--scroll-bar-bg-color:#fafafa;--link-color:#323739;--copyright-info-color:#c03;--avatar-background-color:#06c;--pjax-progress-bar-color:linear-gradient(45deg, #f10006, #ef5b00, #e59c01, #19ca05, #00cab5, #0264c8, #c303c3);--archive-timeline-last-child-color:linear-gradient(to bottom, #e8e8e8 60%, rgba(0,0,0,0) 100%) 1 100%;--note-blue-title-bg:#d6f7fb;--note-red-title-bg:#fde9e9;--note-cyan-title-bg:#e9fdf9;--note-green-title-bg:#e9fde9;--note-yellow-title-bg:#fdf9e9;--note-gray-title-bg:#f9f9f9;--note-type-title-bg:#fdf3e9;--note-black-title-bg:#e9e9e9;--note-purple-title-bg:#f9e9fd;--home-banner-text-color:#fff;--home-banner-icons-container-border-color:rgba(255,255,255,0.35);--home-banner-icons-container-background-color:rgba(255,255,255,0.3);--redefine-box-shadow:var(--shadow-color-2) 0px 6px 24px 0px,var(--shadow-color-1) 0px 0px 0px 1px;--redefine-box-shadow-hover:var(--shadow-color-2) 0px 6px 24px 0px,var(--shadow-color-1) 0px 0px 0px 1px,var(--shadow-color-1) 0px 0px 0px 1px inset;--redefine-box-shadow-flat:var(--shadow-color-2) 0px 1px 4px 0px,var(--shadow-color-1) 0px 0px 0px 1px;--redefine-box-shadow-flat-hover:var(--shadow-color-2) 0px 1px 4px 0px,var(--shadow-color-1) 0px 0px 0px 1px,var(--shadow-color-1) 0px 0px 0px 1px inset;--mermaid-theme:''}@media (prefers-color-scheme:light){:root{--background-color:#fff;--background-color-transparent:rgba(255,255,255,0.6);--background-color-transparent-15:rgba(255,255,255,0.15);--background-color-transparent-40:rgba(255,255,255,0.4);--background-color-transparent-80:rgba(255,255,255,0.8);--second-background-color:#fafafa;--third-background-color:#f7f7f7;--third-background-color-transparent:rgba(241,241,241,0.6);--primary-color:#a31f34;--first-text-color:#323739;--second-text-color:#343a3c;--third-text-color:#5c6669;--fourth-text-color:#eaeced;--default-text-color:#373d3f;--invert-text-color:#bebec6;--border-color:rgba(0,0,0,0.08);--selection-color:#be243c;--shadow-color-1:rgba(0,0,0,0.08);--shadow-color-2:rgba(0,0,0,0.05);--shadow-hover-color:rgba(0,0,0,0.28);--scrollbar-color:#c1c1c1;--scrollbar-color-hover:#a1a1a1;--scroll-bar-bg-color:#fafafa;--link-color:#323739;--copyright-info-color:#c03;--avatar-background-color:#06c;--pjax-progress-bar-color:linear-gradient(45deg, #f10006, #ef5b00, #e59c01, #19ca05, #00cab5, #0264c8, #c303c3);--archive-timeline-last-child-color:linear-gradient(to bottom, #e8e8e8 60%, rgba(0,0,0,0) 100%) 1 100%;--note-blue-title-bg:#d6f7fb;--note-red-title-bg:#fde9e9;--note-cyan-title-bg:#e9fdf9;--note-green-title-bg:#e9fde9;--note-yellow-title-bg:#fdf9e9;--note-gray-title-bg:#f9f9f9;--note-type-title-bg:#fdf3e9;--note-black-title-bg:#e9e9e9;--note-purple-title-bg:#f9e9fd;--home-banner-text-color:#fff;--home-banner-icons-container-border-color:rgba(255,255,255,0.35);--home-banner-icons-container-background-color:rgba(255,255,255,0.3);--redefine-box-shadow:var(--shadow-color-2) 0px 6px 24px 0px,var(--shadow-color-1) 0px 0px 0px 1px;--redefine-box-shadow-hover:var(--shadow-color-2) 0px 6px 24px 0px,var(--shadow-color-1) 0px 0px 0px 1px,var(--shadow-color-1) 0px 0px 0px 1px inset;--redefine-box-shadow-flat:var(--shadow-color-2) 0px 1px 4px 0px,var(--shadow-color-1) 0px 0px 0px 1px;--redefine-box-shadow-flat-hover:var(--shadow-color-2) 0px 1px 4px 0px,var(--shadow-color-1) 0px 0px 0px 1px,var(--shadow-color-1) 0px 0px 0px 1px inset;--mermaid-theme:''}}@media (prefers-color-scheme:dark){:root{--background-color:#202124;--background-color-transparent:rgba(32,33,36,0.4);--background-color-transparent-15:rgba(32,33,36,0.15);--background-color-transparent-40:rgba(32,33,36,0.4);--background-color-transparent-80:rgba(32,33,36,0.8);--second-background-color:#242529;--third-background-color:#292b2f;--third-background-color-transparent:rgba(32,33,36,0.6);--primary-color:#a31f34;--first-text-color:#d2d2d7;--second-text-color:#cbcbd1;--third-text-color:#9595a2;--fourth-text-color:#242429;--default-text-color:#bebec6;--invert-text-color:#373d3f;--border-color:rgba(255,255,255,0.08);--selection-color:#be243c;--shadow-color-1:rgba(255,255,255,0.08);--shadow-color-2:rgba(255,255,255,0.05);--shadow-hover-color:rgba(69,69,69,0.28);--scrollbar-color:#898989;--scrollbar-color-hover:#a1a1a1;--scroll-bar-bg-color:#2a2c30;--link-color:#c5c5cc;--copyright-info-color:#a30029;--avatar-background-color:#005cb8;--pjax-progress-bar-color:linear-gradient(45deg, #ea404a, #ea722f, #e9a71f, #67e559, #18ecec, #1b85f1, #ee1dee);--archive-timeline-last-child-color:linear-gradient(to bottom, #323232 60%, rgba(255,255,255,0) 100%) 1 100%;--note-blue-title-bg:#1e3e46;--note-red-title-bg:#4e1e1e;--note-cyan-title-bg:#1e4e4e;--note-green-title-bg:#1e4e1e;--note-yellow-title-bg:#4e4e1e;--note-gray-title-bg:#4e4e4e;--note-type-title-bg:#4e3a1e;--note-black-title-bg:#1e1e1e;--note-purple-title-bg:#4e1e4e;--home-banner-text-color:#d1d1b6;--home-banner-icons-container-border-color:rgba(197,197,197,0.35);--home-banner-icons-container-background-color:rgba(197,197,197,0.3);--redefine-box-shadow:var(--shadow-color-2) 0px 6px 24px 0px,var(--shadow-color-1) 0px 0px 0px 1px;--redefine-box-shadow-hover:var(--shadow-color-2) 0px 6px 24px 0px,var(--shadow-color-1) 0px 0px 0px 1px,var(--shadow-color-1) 0px 0px 0px 1px inset;--redefine-box-shadow-flat:var(--shadow-color-2) 0px 1px 4px 0px,var(--shadow-color-1) 0px 0px 0px 1px;--redefine-box-shadow-flat-hover:var(--shadow-color-2) 0px 1px 4px 0px,var(--shadow-color-1) 0px 0px 0px 1px,var(--shadow-color-1) 0px 0px 0px 1px inset;--mermaid-theme:''}}.light-mode{--background-color:#fff;--background-color-transparent:rgba(255,255,255,0.6);--background-color-transparent-15:rgba(255,255,255,0.15);--background-color-transparent-40:rgba(255,255,255,0.4);--background-color-transparent-80:rgba(255,255,255,0.8);--second-background-color:#fafafa;--third-background-color:#f7f7f7;--third-background-color-transparent:rgba(241,241,241,0.6);--primary-color:#a31f34;--first-text-color:#323739;--second-text-color:#343a3c;--third-text-color:#5c6669;--fourth-text-color:#eaeced;--default-text-color:#373d3f;--invert-text-color:#bebec6;--border-color:rgba(0,0,0,0.08);--selection-color:#be243c;--shadow-color-1:rgba(0,0,0,0.08);--shadow-color-2:rgba(0,0,0,0.05);--shadow-hover-color:rgba(0,0,0,0.28);--scrollbar-color:#c1c1c1;--scrollbar-color-hover:#a1a1a1;--scroll-bar-bg-color:#fafafa;--link-color:#323739;--copyright-info-color:#c03;--avatar-background-color:#06c;--pjax-progress-bar-color:linear-gradient(45deg, #f10006, #ef5b00, #e59c01, #19ca05, #00cab5, #0264c8, #c303c3);--archive-timeline-last-child-color:linear-gradient(to bottom, #e8e8e8 60%, rgba(0,0,0,0) 100%) 1 100%;--note-blue-title-bg:#d6f7fb;--note-red-title-bg:#fde9e9;--note-cyan-title-bg:#e9fdf9;--note-green-title-bg:#e9fde9;--note-yellow-title-bg:#fdf9e9;--note-gray-title-bg:#f9f9f9;--note-type-title-bg:#fdf3e9;--note-black-title-bg:#e9e9e9;--note-purple-title-bg:#f9e9fd;--home-banner-text-color:#fff;--home-banner-icons-container-border-color:rgba(255,255,255,0.35);--home-banner-icons-container-background-color:rgba(255,255,255,0.3);--redefine-box-shadow:var(--shadow-color-2) 0px 6px 24px 0px,var(--shadow-color-1) 0px 0px 0px 1px;--redefine-box-shadow-hover:var(--shadow-color-2) 0px 6px 24px 0px,var(--shadow-color-1) 0px 0px 0px 1px,var(--shadow-color-1) 0px 0px 0px 1px inset;--redefine-box-shadow-flat:var(--shadow-color-2) 0px 1px 4px 0px,var(--shadow-color-1) 0px 0px 0px 1px;--redefine-box-shadow-flat-hover:var(--shadow-color-2) 0px 1px 4px 0px,var(--shadow-color-1) 0px 0px 0px 1px,var(--shadow-color-1) 0px 0px 0px 1px inset;--mermaid-theme:''}.dark-mode{--background-color:#202124;--background-color-transparent:rgba(32,33,36,0.4);--background-color-transparent-15:rgba(32,33,36,0.15);--background-color-transparent-40:rgba(32,33,36,0.4);--background-color-transparent-80:rgba(32,33,36,0.8);--second-background-color:#242529;--third-background-color:#292b2f;--third-background-color-transparent:rgba(32,33,36,0.6);--primary-color:#a31f34;--first-text-color:#d2d2d7;--second-text-color:#cbcbd1;--third-text-color:#9595a2;--fourth-text-color:#242429;--default-text-color:#bebec6;--invert-text-color:#373d3f;--border-color:rgba(255,255,255,0.08);--selection-color:#be243c;--shadow-color-1:rgba(255,255,255,0.08);--shadow-color-2:rgba(255,255,255,0.05);--shadow-hover-color:rgba(69,69,69,0.28);--scrollbar-color:#898989;--scrollbar-color-hover:#a1a1a1;--scroll-bar-bg-color:#2a2c30;--link-color:#c5c5cc;--copyright-info-color:#a30029;--avatar-background-color:#005cb8;--pjax-progress-bar-color:linear-gradient(45deg, #ea404a, #ea722f, #e9a71f, #67e559, #18ecec, #1b85f1, #ee1dee);--archive-timeline-last-child-color:linear-gradient(to bottom, #323232 60%, rgba(255,255,255,0) 100%) 1 100%;--note-blue-title-bg:#1e3e46;--note-red-title-bg:#4e1e1e;--note-cyan-title-bg:#1e4e4e;--note-green-title-bg:#1e4e1e;--note-yellow-title-bg:#4e4e1e;--note-gray-title-bg:#4e4e4e;--note-type-title-bg:#4e3a1e;--note-black-title-bg:#1e1e1e;--note-purple-title-bg:#4e1e4e;--home-banner-text-color:#d1d1b6;--home-banner-icons-container-border-color:rgba(197,197,197,0.35);--home-banner-icons-container-background-color:rgba(197,197,197,0.3);--redefine-box-shadow:var(--shadow-color-2) 0px 6px 24px 0px,var(--shadow-color-1) 0px 0px 0px 1px;--redefine-box-shadow-hover:var(--shadow-color-2) 0px 6px 24px 0px,var(--shadow-color-1) 0px 0px 0px 1px,var(--shadow-color-1) 0px 0px 0px 1px inset;--redefine-box-shadow-flat:var(--shadow-color-2) 0px 1px 4px 0px,var(--shadow-color-1) 0px 0px 0px 1px;--redefine-box-shadow-flat-hover:var(--shadow-color-2) 0px 1px 4px 0px,var(--shadow-color-1) 0px 0px 0px 1px,var(--shadow-color-1) 0px 0px 0px 1px inset;--mermaid-theme:''}.home-sidebar-container{width:240px;height:auto;margin:0 38px}@media (max-width:768px){.home-sidebar-container{margin:0 19px}}@media (max-width:640px){.home-sidebar-container{display:none}}.home-sidebar-container .sticky-container{top:70px}.home-sidebar-container .sidebar-content[marginTop]{margin-top:22.8px}.home-sidebar-container .sidebar-content .avatar img{width:80px;height:80px;border-radius:18px;box-shadow:var(--redefine-box-shadow-flat);border:1px solid var(--border-color);padding:1px}.home-sidebar-container .sidebar-content .avatar img:hover{box-shadow:var(--redefine-box-shadow)}.home-sidebar-container .sidebar-content .author .name{text-align:center;font-size:1.2rem;font-weight:600;color:var(--second-text-color)}.home-sidebar-container .sidebar-content .author .label{text-align:center;font-size:.8rem;color:var(--third-text-color)}.home-sidebar-container .sidebar-links{overflow:hidden}.home-sidebar-container .sidebar-links[marginTop]{margin-top:22.8px}.home-sidebar-container .sidebar-links .site-info{background-color:var(--second-background-color);margin:-15px -15px 10px -15px;border-radius:18px 18px 0 0;padding:15px;border-bottom:1px solid var(--border-color)}.home-sidebar-container .sidebar-links .site-info .site-name{font-size:1.2rem;font-weight:500;color:var(--second-text-color);font-family:Chillax-Variable,sans-serif;text-align:center}.home-sidebar-container .sidebar-links .site-info .announcement{font-size:.9rem;color:var(--third-text-color);text-align:center;margin-top:10px;margin-bottom:5px}.home-sidebar-container .sidebar-links .links{padding:5px 0;display:flex;justify-content:center;align-items:center;color:var(--second-text-color);text-align:left;border-radius:9px;cursor:pointer;font-family:Satoshi-Variable,Noto Sans SC,-apple-system,system-ui,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,BlinkMacSystemFont,Helvetica Neue,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Arial}.home-sidebar-container .sidebar-links .links .link-name{font-weight:450}.home-sidebar-container .sidebar-links .links .icon-space{margin-right:5px}.home-sidebar-container .sidebar-links .links:hover{color:var(--primary-color);background-color:var(--second-background-color)}.home-sidebar-container .sidebar-links .links .icon{font-size:1.2rem}.home-sidebar-container .sidebar-links .links .label{font-size:.8rem}.home-sidebar-container .sidebar-links .announcement-outside{display:flex;justify-content:center;align-items:center;margin-top:10px;margin-bottom:5px;padding:5px 0;color:var(--second-text-color);text-align:center} /* rebuild by neat */ \ No newline at end of file diff --git a/css/layout/page.css b/css/layout/page.css index 08fcc11..0c65b16 100644 --- a/css/layout/page.css +++ b/css/layout/page.css @@ -1,3 +1,3 @@ -/* build time:Mon May 06 2024 14:54:11 GMT+0800 (中国标准时间)*/ +/* build time:Mon May 06 2024 15:22:02 GMT+0800 (中国标准时间)*/ :root{--background-color:#fff;--background-color-transparent:rgba(255,255,255,0.6);--background-color-transparent-15:rgba(255,255,255,0.15);--background-color-transparent-40:rgba(255,255,255,0.4);--background-color-transparent-80:rgba(255,255,255,0.8);--second-background-color:#fafafa;--third-background-color:#f7f7f7;--third-background-color-transparent:rgba(241,241,241,0.6);--primary-color:#a31f34;--first-text-color:#323739;--second-text-color:#343a3c;--third-text-color:#5c6669;--fourth-text-color:#eaeced;--default-text-color:#373d3f;--invert-text-color:#bebec6;--border-color:rgba(0,0,0,0.08);--selection-color:#be243c;--shadow-color-1:rgba(0,0,0,0.08);--shadow-color-2:rgba(0,0,0,0.05);--shadow-hover-color:rgba(0,0,0,0.28);--scrollbar-color:#c1c1c1;--scrollbar-color-hover:#a1a1a1;--scroll-bar-bg-color:#fafafa;--link-color:#323739;--copyright-info-color:#c03;--avatar-background-color:#06c;--pjax-progress-bar-color:linear-gradient(45deg, #f10006, #ef5b00, #e59c01, #19ca05, #00cab5, #0264c8, #c303c3);--archive-timeline-last-child-color:linear-gradient(to bottom, #e8e8e8 60%, rgba(0,0,0,0) 100%) 1 100%;--note-blue-title-bg:#d6f7fb;--note-red-title-bg:#fde9e9;--note-cyan-title-bg:#e9fdf9;--note-green-title-bg:#e9fde9;--note-yellow-title-bg:#fdf9e9;--note-gray-title-bg:#f9f9f9;--note-type-title-bg:#fdf3e9;--note-black-title-bg:#e9e9e9;--note-purple-title-bg:#f9e9fd;--home-banner-text-color:#fff;--home-banner-icons-container-border-color:rgba(255,255,255,0.35);--home-banner-icons-container-background-color:rgba(255,255,255,0.3);--redefine-box-shadow:var(--shadow-color-2) 0px 6px 24px 0px,var(--shadow-color-1) 0px 0px 0px 1px;--redefine-box-shadow-hover:var(--shadow-color-2) 0px 6px 24px 0px,var(--shadow-color-1) 0px 0px 0px 1px,var(--shadow-color-1) 0px 0px 0px 1px inset;--redefine-box-shadow-flat:var(--shadow-color-2) 0px 1px 4px 0px,var(--shadow-color-1) 0px 0px 0px 1px;--redefine-box-shadow-flat-hover:var(--shadow-color-2) 0px 1px 4px 0px,var(--shadow-color-1) 0px 0px 0px 1px,var(--shadow-color-1) 0px 0px 0px 1px inset;--mermaid-theme:''}@media (prefers-color-scheme:light){:root{--background-color:#fff;--background-color-transparent:rgba(255,255,255,0.6);--background-color-transparent-15:rgba(255,255,255,0.15);--background-color-transparent-40:rgba(255,255,255,0.4);--background-color-transparent-80:rgba(255,255,255,0.8);--second-background-color:#fafafa;--third-background-color:#f7f7f7;--third-background-color-transparent:rgba(241,241,241,0.6);--primary-color:#a31f34;--first-text-color:#323739;--second-text-color:#343a3c;--third-text-color:#5c6669;--fourth-text-color:#eaeced;--default-text-color:#373d3f;--invert-text-color:#bebec6;--border-color:rgba(0,0,0,0.08);--selection-color:#be243c;--shadow-color-1:rgba(0,0,0,0.08);--shadow-color-2:rgba(0,0,0,0.05);--shadow-hover-color:rgba(0,0,0,0.28);--scrollbar-color:#c1c1c1;--scrollbar-color-hover:#a1a1a1;--scroll-bar-bg-color:#fafafa;--link-color:#323739;--copyright-info-color:#c03;--avatar-background-color:#06c;--pjax-progress-bar-color:linear-gradient(45deg, #f10006, #ef5b00, #e59c01, #19ca05, #00cab5, #0264c8, #c303c3);--archive-timeline-last-child-color:linear-gradient(to bottom, #e8e8e8 60%, rgba(0,0,0,0) 100%) 1 100%;--note-blue-title-bg:#d6f7fb;--note-red-title-bg:#fde9e9;--note-cyan-title-bg:#e9fdf9;--note-green-title-bg:#e9fde9;--note-yellow-title-bg:#fdf9e9;--note-gray-title-bg:#f9f9f9;--note-type-title-bg:#fdf3e9;--note-black-title-bg:#e9e9e9;--note-purple-title-bg:#f9e9fd;--home-banner-text-color:#fff;--home-banner-icons-container-border-color:rgba(255,255,255,0.35);--home-banner-icons-container-background-color:rgba(255,255,255,0.3);--redefine-box-shadow:var(--shadow-color-2) 0px 6px 24px 0px,var(--shadow-color-1) 0px 0px 0px 1px;--redefine-box-shadow-hover:var(--shadow-color-2) 0px 6px 24px 0px,var(--shadow-color-1) 0px 0px 0px 1px,var(--shadow-color-1) 0px 0px 0px 1px inset;--redefine-box-shadow-flat:var(--shadow-color-2) 0px 1px 4px 0px,var(--shadow-color-1) 0px 0px 0px 1px;--redefine-box-shadow-flat-hover:var(--shadow-color-2) 0px 1px 4px 0px,var(--shadow-color-1) 0px 0px 0px 1px,var(--shadow-color-1) 0px 0px 0px 1px inset;--mermaid-theme:''}}@media (prefers-color-scheme:dark){:root{--background-color:#202124;--background-color-transparent:rgba(32,33,36,0.4);--background-color-transparent-15:rgba(32,33,36,0.15);--background-color-transparent-40:rgba(32,33,36,0.4);--background-color-transparent-80:rgba(32,33,36,0.8);--second-background-color:#242529;--third-background-color:#292b2f;--third-background-color-transparent:rgba(32,33,36,0.6);--primary-color:#a31f34;--first-text-color:#d2d2d7;--second-text-color:#cbcbd1;--third-text-color:#9595a2;--fourth-text-color:#242429;--default-text-color:#bebec6;--invert-text-color:#373d3f;--border-color:rgba(255,255,255,0.08);--selection-color:#be243c;--shadow-color-1:rgba(255,255,255,0.08);--shadow-color-2:rgba(255,255,255,0.05);--shadow-hover-color:rgba(69,69,69,0.28);--scrollbar-color:#898989;--scrollbar-color-hover:#a1a1a1;--scroll-bar-bg-color:#2a2c30;--link-color:#c5c5cc;--copyright-info-color:#a30029;--avatar-background-color:#005cb8;--pjax-progress-bar-color:linear-gradient(45deg, #ea404a, #ea722f, #e9a71f, #67e559, #18ecec, #1b85f1, #ee1dee);--archive-timeline-last-child-color:linear-gradient(to bottom, #323232 60%, rgba(255,255,255,0) 100%) 1 100%;--note-blue-title-bg:#1e3e46;--note-red-title-bg:#4e1e1e;--note-cyan-title-bg:#1e4e4e;--note-green-title-bg:#1e4e1e;--note-yellow-title-bg:#4e4e1e;--note-gray-title-bg:#4e4e4e;--note-type-title-bg:#4e3a1e;--note-black-title-bg:#1e1e1e;--note-purple-title-bg:#4e1e4e;--home-banner-text-color:#d1d1b6;--home-banner-icons-container-border-color:rgba(197,197,197,0.35);--home-banner-icons-container-background-color:rgba(197,197,197,0.3);--redefine-box-shadow:var(--shadow-color-2) 0px 6px 24px 0px,var(--shadow-color-1) 0px 0px 0px 1px;--redefine-box-shadow-hover:var(--shadow-color-2) 0px 6px 24px 0px,var(--shadow-color-1) 0px 0px 0px 1px,var(--shadow-color-1) 0px 0px 0px 1px inset;--redefine-box-shadow-flat:var(--shadow-color-2) 0px 1px 4px 0px,var(--shadow-color-1) 0px 0px 0px 1px;--redefine-box-shadow-flat-hover:var(--shadow-color-2) 0px 1px 4px 0px,var(--shadow-color-1) 0px 0px 0px 1px,var(--shadow-color-1) 0px 0px 0px 1px inset;--mermaid-theme:''}}.light-mode{--background-color:#fff;--background-color-transparent:rgba(255,255,255,0.6);--background-color-transparent-15:rgba(255,255,255,0.15);--background-color-transparent-40:rgba(255,255,255,0.4);--background-color-transparent-80:rgba(255,255,255,0.8);--second-background-color:#fafafa;--third-background-color:#f7f7f7;--third-background-color-transparent:rgba(241,241,241,0.6);--primary-color:#a31f34;--first-text-color:#323739;--second-text-color:#343a3c;--third-text-color:#5c6669;--fourth-text-color:#eaeced;--default-text-color:#373d3f;--invert-text-color:#bebec6;--border-color:rgba(0,0,0,0.08);--selection-color:#be243c;--shadow-color-1:rgba(0,0,0,0.08);--shadow-color-2:rgba(0,0,0,0.05);--shadow-hover-color:rgba(0,0,0,0.28);--scrollbar-color:#c1c1c1;--scrollbar-color-hover:#a1a1a1;--scroll-bar-bg-color:#fafafa;--link-color:#323739;--copyright-info-color:#c03;--avatar-background-color:#06c;--pjax-progress-bar-color:linear-gradient(45deg, #f10006, #ef5b00, #e59c01, #19ca05, #00cab5, #0264c8, #c303c3);--archive-timeline-last-child-color:linear-gradient(to bottom, #e8e8e8 60%, rgba(0,0,0,0) 100%) 1 100%;--note-blue-title-bg:#d6f7fb;--note-red-title-bg:#fde9e9;--note-cyan-title-bg:#e9fdf9;--note-green-title-bg:#e9fde9;--note-yellow-title-bg:#fdf9e9;--note-gray-title-bg:#f9f9f9;--note-type-title-bg:#fdf3e9;--note-black-title-bg:#e9e9e9;--note-purple-title-bg:#f9e9fd;--home-banner-text-color:#fff;--home-banner-icons-container-border-color:rgba(255,255,255,0.35);--home-banner-icons-container-background-color:rgba(255,255,255,0.3);--redefine-box-shadow:var(--shadow-color-2) 0px 6px 24px 0px,var(--shadow-color-1) 0px 0px 0px 1px;--redefine-box-shadow-hover:var(--shadow-color-2) 0px 6px 24px 0px,var(--shadow-color-1) 0px 0px 0px 1px,var(--shadow-color-1) 0px 0px 0px 1px inset;--redefine-box-shadow-flat:var(--shadow-color-2) 0px 1px 4px 0px,var(--shadow-color-1) 0px 0px 0px 1px;--redefine-box-shadow-flat-hover:var(--shadow-color-2) 0px 1px 4px 0px,var(--shadow-color-1) 0px 0px 0px 1px,var(--shadow-color-1) 0px 0px 0px 1px inset;--mermaid-theme:''}.dark-mode{--background-color:#202124;--background-color-transparent:rgba(32,33,36,0.4);--background-color-transparent-15:rgba(32,33,36,0.15);--background-color-transparent-40:rgba(32,33,36,0.4);--background-color-transparent-80:rgba(32,33,36,0.8);--second-background-color:#242529;--third-background-color:#292b2f;--third-background-color-transparent:rgba(32,33,36,0.6);--primary-color:#a31f34;--first-text-color:#d2d2d7;--second-text-color:#cbcbd1;--third-text-color:#9595a2;--fourth-text-color:#242429;--default-text-color:#bebec6;--invert-text-color:#373d3f;--border-color:rgba(255,255,255,0.08);--selection-color:#be243c;--shadow-color-1:rgba(255,255,255,0.08);--shadow-color-2:rgba(255,255,255,0.05);--shadow-hover-color:rgba(69,69,69,0.28);--scrollbar-color:#898989;--scrollbar-color-hover:#a1a1a1;--scroll-bar-bg-color:#2a2c30;--link-color:#c5c5cc;--copyright-info-color:#a30029;--avatar-background-color:#005cb8;--pjax-progress-bar-color:linear-gradient(45deg, #ea404a, #ea722f, #e9a71f, #67e559, #18ecec, #1b85f1, #ee1dee);--archive-timeline-last-child-color:linear-gradient(to bottom, #323232 60%, rgba(255,255,255,0) 100%) 1 100%;--note-blue-title-bg:#1e3e46;--note-red-title-bg:#4e1e1e;--note-cyan-title-bg:#1e4e4e;--note-green-title-bg:#1e4e1e;--note-yellow-title-bg:#4e4e1e;--note-gray-title-bg:#4e4e4e;--note-type-title-bg:#4e3a1e;--note-black-title-bg:#1e1e1e;--note-purple-title-bg:#4e1e4e;--home-banner-text-color:#d1d1b6;--home-banner-icons-container-border-color:rgba(197,197,197,0.35);--home-banner-icons-container-background-color:rgba(197,197,197,0.3);--redefine-box-shadow:var(--shadow-color-2) 0px 6px 24px 0px,var(--shadow-color-1) 0px 0px 0px 1px;--redefine-box-shadow-hover:var(--shadow-color-2) 0px 6px 24px 0px,var(--shadow-color-1) 0px 0px 0px 1px,var(--shadow-color-1) 0px 0px 0px 1px inset;--redefine-box-shadow-flat:var(--shadow-color-2) 0px 1px 4px 0px,var(--shadow-color-1) 0px 0px 0px 1px;--redefine-box-shadow-flat-hover:var(--shadow-color-2) 0px 1px 4px 0px,var(--shadow-color-1) 0px 0px 0px 1px,var(--shadow-color-1) 0px 0px 0px 1px inset;--mermaid-theme:''}.page-container{position:relative;box-sizing:border-box;width:100%;height:auto;background:var(--background-color)}@media (max-width:768px){.page-container{padding-right:0!important}}.page-container .main-content-container{padding-top:70px;position:relative;transition:padding .2s ease}.navbar-shrink .page-container .main-content-container{padding-top:50.4px;transition:padding .2s ease}@media (max-width:768px){.navbar-shrink .page-container .main-content-container{padding-top:45.36px}}@media (max-width:640px){.navbar-shrink .page-container .main-content-container{padding-top:40.32px}}@media (max-width:768px){.page-container .main-content-container{padding-top:63px}}@media (max-width:640px){.page-container .main-content-container{padding-top:56px}}.page-container .main-content-container .main-content-header{position:fixed;top:0;right:0;width:100%;height:70px;z-index:1005;box-sizing:border-box}.page-container .main-content-container .main-content-header.hide{transform:translateY(-105%)}.navbar-shrink .page-container .main-content-container .main-content-header{height:50.4px}@media (max-width:768px){.navbar-shrink .page-container .main-content-container .main-content-header{height:45.36px}}@media (max-width:640px){.navbar-shrink .page-container .main-content-container .main-content-header{height:40.32px}}@media (max-width:768px){.page-container .main-content-container .main-content-header{height:63px;padding-left:0!important}}@media (max-width:640px){.page-container .main-content-container .main-content-header{height:56px}}.page-container .main-content-container .main-content-body{box-sizing:border-box;width:100%;display:flex;justify-content:center;padding:38px 0}@media (max-width:768px){.page-container .main-content-container .main-content-body{padding:30.400000000000002px 0}}@media (max-width:640px){.page-container .main-content-container .main-content-body{border:none!important;padding-top:0}}.page-container .main-content-container .main-content-body .main-content{position:relative;box-sizing:border-box;width:80%;max-width:1000px;height:100%}@media (max-width:768px){.page-container .main-content-container .main-content-body .main-content{width:86%}}@media (max-width:640px){.page-container .main-content-container .main-content-body .main-content{width:90%}}.page-container .main-content-container .main-content-body .main-content.has-toc{max-width:1200px!important}.page-container .main-content-container .main-content-body .main-content-footer{width:100%}.page-container .post-tools{position:fixed;top:108px;right:38px}.navbar-shrink .page-container .post-tools{top:88.4px}@media (max-width:768px){.navbar-shrink .page-container .post-tools{top:83.36px}}@media (max-width:640px){.navbar-shrink .page-container .post-tools{top:78.32px}}@media (max-width:768px){.page-container .post-tools{top:101px;right:10px;transform:scale(.82);transform-origin:right top}}@media (max-width:640px){.page-container .post-tools{display:none;top:94px;right:5px;transform:scale(.72)}}.page-container .right-side-tools-container{position:fixed;bottom:5%;right:38px;opacity:1;transition:opacity .2s ease}.page-container .right-side-tools-container.hide{opacity:0;pointer-events:none;transition:opacity .2s ease}@media (max-width:640px){.page-container .right-side-tools-container{right:12px}}.transition-fade{transition:.4s;opacity:1}html.is-animating .transition-fade{opacity:0;transition:.4s} /* rebuild by neat */ \ No newline at end of file diff --git a/css/layout/tag-content.css b/css/layout/tag-content.css index e70d999..e9bc077 100644 --- a/css/layout/tag-content.css +++ b/css/layout/tag-content.css @@ -1,3 +1,3 @@ -/* build time:Mon May 06 2024 14:54:11 GMT+0800 (中国标准时间)*/ +/* build time:Mon May 06 2024 15:22:02 GMT+0800 (中国标准时间)*/ :root{--background-color:#fff;--background-color-transparent:rgba(255,255,255,0.6);--background-color-transparent-15:rgba(255,255,255,0.15);--background-color-transparent-40:rgba(255,255,255,0.4);--background-color-transparent-80:rgba(255,255,255,0.8);--second-background-color:#fafafa;--third-background-color:#f7f7f7;--third-background-color-transparent:rgba(241,241,241,0.6);--primary-color:#a31f34;--first-text-color:#323739;--second-text-color:#343a3c;--third-text-color:#5c6669;--fourth-text-color:#eaeced;--default-text-color:#373d3f;--invert-text-color:#bebec6;--border-color:rgba(0,0,0,0.08);--selection-color:#be243c;--shadow-color-1:rgba(0,0,0,0.08);--shadow-color-2:rgba(0,0,0,0.05);--shadow-hover-color:rgba(0,0,0,0.28);--scrollbar-color:#c1c1c1;--scrollbar-color-hover:#a1a1a1;--scroll-bar-bg-color:#fafafa;--link-color:#323739;--copyright-info-color:#c03;--avatar-background-color:#06c;--pjax-progress-bar-color:linear-gradient(45deg, #f10006, #ef5b00, #e59c01, #19ca05, #00cab5, #0264c8, #c303c3);--archive-timeline-last-child-color:linear-gradient(to bottom, #e8e8e8 60%, rgba(0,0,0,0) 100%) 1 100%;--note-blue-title-bg:#d6f7fb;--note-red-title-bg:#fde9e9;--note-cyan-title-bg:#e9fdf9;--note-green-title-bg:#e9fde9;--note-yellow-title-bg:#fdf9e9;--note-gray-title-bg:#f9f9f9;--note-type-title-bg:#fdf3e9;--note-black-title-bg:#e9e9e9;--note-purple-title-bg:#f9e9fd;--home-banner-text-color:#fff;--home-banner-icons-container-border-color:rgba(255,255,255,0.35);--home-banner-icons-container-background-color:rgba(255,255,255,0.3);--redefine-box-shadow:var(--shadow-color-2) 0px 6px 24px 0px,var(--shadow-color-1) 0px 0px 0px 1px;--redefine-box-shadow-hover:var(--shadow-color-2) 0px 6px 24px 0px,var(--shadow-color-1) 0px 0px 0px 1px,var(--shadow-color-1) 0px 0px 0px 1px inset;--redefine-box-shadow-flat:var(--shadow-color-2) 0px 1px 4px 0px,var(--shadow-color-1) 0px 0px 0px 1px;--redefine-box-shadow-flat-hover:var(--shadow-color-2) 0px 1px 4px 0px,var(--shadow-color-1) 0px 0px 0px 1px,var(--shadow-color-1) 0px 0px 0px 1px inset;--mermaid-theme:''}@media (prefers-color-scheme:light){:root{--background-color:#fff;--background-color-transparent:rgba(255,255,255,0.6);--background-color-transparent-15:rgba(255,255,255,0.15);--background-color-transparent-40:rgba(255,255,255,0.4);--background-color-transparent-80:rgba(255,255,255,0.8);--second-background-color:#fafafa;--third-background-color:#f7f7f7;--third-background-color-transparent:rgba(241,241,241,0.6);--primary-color:#a31f34;--first-text-color:#323739;--second-text-color:#343a3c;--third-text-color:#5c6669;--fourth-text-color:#eaeced;--default-text-color:#373d3f;--invert-text-color:#bebec6;--border-color:rgba(0,0,0,0.08);--selection-color:#be243c;--shadow-color-1:rgba(0,0,0,0.08);--shadow-color-2:rgba(0,0,0,0.05);--shadow-hover-color:rgba(0,0,0,0.28);--scrollbar-color:#c1c1c1;--scrollbar-color-hover:#a1a1a1;--scroll-bar-bg-color:#fafafa;--link-color:#323739;--copyright-info-color:#c03;--avatar-background-color:#06c;--pjax-progress-bar-color:linear-gradient(45deg, #f10006, #ef5b00, #e59c01, #19ca05, #00cab5, #0264c8, #c303c3);--archive-timeline-last-child-color:linear-gradient(to bottom, #e8e8e8 60%, rgba(0,0,0,0) 100%) 1 100%;--note-blue-title-bg:#d6f7fb;--note-red-title-bg:#fde9e9;--note-cyan-title-bg:#e9fdf9;--note-green-title-bg:#e9fde9;--note-yellow-title-bg:#fdf9e9;--note-gray-title-bg:#f9f9f9;--note-type-title-bg:#fdf3e9;--note-black-title-bg:#e9e9e9;--note-purple-title-bg:#f9e9fd;--home-banner-text-color:#fff;--home-banner-icons-container-border-color:rgba(255,255,255,0.35);--home-banner-icons-container-background-color:rgba(255,255,255,0.3);--redefine-box-shadow:var(--shadow-color-2) 0px 6px 24px 0px,var(--shadow-color-1) 0px 0px 0px 1px;--redefine-box-shadow-hover:var(--shadow-color-2) 0px 6px 24px 0px,var(--shadow-color-1) 0px 0px 0px 1px,var(--shadow-color-1) 0px 0px 0px 1px inset;--redefine-box-shadow-flat:var(--shadow-color-2) 0px 1px 4px 0px,var(--shadow-color-1) 0px 0px 0px 1px;--redefine-box-shadow-flat-hover:var(--shadow-color-2) 0px 1px 4px 0px,var(--shadow-color-1) 0px 0px 0px 1px,var(--shadow-color-1) 0px 0px 0px 1px inset;--mermaid-theme:''}}@media (prefers-color-scheme:dark){:root{--background-color:#202124;--background-color-transparent:rgba(32,33,36,0.4);--background-color-transparent-15:rgba(32,33,36,0.15);--background-color-transparent-40:rgba(32,33,36,0.4);--background-color-transparent-80:rgba(32,33,36,0.8);--second-background-color:#242529;--third-background-color:#292b2f;--third-background-color-transparent:rgba(32,33,36,0.6);--primary-color:#a31f34;--first-text-color:#d2d2d7;--second-text-color:#cbcbd1;--third-text-color:#9595a2;--fourth-text-color:#242429;--default-text-color:#bebec6;--invert-text-color:#373d3f;--border-color:rgba(255,255,255,0.08);--selection-color:#be243c;--shadow-color-1:rgba(255,255,255,0.08);--shadow-color-2:rgba(255,255,255,0.05);--shadow-hover-color:rgba(69,69,69,0.28);--scrollbar-color:#898989;--scrollbar-color-hover:#a1a1a1;--scroll-bar-bg-color:#2a2c30;--link-color:#c5c5cc;--copyright-info-color:#a30029;--avatar-background-color:#005cb8;--pjax-progress-bar-color:linear-gradient(45deg, #ea404a, #ea722f, #e9a71f, #67e559, #18ecec, #1b85f1, #ee1dee);--archive-timeline-last-child-color:linear-gradient(to bottom, #323232 60%, rgba(255,255,255,0) 100%) 1 100%;--note-blue-title-bg:#1e3e46;--note-red-title-bg:#4e1e1e;--note-cyan-title-bg:#1e4e4e;--note-green-title-bg:#1e4e1e;--note-yellow-title-bg:#4e4e1e;--note-gray-title-bg:#4e4e4e;--note-type-title-bg:#4e3a1e;--note-black-title-bg:#1e1e1e;--note-purple-title-bg:#4e1e4e;--home-banner-text-color:#d1d1b6;--home-banner-icons-container-border-color:rgba(197,197,197,0.35);--home-banner-icons-container-background-color:rgba(197,197,197,0.3);--redefine-box-shadow:var(--shadow-color-2) 0px 6px 24px 0px,var(--shadow-color-1) 0px 0px 0px 1px;--redefine-box-shadow-hover:var(--shadow-color-2) 0px 6px 24px 0px,var(--shadow-color-1) 0px 0px 0px 1px,var(--shadow-color-1) 0px 0px 0px 1px inset;--redefine-box-shadow-flat:var(--shadow-color-2) 0px 1px 4px 0px,var(--shadow-color-1) 0px 0px 0px 1px;--redefine-box-shadow-flat-hover:var(--shadow-color-2) 0px 1px 4px 0px,var(--shadow-color-1) 0px 0px 0px 1px,var(--shadow-color-1) 0px 0px 0px 1px inset;--mermaid-theme:''}}.light-mode{--background-color:#fff;--background-color-transparent:rgba(255,255,255,0.6);--background-color-transparent-15:rgba(255,255,255,0.15);--background-color-transparent-40:rgba(255,255,255,0.4);--background-color-transparent-80:rgba(255,255,255,0.8);--second-background-color:#fafafa;--third-background-color:#f7f7f7;--third-background-color-transparent:rgba(241,241,241,0.6);--primary-color:#a31f34;--first-text-color:#323739;--second-text-color:#343a3c;--third-text-color:#5c6669;--fourth-text-color:#eaeced;--default-text-color:#373d3f;--invert-text-color:#bebec6;--border-color:rgba(0,0,0,0.08);--selection-color:#be243c;--shadow-color-1:rgba(0,0,0,0.08);--shadow-color-2:rgba(0,0,0,0.05);--shadow-hover-color:rgba(0,0,0,0.28);--scrollbar-color:#c1c1c1;--scrollbar-color-hover:#a1a1a1;--scroll-bar-bg-color:#fafafa;--link-color:#323739;--copyright-info-color:#c03;--avatar-background-color:#06c;--pjax-progress-bar-color:linear-gradient(45deg, #f10006, #ef5b00, #e59c01, #19ca05, #00cab5, #0264c8, #c303c3);--archive-timeline-last-child-color:linear-gradient(to bottom, #e8e8e8 60%, rgba(0,0,0,0) 100%) 1 100%;--note-blue-title-bg:#d6f7fb;--note-red-title-bg:#fde9e9;--note-cyan-title-bg:#e9fdf9;--note-green-title-bg:#e9fde9;--note-yellow-title-bg:#fdf9e9;--note-gray-title-bg:#f9f9f9;--note-type-title-bg:#fdf3e9;--note-black-title-bg:#e9e9e9;--note-purple-title-bg:#f9e9fd;--home-banner-text-color:#fff;--home-banner-icons-container-border-color:rgba(255,255,255,0.35);--home-banner-icons-container-background-color:rgba(255,255,255,0.3);--redefine-box-shadow:var(--shadow-color-2) 0px 6px 24px 0px,var(--shadow-color-1) 0px 0px 0px 1px;--redefine-box-shadow-hover:var(--shadow-color-2) 0px 6px 24px 0px,var(--shadow-color-1) 0px 0px 0px 1px,var(--shadow-color-1) 0px 0px 0px 1px inset;--redefine-box-shadow-flat:var(--shadow-color-2) 0px 1px 4px 0px,var(--shadow-color-1) 0px 0px 0px 1px;--redefine-box-shadow-flat-hover:var(--shadow-color-2) 0px 1px 4px 0px,var(--shadow-color-1) 0px 0px 0px 1px,var(--shadow-color-1) 0px 0px 0px 1px inset;--mermaid-theme:''}.dark-mode{--background-color:#202124;--background-color-transparent:rgba(32,33,36,0.4);--background-color-transparent-15:rgba(32,33,36,0.15);--background-color-transparent-40:rgba(32,33,36,0.4);--background-color-transparent-80:rgba(32,33,36,0.8);--second-background-color:#242529;--third-background-color:#292b2f;--third-background-color-transparent:rgba(32,33,36,0.6);--primary-color:#a31f34;--first-text-color:#d2d2d7;--second-text-color:#cbcbd1;--third-text-color:#9595a2;--fourth-text-color:#242429;--default-text-color:#bebec6;--invert-text-color:#373d3f;--border-color:rgba(255,255,255,0.08);--selection-color:#be243c;--shadow-color-1:rgba(255,255,255,0.08);--shadow-color-2:rgba(255,255,255,0.05);--shadow-hover-color:rgba(69,69,69,0.28);--scrollbar-color:#898989;--scrollbar-color-hover:#a1a1a1;--scroll-bar-bg-color:#2a2c30;--link-color:#c5c5cc;--copyright-info-color:#a30029;--avatar-background-color:#005cb8;--pjax-progress-bar-color:linear-gradient(45deg, #ea404a, #ea722f, #e9a71f, #67e559, #18ecec, #1b85f1, #ee1dee);--archive-timeline-last-child-color:linear-gradient(to bottom, #323232 60%, rgba(255,255,255,0) 100%) 1 100%;--note-blue-title-bg:#1e3e46;--note-red-title-bg:#4e1e1e;--note-cyan-title-bg:#1e4e4e;--note-green-title-bg:#1e4e1e;--note-yellow-title-bg:#4e4e1e;--note-gray-title-bg:#4e4e4e;--note-type-title-bg:#4e3a1e;--note-black-title-bg:#1e1e1e;--note-purple-title-bg:#4e1e4e;--home-banner-text-color:#d1d1b6;--home-banner-icons-container-border-color:rgba(197,197,197,0.35);--home-banner-icons-container-background-color:rgba(197,197,197,0.3);--redefine-box-shadow:var(--shadow-color-2) 0px 6px 24px 0px,var(--shadow-color-1) 0px 0px 0px 1px;--redefine-box-shadow-hover:var(--shadow-color-2) 0px 6px 24px 0px,var(--shadow-color-1) 0px 0px 0px 1px,var(--shadow-color-1) 0px 0px 0px 1px inset;--redefine-box-shadow-flat:var(--shadow-color-2) 0px 1px 4px 0px,var(--shadow-color-1) 0px 0px 0px 1px;--redefine-box-shadow-flat-hover:var(--shadow-color-2) 0px 1px 4px 0px,var(--shadow-color-1) 0px 0px 0px 1px,var(--shadow-color-1) 0px 0px 0px 1px inset;--mermaid-theme:''}.tag-container .tag-name{color:var(--second-text-color);font-size:3rem;font-weight:600;padding-bottom:20px;margin-bottom:38px;border-bottom:1px solid var(--shadow-color-1)}.tag-container .tag-name i{color:var(--second-text-color)}@media (max-width:768px){.tag-container .tag-name{font-size:2.7rem}}@media (max-width:640px){.tag-container .tag-name{font-size:2.4rem}} /* rebuild by neat */ \ No newline at end of file diff --git a/css/style.css b/css/style.css index 0c48002..3de4ac2 100644 --- a/css/style.css +++ b/css/style.css @@ -1,3 +1,3 @@ -/* build time:Mon May 06 2024 14:54:10 GMT+0800 (中国标准时间)*/ +/* build time:Mon May 06 2024 15:22:02 GMT+0800 (中国标准时间)*/ @tailwind base;@tailwind components;@tailwind utilities;.fade-in-down-animation{animation-fill-mode:both;animation-duration:1s;animation-name:fade-in-down;will-change:transform}.title-hover-animation{display:inline-block;position:relative;border-bottom:none;line-height:1.3;vertical-align:top;color:var(--second-text-color)}.title-hover-animation::before{content:'';position:absolute;width:100%;height:2px;bottom:-4px;left:0;background-color:var(--second-text-color);visibility:hidden;transform:scaleX(0);transition-property:color,background,box-shadow,border-color,visibility,transform;transition-delay:0s,0s,0s,0s,0s,0s;transition-duration:.2s,.2s,.2s,.2s,.2s,.2s;transition-timing-function:ease,ease,ease,ease,ease-in-out,ease-in-out}@-moz-keyframes fade-in-down{0%{opacity:0;transform:translateY(-50px)}100%{opacity:1;transform:translateY(0)}}@-webkit-keyframes fade-in-down{0%{opacity:0;transform:translateY(-50px)}100%{opacity:1;transform:translateY(0)}}@-o-keyframes fade-in-down{0%{opacity:0;transform:translateY(-50px)}100%{opacity:1;transform:translateY(0)}}@keyframes fade-in-down{0%{opacity:0;transform:translateY(-50px)}100%{opacity:1;transform:translateY(0)}}@-moz-keyframes icon-animate{0%,100%{transform:scale(1)}10%,30%{transform:scale(.88)}20%,40%,60%,80%{transform:scale(1.08)}50%,70%{transform:scale(1.08)}}@-webkit-keyframes icon-animate{0%,100%{transform:scale(1)}10%,30%{transform:scale(.88)}20%,40%,60%,80%{transform:scale(1.08)}50%,70%{transform:scale(1.08)}}@-o-keyframes icon-animate{0%,100%{transform:scale(1)}10%,30%{transform:scale(.88)}20%,40%,60%,80%{transform:scale(1.08)}50%,70%{transform:scale(1.08)}}@keyframes icon-animate{0%,100%{transform:scale(1)}10%,30%{transform:scale(.88)}20%,40%,60%,80%{transform:scale(1.08)}50%,70%{transform:scale(1.08)}}:root{--background-color:#fff;--background-color-transparent:rgba(255,255,255,0.6);--background-color-transparent-15:rgba(255,255,255,0.15);--background-color-transparent-40:rgba(255,255,255,0.4);--background-color-transparent-80:rgba(255,255,255,0.8);--second-background-color:#fafafa;--third-background-color:#f7f7f7;--third-background-color-transparent:rgba(241,241,241,0.6);--primary-color:#a31f34;--first-text-color:#323739;--second-text-color:#343a3c;--third-text-color:#5c6669;--fourth-text-color:#eaeced;--default-text-color:#373d3f;--invert-text-color:#bebec6;--border-color:rgba(0,0,0,0.08);--selection-color:#be243c;--shadow-color-1:rgba(0,0,0,0.08);--shadow-color-2:rgba(0,0,0,0.05);--shadow-hover-color:rgba(0,0,0,0.28);--scrollbar-color:#c1c1c1;--scrollbar-color-hover:#a1a1a1;--scroll-bar-bg-color:#fafafa;--link-color:#323739;--copyright-info-color:#c03;--avatar-background-color:#06c;--pjax-progress-bar-color:linear-gradient(45deg, #f10006, #ef5b00, #e59c01, #19ca05, #00cab5, #0264c8, #c303c3);--archive-timeline-last-child-color:linear-gradient(to bottom, #e8e8e8 60%, rgba(0,0,0,0) 100%) 1 100%;--note-blue-title-bg:#d6f7fb;--note-red-title-bg:#fde9e9;--note-cyan-title-bg:#e9fdf9;--note-green-title-bg:#e9fde9;--note-yellow-title-bg:#fdf9e9;--note-gray-title-bg:#f9f9f9;--note-type-title-bg:#fdf3e9;--note-black-title-bg:#e9e9e9;--note-purple-title-bg:#f9e9fd;--home-banner-text-color:#fff;--home-banner-icons-container-border-color:rgba(255,255,255,0.35);--home-banner-icons-container-background-color:rgba(255,255,255,0.3);--redefine-box-shadow:var(--shadow-color-2) 0px 6px 24px 0px,var(--shadow-color-1) 0px 0px 0px 1px;--redefine-box-shadow-hover:var(--shadow-color-2) 0px 6px 24px 0px,var(--shadow-color-1) 0px 0px 0px 1px,var(--shadow-color-1) 0px 0px 0px 1px inset;--redefine-box-shadow-flat:var(--shadow-color-2) 0px 1px 4px 0px,var(--shadow-color-1) 0px 0px 0px 1px;--redefine-box-shadow-flat-hover:var(--shadow-color-2) 0px 1px 4px 0px,var(--shadow-color-1) 0px 0px 0px 1px,var(--shadow-color-1) 0px 0px 0px 1px inset;--mermaid-theme:''}@media (prefers-color-scheme:light){:root{--background-color:#fff;--background-color-transparent:rgba(255,255,255,0.6);--background-color-transparent-15:rgba(255,255,255,0.15);--background-color-transparent-40:rgba(255,255,255,0.4);--background-color-transparent-80:rgba(255,255,255,0.8);--second-background-color:#fafafa;--third-background-color:#f7f7f7;--third-background-color-transparent:rgba(241,241,241,0.6);--primary-color:#a31f34;--first-text-color:#323739;--second-text-color:#343a3c;--third-text-color:#5c6669;--fourth-text-color:#eaeced;--default-text-color:#373d3f;--invert-text-color:#bebec6;--border-color:rgba(0,0,0,0.08);--selection-color:#be243c;--shadow-color-1:rgba(0,0,0,0.08);--shadow-color-2:rgba(0,0,0,0.05);--shadow-hover-color:rgba(0,0,0,0.28);--scrollbar-color:#c1c1c1;--scrollbar-color-hover:#a1a1a1;--scroll-bar-bg-color:#fafafa;--link-color:#323739;--copyright-info-color:#c03;--avatar-background-color:#06c;--pjax-progress-bar-color:linear-gradient(45deg, #f10006, #ef5b00, #e59c01, #19ca05, #00cab5, #0264c8, #c303c3);--archive-timeline-last-child-color:linear-gradient(to bottom, #e8e8e8 60%, rgba(0,0,0,0) 100%) 1 100%;--note-blue-title-bg:#d6f7fb;--note-red-title-bg:#fde9e9;--note-cyan-title-bg:#e9fdf9;--note-green-title-bg:#e9fde9;--note-yellow-title-bg:#fdf9e9;--note-gray-title-bg:#f9f9f9;--note-type-title-bg:#fdf3e9;--note-black-title-bg:#e9e9e9;--note-purple-title-bg:#f9e9fd;--home-banner-text-color:#fff;--home-banner-icons-container-border-color:rgba(255,255,255,0.35);--home-banner-icons-container-background-color:rgba(255,255,255,0.3);--redefine-box-shadow:var(--shadow-color-2) 0px 6px 24px 0px,var(--shadow-color-1) 0px 0px 0px 1px;--redefine-box-shadow-hover:var(--shadow-color-2) 0px 6px 24px 0px,var(--shadow-color-1) 0px 0px 0px 1px,var(--shadow-color-1) 0px 0px 0px 1px inset;--redefine-box-shadow-flat:var(--shadow-color-2) 0px 1px 4px 0px,var(--shadow-color-1) 0px 0px 0px 1px;--redefine-box-shadow-flat-hover:var(--shadow-color-2) 0px 1px 4px 0px,var(--shadow-color-1) 0px 0px 0px 1px,var(--shadow-color-1) 0px 0px 0px 1px inset;--mermaid-theme:''}}@media (prefers-color-scheme:dark){:root{--background-color:#202124;--background-color-transparent:rgba(32,33,36,0.4);--background-color-transparent-15:rgba(32,33,36,0.15);--background-color-transparent-40:rgba(32,33,36,0.4);--background-color-transparent-80:rgba(32,33,36,0.8);--second-background-color:#242529;--third-background-color:#292b2f;--third-background-color-transparent:rgba(32,33,36,0.6);--primary-color:#a31f34;--first-text-color:#d2d2d7;--second-text-color:#cbcbd1;--third-text-color:#9595a2;--fourth-text-color:#242429;--default-text-color:#bebec6;--invert-text-color:#373d3f;--border-color:rgba(255,255,255,0.08);--selection-color:#be243c;--shadow-color-1:rgba(255,255,255,0.08);--shadow-color-2:rgba(255,255,255,0.05);--shadow-hover-color:rgba(69,69,69,0.28);--scrollbar-color:#898989;--scrollbar-color-hover:#a1a1a1;--scroll-bar-bg-color:#2a2c30;--link-color:#c5c5cc;--copyright-info-color:#a30029;--avatar-background-color:#005cb8;--pjax-progress-bar-color:linear-gradient(45deg, #ea404a, #ea722f, #e9a71f, #67e559, #18ecec, #1b85f1, #ee1dee);--archive-timeline-last-child-color:linear-gradient(to bottom, #323232 60%, rgba(255,255,255,0) 100%) 1 100%;--note-blue-title-bg:#1e3e46;--note-red-title-bg:#4e1e1e;--note-cyan-title-bg:#1e4e4e;--note-green-title-bg:#1e4e1e;--note-yellow-title-bg:#4e4e1e;--note-gray-title-bg:#4e4e4e;--note-type-title-bg:#4e3a1e;--note-black-title-bg:#1e1e1e;--note-purple-title-bg:#4e1e4e;--home-banner-text-color:#d1d1b6;--home-banner-icons-container-border-color:rgba(197,197,197,0.35);--home-banner-icons-container-background-color:rgba(197,197,197,0.3);--redefine-box-shadow:var(--shadow-color-2) 0px 6px 24px 0px,var(--shadow-color-1) 0px 0px 0px 1px;--redefine-box-shadow-hover:var(--shadow-color-2) 0px 6px 24px 0px,var(--shadow-color-1) 0px 0px 0px 1px,var(--shadow-color-1) 0px 0px 0px 1px inset;--redefine-box-shadow-flat:var(--shadow-color-2) 0px 1px 4px 0px,var(--shadow-color-1) 0px 0px 0px 1px;--redefine-box-shadow-flat-hover:var(--shadow-color-2) 0px 1px 4px 0px,var(--shadow-color-1) 0px 0px 0px 1px,var(--shadow-color-1) 0px 0px 0px 1px inset;--mermaid-theme:''}}.light-mode{--background-color:#fff;--background-color-transparent:rgba(255,255,255,0.6);--background-color-transparent-15:rgba(255,255,255,0.15);--background-color-transparent-40:rgba(255,255,255,0.4);--background-color-transparent-80:rgba(255,255,255,0.8);--second-background-color:#fafafa;--third-background-color:#f7f7f7;--third-background-color-transparent:rgba(241,241,241,0.6);--primary-color:#a31f34;--first-text-color:#323739;--second-text-color:#343a3c;--third-text-color:#5c6669;--fourth-text-color:#eaeced;--default-text-color:#373d3f;--invert-text-color:#bebec6;--border-color:rgba(0,0,0,0.08);--selection-color:#be243c;--shadow-color-1:rgba(0,0,0,0.08);--shadow-color-2:rgba(0,0,0,0.05);--shadow-hover-color:rgba(0,0,0,0.28);--scrollbar-color:#c1c1c1;--scrollbar-color-hover:#a1a1a1;--scroll-bar-bg-color:#fafafa;--link-color:#323739;--copyright-info-color:#c03;--avatar-background-color:#06c;--pjax-progress-bar-color:linear-gradient(45deg, #f10006, #ef5b00, #e59c01, #19ca05, #00cab5, #0264c8, #c303c3);--archive-timeline-last-child-color:linear-gradient(to bottom, #e8e8e8 60%, rgba(0,0,0,0) 100%) 1 100%;--note-blue-title-bg:#d6f7fb;--note-red-title-bg:#fde9e9;--note-cyan-title-bg:#e9fdf9;--note-green-title-bg:#e9fde9;--note-yellow-title-bg:#fdf9e9;--note-gray-title-bg:#f9f9f9;--note-type-title-bg:#fdf3e9;--note-black-title-bg:#e9e9e9;--note-purple-title-bg:#f9e9fd;--home-banner-text-color:#fff;--home-banner-icons-container-border-color:rgba(255,255,255,0.35);--home-banner-icons-container-background-color:rgba(255,255,255,0.3);--redefine-box-shadow:var(--shadow-color-2) 0px 6px 24px 0px,var(--shadow-color-1) 0px 0px 0px 1px;--redefine-box-shadow-hover:var(--shadow-color-2) 0px 6px 24px 0px,var(--shadow-color-1) 0px 0px 0px 1px,var(--shadow-color-1) 0px 0px 0px 1px inset;--redefine-box-shadow-flat:var(--shadow-color-2) 0px 1px 4px 0px,var(--shadow-color-1) 0px 0px 0px 1px;--redefine-box-shadow-flat-hover:var(--shadow-color-2) 0px 1px 4px 0px,var(--shadow-color-1) 0px 0px 0px 1px,var(--shadow-color-1) 0px 0px 0px 1px inset;--mermaid-theme:''}.dark-mode{--background-color:#202124;--background-color-transparent:rgba(32,33,36,0.4);--background-color-transparent-15:rgba(32,33,36,0.15);--background-color-transparent-40:rgba(32,33,36,0.4);--background-color-transparent-80:rgba(32,33,36,0.8);--second-background-color:#242529;--third-background-color:#292b2f;--third-background-color-transparent:rgba(32,33,36,0.6);--primary-color:#a31f34;--first-text-color:#d2d2d7;--second-text-color:#cbcbd1;--third-text-color:#9595a2;--fourth-text-color:#242429;--default-text-color:#bebec6;--invert-text-color:#373d3f;--border-color:rgba(255,255,255,0.08);--selection-color:#be243c;--shadow-color-1:rgba(255,255,255,0.08);--shadow-color-2:rgba(255,255,255,0.05);--shadow-hover-color:rgba(69,69,69,0.28);--scrollbar-color:#898989;--scrollbar-color-hover:#a1a1a1;--scroll-bar-bg-color:#2a2c30;--link-color:#c5c5cc;--copyright-info-color:#a30029;--avatar-background-color:#005cb8;--pjax-progress-bar-color:linear-gradient(45deg, #ea404a, #ea722f, #e9a71f, #67e559, #18ecec, #1b85f1, #ee1dee);--archive-timeline-last-child-color:linear-gradient(to bottom, #323232 60%, rgba(255,255,255,0) 100%) 1 100%;--note-blue-title-bg:#1e3e46;--note-red-title-bg:#4e1e1e;--note-cyan-title-bg:#1e4e4e;--note-green-title-bg:#1e4e1e;--note-yellow-title-bg:#4e4e1e;--note-gray-title-bg:#4e4e4e;--note-type-title-bg:#4e3a1e;--note-black-title-bg:#1e1e1e;--note-purple-title-bg:#4e1e4e;--home-banner-text-color:#d1d1b6;--home-banner-icons-container-border-color:rgba(197,197,197,0.35);--home-banner-icons-container-background-color:rgba(197,197,197,0.3);--redefine-box-shadow:var(--shadow-color-2) 0px 6px 24px 0px,var(--shadow-color-1) 0px 0px 0px 1px;--redefine-box-shadow-hover:var(--shadow-color-2) 0px 6px 24px 0px,var(--shadow-color-1) 0px 0px 0px 1px,var(--shadow-color-1) 0px 0px 0px 1px inset;--redefine-box-shadow-flat:var(--shadow-color-2) 0px 1px 4px 0px,var(--shadow-color-1) 0px 0px 0px 1px;--redefine-box-shadow-flat-hover:var(--shadow-color-2) 0px 1px 4px 0px,var(--shadow-color-1) 0px 0px 0px 1px,var(--shadow-color-1) 0px 0px 0px 1px inset;--mermaid-theme:''}:root{--background-color:#fff;--background-color-transparent:rgba(255,255,255,0.6);--background-color-transparent-15:rgba(255,255,255,0.15);--background-color-transparent-40:rgba(255,255,255,0.4);--background-color-transparent-80:rgba(255,255,255,0.8);--second-background-color:#fafafa;--third-background-color:#f7f7f7;--third-background-color-transparent:rgba(241,241,241,0.6);--primary-color:#a31f34;--first-text-color:#323739;--second-text-color:#343a3c;--third-text-color:#5c6669;--fourth-text-color:#eaeced;--default-text-color:#373d3f;--invert-text-color:#bebec6;--border-color:rgba(0,0,0,0.08);--selection-color:#be243c;--shadow-color-1:rgba(0,0,0,0.08);--shadow-color-2:rgba(0,0,0,0.05);--shadow-hover-color:rgba(0,0,0,0.28);--scrollbar-color:#c1c1c1;--scrollbar-color-hover:#a1a1a1;--scroll-bar-bg-color:#fafafa;--link-color:#323739;--copyright-info-color:#c03;--avatar-background-color:#06c;--pjax-progress-bar-color:linear-gradient(45deg, #f10006, #ef5b00, #e59c01, #19ca05, #00cab5, #0264c8, #c303c3);--archive-timeline-last-child-color:linear-gradient(to bottom, #e8e8e8 60%, rgba(0,0,0,0) 100%) 1 100%;--note-blue-title-bg:#d6f7fb;--note-red-title-bg:#fde9e9;--note-cyan-title-bg:#e9fdf9;--note-green-title-bg:#e9fde9;--note-yellow-title-bg:#fdf9e9;--note-gray-title-bg:#f9f9f9;--note-type-title-bg:#fdf3e9;--note-black-title-bg:#e9e9e9;--note-purple-title-bg:#f9e9fd;--home-banner-text-color:#fff;--home-banner-icons-container-border-color:rgba(255,255,255,0.35);--home-banner-icons-container-background-color:rgba(255,255,255,0.3);--redefine-box-shadow:var(--shadow-color-2) 0px 6px 24px 0px,var(--shadow-color-1) 0px 0px 0px 1px;--redefine-box-shadow-hover:var(--shadow-color-2) 0px 6px 24px 0px,var(--shadow-color-1) 0px 0px 0px 1px,var(--shadow-color-1) 0px 0px 0px 1px inset;--redefine-box-shadow-flat:var(--shadow-color-2) 0px 1px 4px 0px,var(--shadow-color-1) 0px 0px 0px 1px;--redefine-box-shadow-flat-hover:var(--shadow-color-2) 0px 1px 4px 0px,var(--shadow-color-1) 0px 0px 0px 1px,var(--shadow-color-1) 0px 0px 0px 1px inset;--mermaid-theme:''}@media (prefers-color-scheme:light){:root{--background-color:#fff;--background-color-transparent:rgba(255,255,255,0.6);--background-color-transparent-15:rgba(255,255,255,0.15);--background-color-transparent-40:rgba(255,255,255,0.4);--background-color-transparent-80:rgba(255,255,255,0.8);--second-background-color:#fafafa;--third-background-color:#f7f7f7;--third-background-color-transparent:rgba(241,241,241,0.6);--primary-color:#a31f34;--first-text-color:#323739;--second-text-color:#343a3c;--third-text-color:#5c6669;--fourth-text-color:#eaeced;--default-text-color:#373d3f;--invert-text-color:#bebec6;--border-color:rgba(0,0,0,0.08);--selection-color:#be243c;--shadow-color-1:rgba(0,0,0,0.08);--shadow-color-2:rgba(0,0,0,0.05);--shadow-hover-color:rgba(0,0,0,0.28);--scrollbar-color:#c1c1c1;--scrollbar-color-hover:#a1a1a1;--scroll-bar-bg-color:#fafafa;--link-color:#323739;--copyright-info-color:#c03;--avatar-background-color:#06c;--pjax-progress-bar-color:linear-gradient(45deg, #f10006, #ef5b00, #e59c01, #19ca05, #00cab5, #0264c8, #c303c3);--archive-timeline-last-child-color:linear-gradient(to bottom, #e8e8e8 60%, rgba(0,0,0,0) 100%) 1 100%;--note-blue-title-bg:#d6f7fb;--note-red-title-bg:#fde9e9;--note-cyan-title-bg:#e9fdf9;--note-green-title-bg:#e9fde9;--note-yellow-title-bg:#fdf9e9;--note-gray-title-bg:#f9f9f9;--note-type-title-bg:#fdf3e9;--note-black-title-bg:#e9e9e9;--note-purple-title-bg:#f9e9fd;--home-banner-text-color:#fff;--home-banner-icons-container-border-color:rgba(255,255,255,0.35);--home-banner-icons-container-background-color:rgba(255,255,255,0.3);--redefine-box-shadow:var(--shadow-color-2) 0px 6px 24px 0px,var(--shadow-color-1) 0px 0px 0px 1px;--redefine-box-shadow-hover:var(--shadow-color-2) 0px 6px 24px 0px,var(--shadow-color-1) 0px 0px 0px 1px,var(--shadow-color-1) 0px 0px 0px 1px inset;--redefine-box-shadow-flat:var(--shadow-color-2) 0px 1px 4px 0px,var(--shadow-color-1) 0px 0px 0px 1px;--redefine-box-shadow-flat-hover:var(--shadow-color-2) 0px 1px 4px 0px,var(--shadow-color-1) 0px 0px 0px 1px,var(--shadow-color-1) 0px 0px 0px 1px inset;--mermaid-theme:''}}@media (prefers-color-scheme:dark){:root{--background-color:#202124;--background-color-transparent:rgba(32,33,36,0.4);--background-color-transparent-15:rgba(32,33,36,0.15);--background-color-transparent-40:rgba(32,33,36,0.4);--background-color-transparent-80:rgba(32,33,36,0.8);--second-background-color:#242529;--third-background-color:#292b2f;--third-background-color-transparent:rgba(32,33,36,0.6);--primary-color:#a31f34;--first-text-color:#d2d2d7;--second-text-color:#cbcbd1;--third-text-color:#9595a2;--fourth-text-color:#242429;--default-text-color:#bebec6;--invert-text-color:#373d3f;--border-color:rgba(255,255,255,0.08);--selection-color:#be243c;--shadow-color-1:rgba(255,255,255,0.08);--shadow-color-2:rgba(255,255,255,0.05);--shadow-hover-color:rgba(69,69,69,0.28);--scrollbar-color:#898989;--scrollbar-color-hover:#a1a1a1;--scroll-bar-bg-color:#2a2c30;--link-color:#c5c5cc;--copyright-info-color:#a30029;--avatar-background-color:#005cb8;--pjax-progress-bar-color:linear-gradient(45deg, #ea404a, #ea722f, #e9a71f, #67e559, #18ecec, #1b85f1, #ee1dee);--archive-timeline-last-child-color:linear-gradient(to bottom, #323232 60%, rgba(255,255,255,0) 100%) 1 100%;--note-blue-title-bg:#1e3e46;--note-red-title-bg:#4e1e1e;--note-cyan-title-bg:#1e4e4e;--note-green-title-bg:#1e4e1e;--note-yellow-title-bg:#4e4e1e;--note-gray-title-bg:#4e4e4e;--note-type-title-bg:#4e3a1e;--note-black-title-bg:#1e1e1e;--note-purple-title-bg:#4e1e4e;--home-banner-text-color:#d1d1b6;--home-banner-icons-container-border-color:rgba(197,197,197,0.35);--home-banner-icons-container-background-color:rgba(197,197,197,0.3);--redefine-box-shadow:var(--shadow-color-2) 0px 6px 24px 0px,var(--shadow-color-1) 0px 0px 0px 1px;--redefine-box-shadow-hover:var(--shadow-color-2) 0px 6px 24px 0px,var(--shadow-color-1) 0px 0px 0px 1px,var(--shadow-color-1) 0px 0px 0px 1px inset;--redefine-box-shadow-flat:var(--shadow-color-2) 0px 1px 4px 0px,var(--shadow-color-1) 0px 0px 0px 1px;--redefine-box-shadow-flat-hover:var(--shadow-color-2) 0px 1px 4px 0px,var(--shadow-color-1) 0px 0px 0px 1px,var(--shadow-color-1) 0px 0px 0px 1px inset;--mermaid-theme:''}}.light-mode{--background-color:#fff;--background-color-transparent:rgba(255,255,255,0.6);--background-color-transparent-15:rgba(255,255,255,0.15);--background-color-transparent-40:rgba(255,255,255,0.4);--background-color-transparent-80:rgba(255,255,255,0.8);--second-background-color:#fafafa;--third-background-color:#f7f7f7;--third-background-color-transparent:rgba(241,241,241,0.6);--primary-color:#a31f34;--first-text-color:#323739;--second-text-color:#343a3c;--third-text-color:#5c6669;--fourth-text-color:#eaeced;--default-text-color:#373d3f;--invert-text-color:#bebec6;--border-color:rgba(0,0,0,0.08);--selection-color:#be243c;--shadow-color-1:rgba(0,0,0,0.08);--shadow-color-2:rgba(0,0,0,0.05);--shadow-hover-color:rgba(0,0,0,0.28);--scrollbar-color:#c1c1c1;--scrollbar-color-hover:#a1a1a1;--scroll-bar-bg-color:#fafafa;--link-color:#323739;--copyright-info-color:#c03;--avatar-background-color:#06c;--pjax-progress-bar-color:linear-gradient(45deg, #f10006, #ef5b00, #e59c01, #19ca05, #00cab5, #0264c8, #c303c3);--archive-timeline-last-child-color:linear-gradient(to bottom, #e8e8e8 60%, rgba(0,0,0,0) 100%) 1 100%;--note-blue-title-bg:#d6f7fb;--note-red-title-bg:#fde9e9;--note-cyan-title-bg:#e9fdf9;--note-green-title-bg:#e9fde9;--note-yellow-title-bg:#fdf9e9;--note-gray-title-bg:#f9f9f9;--note-type-title-bg:#fdf3e9;--note-black-title-bg:#e9e9e9;--note-purple-title-bg:#f9e9fd;--home-banner-text-color:#fff;--home-banner-icons-container-border-color:rgba(255,255,255,0.35);--home-banner-icons-container-background-color:rgba(255,255,255,0.3);--redefine-box-shadow:var(--shadow-color-2) 0px 6px 24px 0px,var(--shadow-color-1) 0px 0px 0px 1px;--redefine-box-shadow-hover:var(--shadow-color-2) 0px 6px 24px 0px,var(--shadow-color-1) 0px 0px 0px 1px,var(--shadow-color-1) 0px 0px 0px 1px inset;--redefine-box-shadow-flat:var(--shadow-color-2) 0px 1px 4px 0px,var(--shadow-color-1) 0px 0px 0px 1px;--redefine-box-shadow-flat-hover:var(--shadow-color-2) 0px 1px 4px 0px,var(--shadow-color-1) 0px 0px 0px 1px,var(--shadow-color-1) 0px 0px 0px 1px inset;--mermaid-theme:''}.dark-mode{--background-color:#202124;--background-color-transparent:rgba(32,33,36,0.4);--background-color-transparent-15:rgba(32,33,36,0.15);--background-color-transparent-40:rgba(32,33,36,0.4);--background-color-transparent-80:rgba(32,33,36,0.8);--second-background-color:#242529;--third-background-color:#292b2f;--third-background-color-transparent:rgba(32,33,36,0.6);--primary-color:#a31f34;--first-text-color:#d2d2d7;--second-text-color:#cbcbd1;--third-text-color:#9595a2;--fourth-text-color:#242429;--default-text-color:#bebec6;--invert-text-color:#373d3f;--border-color:rgba(255,255,255,0.08);--selection-color:#be243c;--shadow-color-1:rgba(255,255,255,0.08);--shadow-color-2:rgba(255,255,255,0.05);--shadow-hover-color:rgba(69,69,69,0.28);--scrollbar-color:#898989;--scrollbar-color-hover:#a1a1a1;--scroll-bar-bg-color:#2a2c30;--link-color:#c5c5cc;--copyright-info-color:#a30029;--avatar-background-color:#005cb8;--pjax-progress-bar-color:linear-gradient(45deg, #ea404a, #ea722f, #e9a71f, #67e559, #18ecec, #1b85f1, #ee1dee);--archive-timeline-last-child-color:linear-gradient(to bottom, #323232 60%, rgba(255,255,255,0) 100%) 1 100%;--note-blue-title-bg:#1e3e46;--note-red-title-bg:#4e1e1e;--note-cyan-title-bg:#1e4e4e;--note-green-title-bg:#1e4e1e;--note-yellow-title-bg:#4e4e1e;--note-gray-title-bg:#4e4e4e;--note-type-title-bg:#4e3a1e;--note-black-title-bg:#1e1e1e;--note-purple-title-bg:#4e1e4e;--home-banner-text-color:#d1d1b6;--home-banner-icons-container-border-color:rgba(197,197,197,0.35);--home-banner-icons-container-background-color:rgba(197,197,197,0.3);--redefine-box-shadow:var(--shadow-color-2) 0px 6px 24px 0px,var(--shadow-color-1) 0px 0px 0px 1px;--redefine-box-shadow-hover:var(--shadow-color-2) 0px 6px 24px 0px,var(--shadow-color-1) 0px 0px 0px 1px,var(--shadow-color-1) 0px 0px 0px 1px inset;--redefine-box-shadow-flat:var(--shadow-color-2) 0px 1px 4px 0px,var(--shadow-color-1) 0px 0px 0px 1px;--redefine-box-shadow-flat-hover:var(--shadow-color-2) 0px 1px 4px 0px,var(--shadow-color-1) 0px 0px 0px 1px,var(--shadow-color-1) 0px 0px 0px 1px inset;--mermaid-theme:''}.fade-in-down-animation{animation-fill-mode:both;animation-duration:1s;animation-name:fade-in-down;will-change:transform}.title-hover-animation{display:inline-block;position:relative;border-bottom:none;line-height:1.3;vertical-align:top;color:var(--second-text-color)}.title-hover-animation::before{content:'';position:absolute;width:100%;height:2px;bottom:-4px;left:0;background-color:var(--second-text-color);visibility:hidden;transform:scaleX(0);transition-property:color,background,box-shadow,border-color,visibility,transform;transition-delay:0s,0s,0s,0s,0s,0s;transition-duration:.2s,.2s,.2s,.2s,.2s,.2s;transition-timing-function:ease,ease,ease,ease,ease-in-out,ease-in-out}@-moz-keyframes fade-in-down{0%{opacity:0;transform:translateY(-50px)}100%{opacity:1;transform:translateY(0)}}@-webkit-keyframes fade-in-down{0%{opacity:0;transform:translateY(-50px)}100%{opacity:1;transform:translateY(0)}}@-o-keyframes fade-in-down{0%{opacity:0;transform:translateY(-50px)}100%{opacity:1;transform:translateY(0)}}@keyframes fade-in-down{0%{opacity:0;transform:translateY(-50px)}100%{opacity:1;transform:translateY(0)}}@-moz-keyframes icon-animate{0%,100%{transform:scale(1)}10%,30%{transform:scale(.88)}20%,40%,60%,80%{transform:scale(1.08)}50%,70%{transform:scale(1.08)}}@-webkit-keyframes icon-animate{0%,100%{transform:scale(1)}10%,30%{transform:scale(.88)}20%,40%,60%,80%{transform:scale(1.08)}50%,70%{transform:scale(1.08)}}@-o-keyframes icon-animate{0%,100%{transform:scale(1)}10%,30%{transform:scale(.88)}20%,40%,60%,80%{transform:scale(1.08)}50%,70%{transform:scale(1.08)}}@keyframes icon-animate{0%,100%{transform:scale(1)}10%,30%{transform:scale(.88)}20%,40%,60%,80%{transform:scale(1.08)}50%,70%{transform:scale(1.08)}}*{transition-property:color,background,box-shadow,border-color;transition-delay:0s,0s,0s,0s;transition-duration:.2s,.2s,.2s,.2s;transition-timing-function:ease,ease,ease,ease}::-webkit-scrollbar{width:6px;height:6px;transition:all .2s ease;display:block}::-webkit-scrollbar-thumb{background:var(--scrollbar-color);border-radius:18px;background-clip:content-box;border:3px solid transparent}::-webkit-scrollbar-track{background-color:var(--scroll-bar-bg-color);border:1px solid var(--shadow-color-1)}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-color-hover);border-radius:18px;background-clip:content-box;border:3px solid transparent}body,html{position:relative;width:100%;height:100%;margin:0;padding:0;color:var(--default-text-color);background:var(--background-color);font-family:Satoshi-Variable,Noto Sans SC,-apple-system,system-ui,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,BlinkMacSystemFont,Helvetica Neue,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Arial;font-weight:450;font-size:16px;line-height:1.5}body::-webkit-scrollbar,html::-webkit-scrollbar{width:14px;height:8px}@media (max-width:768px){body,html{font-size:15.36px;line-height:1.44}}@media (max-width:640px){body,html{font-size:14.4px;line-height:1.35}}::selection{background:var(--selection-color);color:#fff}li,ol,ul{padding:0;margin:0;list-style:none}a{text-decoration:none;color:var(--default-text-color)}a i,a span{color:var(--default-text-color)}a:active,a:hover{text-decoration:none!important;color:var(--primary-color)}a:active i,a:active span,a:hover i,a:hover span{color:var(--primary-color)}img[lazyload]{padding:10px;margin:20px auto!important;cursor:not-allowed;pointer-events:none}button{padding:0;margin:0;border:0;outline:0;cursor:pointer;background:0 0}.btn{display:inline-block;position:relative;text-align:center;cursor:pointer;white-space:nowrap;padding:8px 16px;background-color:var(--second-background-color)!important;border-radius:14px!important;padding:12px 16px!important;text-decoration:none!important;padding:0;border-radius:18px;box-sizing:border-box;background:var(--background-color);margin-bottom:1rem;box-shadow:var(--redefine-box-shadow);box-shadow:var(--redefine-box-shadow-flat)!important;user-select:none;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;box-shadow:var(--redefine-box-shadow);transition-property:color,background,box-shadow,border-color,transform;transition-delay:0s,0s,0s,0s,0s;transition-duration:.2s,.2s,.2s,.2s,.2s;transition-timing-function:ease,ease,ease,ease,linear}@media (max-width:768px){.btn{margin-bottom:.8rem}}@media (max-width:640px){.btn{margin-bottom:.6rem}}.btn:hover{box-shadow:var(--redefine-box-shadow-hover)}@media (max-width:768px){.btn{border-radius:18px}}@media (max-width:640px){.btn{border-radius:18px}}.btn:hover{box-shadow:var(--redefine-box-shadow-hover)}.btn:focus,.btn:hover{color:var(--primary-color);background-color:var(--background-color)!important;box-shadow:var(--redefine-box-shadow)!important}.btn:active{box-shadow:var(--redefine-box-shadow-flat)!important;transform:scale(.95);transition:transform .1s ease;background-color:var(--third-background-color)!important}.clear{clear:both}.markdown-body{font-family:Satoshi-Variable,sans-serif,'Noto Sans SC',sans-serif,sans-serif;font-size:16px}.markdown-body blockquote{box-sizing:border-box;margin:20px 0;color:var(--default-text-color);background:var(--third-background-color);padding:0 1rem 0 .5rem;border-radius:0 14px 14px 0;position:relative;border-left:5px solid var(--default-text-color)}.markdown-body blockquote ol,.markdown-body blockquote p,.markdown-body blockquote ul{padding:5px 5px 5px 10px}.markdown-body p{line-height:1.5;color:var(--default-text-color);font-weight:400;margin-bottom:1rem;margin-top:0}.markdown-body a{position:relative;outline:0;text-decoration:underline;overflow-wrap:break-word;cursor:pointer;box-sizing:border-box;padding-bottom:2px}.markdown-body a .far,.markdown-body a .fas,.markdown-body a fab{margin:0 2px 0 6px;position:relative;color:var(--third-text-color);font-size:.88rem}.markdown-body a:hover{text-decoration:underline}.markdown-body a:hover::after{background:var(--primary-color);text-decoration:underline}.markdown-body strong{color:var(--default-text-color)}.markdown-body hr{margin:2rem 0;border:0;border-top:2px solid var(--shadow-color-1)}.markdown-body em{color:var(--default-text-color)}.markdown-body ol>li,.markdown-body ul>li{margin-left:20px;line-height:2rem}.markdown-body ul{margin-bottom:1.2rem}.markdown-body ul li{list-style:disc}.markdown-body ul li ul li{list-style:circle}.markdown-body ul li ul li ul li{list-style:square}.markdown-body ol{margin-bottom:1.2rem}.markdown-body ol li{list-style:decimal}.markdown-body ol li ul li{list-style:disc}.markdown-body ol li ul ul li{list-style:circle}.markdown-body ol li ol li{list-style:upper-alpha}.markdown-body ol li ol li ol li{list-style:upper-roman}.markdown-body li{color:var(--default-text-color)}.markdown-body .h1,.markdown-body .h2,.markdown-body .h3,.markdown-body .h4,.markdown-body .h5,.markdown-body .h6,.markdown-body h1,.markdown-body h2,.markdown-body h3,.markdown-body h4,.markdown-body h5,.markdown-body h6{font-family:Satoshi-Variable,sans-serif,'Noto Sans SC',sans-serif,sans-serif;color:var(--second-text-color);line-height:1.5;margin-bottom:1rem!important}@media (max-width:768px){.markdown-body .h1,.markdown-body .h2,.markdown-body .h3,.markdown-body .h4,.markdown-body .h5,.markdown-body .h6,.markdown-body h1,.markdown-body h2,.markdown-body h3,.markdown-body h4,.markdown-body h5,.markdown-body h6{line-height:1.44}}.markdown-body .h1,.markdown-body h1{font-size:3.2rem;font-weight:700;border-bottom:solid 2px var(--fourth-text-color);margin-top:5rem}@media (max-width:768px){.markdown-body .h1,.markdown-body h1{font-size:1.7rem}}.markdown-body .h2,.markdown-body h2{font-size:2.5rem;font-weight:700;padding:3px 0;border-bottom:solid 2px var(--fourth-text-color);margin-top:4rem}@media (max-width:768px){.markdown-body .h2,.markdown-body h2{font-size:1.6rem}}.markdown-body .h3,.markdown-body h3{font-size:1.8rem;font-weight:600;margin-top:2.8rem}@media (max-width:768px){.markdown-body .h3,.markdown-body h3{font-size:1.5rem}}.markdown-body .h4,.markdown-body h4{font-size:1.5rem;font-weight:600;margin-top:2.5rem}@media (max-width:768px){.markdown-body .h4,.markdown-body h4{font-size:1.4rem}}.markdown-body .h5,.markdown-body h5{font-size:1.28rem;font-weight:600;margin-top:2.2rem}@media (max-width:768px){.markdown-body .h5,.markdown-body h5{font-size:1.18rem}}.markdown-body .h6,.markdown-body h6{font-size:1.2rem;font-weight:600;line-height:1.5;margin-top:2rem}@media (max-width:768px){.markdown-body .h6,.markdown-body h6{font-size:1.1rem;line-height:1.1}}.markdown-body img{box-sizing:border-box;border-radius:14px;max-width:100%;cursor:zoom-in;display:block;transition-property:color,background,box-shadow,border-color,padding,margin;transition-delay:0s,0s,0s,0s,0s,0s;transition-duration:.2s,.2s,.2s,.2s,.2s,.2s;transition-timing-function:ease,ease,ease,ease,linear,linear;margin:1rem auto 1rem}.markdown-body>table{border-spacing:0;border-collapse:collapse;width:100%;overflow:auto;margin-bottom:1.2rem;box-shadow:var(--redefine-box-shadow-flat);border-radius:14px}.markdown-body>table thead th{border-bottom:1px solid var(--shadow-color-1);background-color:var(--third-background-color)!important}.markdown-body>table thead th:first-child{border-top-left-radius:14px}.markdown-body>table thead th:last-child{border-top-right-radius:14px}.markdown-body>table tbody tr:last-child td:first-child{border-bottom-left-radius:14px}.markdown-body>table tbody tr:last-child td:last-child{border-bottom-right-radius:14px}.markdown-body>table td,.markdown-body>table th{padding:8px 16px;border-left:1px solid var(--shadow-color-1)}.markdown-body>table td:first-child,.markdown-body>table th:first-child{border-left:none}.markdown-body>table tr{background-color:var(--background-color)}.markdown-body>table tr:nth-child(2n){background-color:var(--second-background-color)}.markdown-body mjx-container{display:inline-block;vertical-align:baseline}.markdown-body mjx-container svg{display:inline}.markdown-body mjx-container[display=true]{display:flex!important;justify-content:center}:root{--background-color:#fff;--background-color-transparent:rgba(255,255,255,0.6);--background-color-transparent-15:rgba(255,255,255,0.15);--background-color-transparent-40:rgba(255,255,255,0.4);--background-color-transparent-80:rgba(255,255,255,0.8);--second-background-color:#fafafa;--third-background-color:#f7f7f7;--third-background-color-transparent:rgba(241,241,241,0.6);--primary-color:#a31f34;--first-text-color:#323739;--second-text-color:#343a3c;--third-text-color:#5c6669;--fourth-text-color:#eaeced;--default-text-color:#373d3f;--invert-text-color:#bebec6;--border-color:rgba(0,0,0,0.08);--selection-color:#be243c;--shadow-color-1:rgba(0,0,0,0.08);--shadow-color-2:rgba(0,0,0,0.05);--shadow-hover-color:rgba(0,0,0,0.28);--scrollbar-color:#c1c1c1;--scrollbar-color-hover:#a1a1a1;--scroll-bar-bg-color:#fafafa;--link-color:#323739;--copyright-info-color:#c03;--avatar-background-color:#06c;--pjax-progress-bar-color:linear-gradient(45deg, #f10006, #ef5b00, #e59c01, #19ca05, #00cab5, #0264c8, #c303c3);--archive-timeline-last-child-color:linear-gradient(to bottom, #e8e8e8 60%, rgba(0,0,0,0) 100%) 1 100%;--note-blue-title-bg:#d6f7fb;--note-red-title-bg:#fde9e9;--note-cyan-title-bg:#e9fdf9;--note-green-title-bg:#e9fde9;--note-yellow-title-bg:#fdf9e9;--note-gray-title-bg:#f9f9f9;--note-type-title-bg:#fdf3e9;--note-black-title-bg:#e9e9e9;--note-purple-title-bg:#f9e9fd;--home-banner-text-color:#fff;--home-banner-icons-container-border-color:rgba(255,255,255,0.35);--home-banner-icons-container-background-color:rgba(255,255,255,0.3);--redefine-box-shadow:var(--shadow-color-2) 0px 6px 24px 0px,var(--shadow-color-1) 0px 0px 0px 1px;--redefine-box-shadow-hover:var(--shadow-color-2) 0px 6px 24px 0px,var(--shadow-color-1) 0px 0px 0px 1px,var(--shadow-color-1) 0px 0px 0px 1px inset;--redefine-box-shadow-flat:var(--shadow-color-2) 0px 1px 4px 0px,var(--shadow-color-1) 0px 0px 0px 1px;--redefine-box-shadow-flat-hover:var(--shadow-color-2) 0px 1px 4px 0px,var(--shadow-color-1) 0px 0px 0px 1px,var(--shadow-color-1) 0px 0px 0px 1px inset;--mermaid-theme:''}@media (prefers-color-scheme:light){:root{--background-color:#fff;--background-color-transparent:rgba(255,255,255,0.6);--background-color-transparent-15:rgba(255,255,255,0.15);--background-color-transparent-40:rgba(255,255,255,0.4);--background-color-transparent-80:rgba(255,255,255,0.8);--second-background-color:#fafafa;--third-background-color:#f7f7f7;--third-background-color-transparent:rgba(241,241,241,0.6);--primary-color:#a31f34;--first-text-color:#323739;--second-text-color:#343a3c;--third-text-color:#5c6669;--fourth-text-color:#eaeced;--default-text-color:#373d3f;--invert-text-color:#bebec6;--border-color:rgba(0,0,0,0.08);--selection-color:#be243c;--shadow-color-1:rgba(0,0,0,0.08);--shadow-color-2:rgba(0,0,0,0.05);--shadow-hover-color:rgba(0,0,0,0.28);--scrollbar-color:#c1c1c1;--scrollbar-color-hover:#a1a1a1;--scroll-bar-bg-color:#fafafa;--link-color:#323739;--copyright-info-color:#c03;--avatar-background-color:#06c;--pjax-progress-bar-color:linear-gradient(45deg, #f10006, #ef5b00, #e59c01, #19ca05, #00cab5, #0264c8, #c303c3);--archive-timeline-last-child-color:linear-gradient(to bottom, #e8e8e8 60%, rgba(0,0,0,0) 100%) 1 100%;--note-blue-title-bg:#d6f7fb;--note-red-title-bg:#fde9e9;--note-cyan-title-bg:#e9fdf9;--note-green-title-bg:#e9fde9;--note-yellow-title-bg:#fdf9e9;--note-gray-title-bg:#f9f9f9;--note-type-title-bg:#fdf3e9;--note-black-title-bg:#e9e9e9;--note-purple-title-bg:#f9e9fd;--home-banner-text-color:#fff;--home-banner-icons-container-border-color:rgba(255,255,255,0.35);--home-banner-icons-container-background-color:rgba(255,255,255,0.3);--redefine-box-shadow:var(--shadow-color-2) 0px 6px 24px 0px,var(--shadow-color-1) 0px 0px 0px 1px;--redefine-box-shadow-hover:var(--shadow-color-2) 0px 6px 24px 0px,var(--shadow-color-1) 0px 0px 0px 1px,var(--shadow-color-1) 0px 0px 0px 1px inset;--redefine-box-shadow-flat:var(--shadow-color-2) 0px 1px 4px 0px,var(--shadow-color-1) 0px 0px 0px 1px;--redefine-box-shadow-flat-hover:var(--shadow-color-2) 0px 1px 4px 0px,var(--shadow-color-1) 0px 0px 0px 1px,var(--shadow-color-1) 0px 0px 0px 1px inset;--mermaid-theme:''}}@media (prefers-color-scheme:dark){:root{--background-color:#202124;--background-color-transparent:rgba(32,33,36,0.4);--background-color-transparent-15:rgba(32,33,36,0.15);--background-color-transparent-40:rgba(32,33,36,0.4);--background-color-transparent-80:rgba(32,33,36,0.8);--second-background-color:#242529;--third-background-color:#292b2f;--third-background-color-transparent:rgba(32,33,36,0.6);--primary-color:#a31f34;--first-text-color:#d2d2d7;--second-text-color:#cbcbd1;--third-text-color:#9595a2;--fourth-text-color:#242429;--default-text-color:#bebec6;--invert-text-color:#373d3f;--border-color:rgba(255,255,255,0.08);--selection-color:#be243c;--shadow-color-1:rgba(255,255,255,0.08);--shadow-color-2:rgba(255,255,255,0.05);--shadow-hover-color:rgba(69,69,69,0.28);--scrollbar-color:#898989;--scrollbar-color-hover:#a1a1a1;--scroll-bar-bg-color:#2a2c30;--link-color:#c5c5cc;--copyright-info-color:#a30029;--avatar-background-color:#005cb8;--pjax-progress-bar-color:linear-gradient(45deg, #ea404a, #ea722f, #e9a71f, #67e559, #18ecec, #1b85f1, #ee1dee);--archive-timeline-last-child-color:linear-gradient(to bottom, #323232 60%, rgba(255,255,255,0) 100%) 1 100%;--note-blue-title-bg:#1e3e46;--note-red-title-bg:#4e1e1e;--note-cyan-title-bg:#1e4e4e;--note-green-title-bg:#1e4e1e;--note-yellow-title-bg:#4e4e1e;--note-gray-title-bg:#4e4e4e;--note-type-title-bg:#4e3a1e;--note-black-title-bg:#1e1e1e;--note-purple-title-bg:#4e1e4e;--home-banner-text-color:#d1d1b6;--home-banner-icons-container-border-color:rgba(197,197,197,0.35);--home-banner-icons-container-background-color:rgba(197,197,197,0.3);--redefine-box-shadow:var(--shadow-color-2) 0px 6px 24px 0px,var(--shadow-color-1) 0px 0px 0px 1px;--redefine-box-shadow-hover:var(--shadow-color-2) 0px 6px 24px 0px,var(--shadow-color-1) 0px 0px 0px 1px,var(--shadow-color-1) 0px 0px 0px 1px inset;--redefine-box-shadow-flat:var(--shadow-color-2) 0px 1px 4px 0px,var(--shadow-color-1) 0px 0px 0px 1px;--redefine-box-shadow-flat-hover:var(--shadow-color-2) 0px 1px 4px 0px,var(--shadow-color-1) 0px 0px 0px 1px,var(--shadow-color-1) 0px 0px 0px 1px inset;--mermaid-theme:''}}.light-mode{--background-color:#fff;--background-color-transparent:rgba(255,255,255,0.6);--background-color-transparent-15:rgba(255,255,255,0.15);--background-color-transparent-40:rgba(255,255,255,0.4);--background-color-transparent-80:rgba(255,255,255,0.8);--second-background-color:#fafafa;--third-background-color:#f7f7f7;--third-background-color-transparent:rgba(241,241,241,0.6);--primary-color:#a31f34;--first-text-color:#323739;--second-text-color:#343a3c;--third-text-color:#5c6669;--fourth-text-color:#eaeced;--default-text-color:#373d3f;--invert-text-color:#bebec6;--border-color:rgba(0,0,0,0.08);--selection-color:#be243c;--shadow-color-1:rgba(0,0,0,0.08);--shadow-color-2:rgba(0,0,0,0.05);--shadow-hover-color:rgba(0,0,0,0.28);--scrollbar-color:#c1c1c1;--scrollbar-color-hover:#a1a1a1;--scroll-bar-bg-color:#fafafa;--link-color:#323739;--copyright-info-color:#c03;--avatar-background-color:#06c;--pjax-progress-bar-color:linear-gradient(45deg, #f10006, #ef5b00, #e59c01, #19ca05, #00cab5, #0264c8, #c303c3);--archive-timeline-last-child-color:linear-gradient(to bottom, #e8e8e8 60%, rgba(0,0,0,0) 100%) 1 100%;--note-blue-title-bg:#d6f7fb;--note-red-title-bg:#fde9e9;--note-cyan-title-bg:#e9fdf9;--note-green-title-bg:#e9fde9;--note-yellow-title-bg:#fdf9e9;--note-gray-title-bg:#f9f9f9;--note-type-title-bg:#fdf3e9;--note-black-title-bg:#e9e9e9;--note-purple-title-bg:#f9e9fd;--home-banner-text-color:#fff;--home-banner-icons-container-border-color:rgba(255,255,255,0.35);--home-banner-icons-container-background-color:rgba(255,255,255,0.3);--redefine-box-shadow:var(--shadow-color-2) 0px 6px 24px 0px,var(--shadow-color-1) 0px 0px 0px 1px;--redefine-box-shadow-hover:var(--shadow-color-2) 0px 6px 24px 0px,var(--shadow-color-1) 0px 0px 0px 1px,var(--shadow-color-1) 0px 0px 0px 1px inset;--redefine-box-shadow-flat:var(--shadow-color-2) 0px 1px 4px 0px,var(--shadow-color-1) 0px 0px 0px 1px;--redefine-box-shadow-flat-hover:var(--shadow-color-2) 0px 1px 4px 0px,var(--shadow-color-1) 0px 0px 0px 1px,var(--shadow-color-1) 0px 0px 0px 1px inset;--mermaid-theme:''}.dark-mode{--background-color:#202124;--background-color-transparent:rgba(32,33,36,0.4);--background-color-transparent-15:rgba(32,33,36,0.15);--background-color-transparent-40:rgba(32,33,36,0.4);--background-color-transparent-80:rgba(32,33,36,0.8);--second-background-color:#242529;--third-background-color:#292b2f;--third-background-color-transparent:rgba(32,33,36,0.6);--primary-color:#a31f34;--first-text-color:#d2d2d7;--second-text-color:#cbcbd1;--third-text-color:#9595a2;--fourth-text-color:#242429;--default-text-color:#bebec6;--invert-text-color:#373d3f;--border-color:rgba(255,255,255,0.08);--selection-color:#be243c;--shadow-color-1:rgba(255,255,255,0.08);--shadow-color-2:rgba(255,255,255,0.05);--shadow-hover-color:rgba(69,69,69,0.28);--scrollbar-color:#898989;--scrollbar-color-hover:#a1a1a1;--scroll-bar-bg-color:#2a2c30;--link-color:#c5c5cc;--copyright-info-color:#a30029;--avatar-background-color:#005cb8;--pjax-progress-bar-color:linear-gradient(45deg, #ea404a, #ea722f, #e9a71f, #67e559, #18ecec, #1b85f1, #ee1dee);--archive-timeline-last-child-color:linear-gradient(to bottom, #323232 60%, rgba(255,255,255,0) 100%) 1 100%;--note-blue-title-bg:#1e3e46;--note-red-title-bg:#4e1e1e;--note-cyan-title-bg:#1e4e4e;--note-green-title-bg:#1e4e1e;--note-yellow-title-bg:#4e4e1e;--note-gray-title-bg:#4e4e4e;--note-type-title-bg:#4e3a1e;--note-black-title-bg:#1e1e1e;--note-purple-title-bg:#4e1e4e;--home-banner-text-color:#d1d1b6;--home-banner-icons-container-border-color:rgba(197,197,197,0.35);--home-banner-icons-container-background-color:rgba(197,197,197,0.3);--redefine-box-shadow:var(--shadow-color-2) 0px 6px 24px 0px,var(--shadow-color-1) 0px 0px 0px 1px;--redefine-box-shadow-hover:var(--shadow-color-2) 0px 6px 24px 0px,var(--shadow-color-1) 0px 0px 0px 1px,var(--shadow-color-1) 0px 0px 0px 1px inset;--redefine-box-shadow-flat:var(--shadow-color-2) 0px 1px 4px 0px,var(--shadow-color-1) 0px 0px 0px 1px;--redefine-box-shadow-flat-hover:var(--shadow-color-2) 0px 1px 4px 0px,var(--shadow-color-1) 0px 0px 0px 1px,var(--shadow-color-1) 0px 0px 0px 1px inset;--mermaid-theme:''}:root{--code-foreground:#3b4143;--code-background:#f2f2f2;--highlight-background:#fafafa;--highlight-foreground:#3b4143;--highlight-keyword:#d73a49;--highlight-link:#d73a49;--highlight-built-in:#6f42c1;--highlight-number:#005cc5;--highlight-string:#032f62;--highlight-regexp:#e36209;--highlight-subst:#24292e;--highlight-comment:#6a737d;--highlight-doctag:#22863a;--highlight-meta:$highlight-meta;--highlight-variable:#005cc5;--highlight-attr:#22863a;--highlight-section:$highlight-section;--highlight-bullet:#6f42c1;--highlight-addition:#abe338;--highlight-deletion:#ffa07a}@media (prefers-color-scheme:light){:root{--code-foreground:#3b4143;--code-background:#f2f2f2;--highlight-background:#fafafa;--highlight-foreground:#3b4143;--highlight-keyword:#d73a49;--highlight-link:#d73a49;--highlight-built-in:#6f42c1;--highlight-number:#005cc5;--highlight-string:#032f62;--highlight-regexp:#e36209;--highlight-subst:#24292e;--highlight-comment:#6a737d;--highlight-doctag:#22863a;--highlight-meta:$highlight-meta;--highlight-variable:#005cc5;--highlight-attr:#22863a;--highlight-section:$highlight-section;--highlight-bullet:#6f42c1;--highlight-addition:#abe338;--highlight-deletion:#ffa07a}}@media (prefers-color-scheme:dark){:root{--code-foreground:#bfbfc7;--code-background:#35363b;--highlight-background:#21252b;--highlight-foreground:#bfbfc7;--highlight-keyword:#569cd6;--highlight-link:#569cd6;--highlight-built-in:#4ec9b0;--highlight-number:#b8d7a3;--highlight-string:#d69d85;--highlight-regexp:#9a5334;--highlight-subst:#dcdcdc;--highlight-comment:#57a64a;--highlight-doctag:#608b4e;--highlight-meta:#9b9b9b;--highlight-variable:#bd63c5;--highlight-attr:#9cdcfe;--highlight-section:#ffd700;--highlight-bullet:#d7ba7d;--highlight-addition:#144212;--highlight-deletion:#600}}.light-mode{--code-foreground:#3b4143;--code-background:#f2f2f2;--highlight-background:#fafafa;--highlight-foreground:#3b4143;--highlight-keyword:#d73a49;--highlight-link:#d73a49;--highlight-built-in:#6f42c1;--highlight-number:#005cc5;--highlight-string:#032f62;--highlight-regexp:#e36209;--highlight-subst:#24292e;--highlight-comment:#6a737d;--highlight-doctag:#22863a;--highlight-meta:$highlight-meta;--highlight-variable:#005cc5;--highlight-attr:#22863a;--highlight-section:$highlight-section;--highlight-bullet:#6f42c1;--highlight-addition:#abe338;--highlight-deletion:#ffa07a}.dark-mode{--code-foreground:#bfbfc7;--code-background:#35363b;--highlight-background:#21252b;--highlight-foreground:#bfbfc7;--highlight-keyword:#569cd6;--highlight-link:#569cd6;--highlight-built-in:#4ec9b0;--highlight-number:#b8d7a3;--highlight-string:#d69d85;--highlight-regexp:#9a5334;--highlight-subst:#dcdcdc;--highlight-comment:#57a64a;--highlight-doctag:#608b4e;--highlight-meta:#9b9b9b;--highlight-variable:#bd63c5;--highlight-attr:#9cdcfe;--highlight-section:#ffd700;--highlight-bullet:#d7ba7d;--highlight-addition:#144212;--highlight-deletion:#600}.highlight,pre{-webkit-text-size-adjust:none;overflow:auto;margin:20px 0;padding:0;font-size:1rem;line-height:1.5rem;color:var(--highlight-foreground);background:var(--highlight-background)}code,pre{font-family:'Ubuntu Mono',Courier,monospace}pre.mermaid{background-color:var(--background-color)}pre.mermaid svg{display:block;margin:auto}code{padding:4px;word-wrap:break-word;border-radius:4px;font-size:.96em;color:var(--code-foreground);background:var(--code-background)}pre{padding-top:14px!important;tab-size:4}pre code{padding:0;color:var(--highlight-foreground);background:0 0;text-shadow:none}.highlight{border-radius:0 0 18px 18px;padding-bottom:5px;overflow:auto;margin:0!important;border-top:1px solid var(--shadow-color-1)}.highlight:hover::-webkit-scrollbar-thumb{border:3px solid rgba(183,183,183,.3)}.highlight::-webkit-scrollbar{width:6px;height:6px;transition:all .2s ease;display:block}.highlight::-webkit-scrollbar-track{background:0 0;border:none}.highlight::-webkit-scrollbar-thumb{border-radius:20px;border:3px solid rgba(183,183,183,0);transition:all .2s ease}.highlight pre{border:none;margin:0;padding:10px 0}.highlight table{margin:0;width:auto;border:none;border-spacing:unset}.highlight td{border:none;padding:0}.highlight figcaption{font-size:1rem;color:var(--highlight-foreground);line-height:1rem;margin-bottom:1rem}.highlight figcaption a{float:right;color:var(--highlight-foreground)}.highlight figcaption a:hover{border-bottom-color:var(--highlight-foreground)}.highlight .gutter pre{padding-left:10px;padding-right:10px;color:var(--highlight-gutter-color);text-align:center;background-color:var(--highlight-gutter-bg-color)}.highlight .code pre{width:100%;padding-left:10px;padding-right:10px;background-color:var(--highlight-background)}.gutter{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.gist table{width:auto}.gist table td{border:none}pre .keyword,pre .literal,pre .name,pre .symbol{color:var(--highlight-keyword)}pre .link{color:var(--highlight-link);text-decoration:underline}pre .built_in,pre .type{color:var(--highlight-built-in)}pre .class,pre .number{color:var(--highlight-number)}pre .meta .string,pre .string{color:var(--highlight-string)}pre .regexp,pre .template-tag{color:var(--highlight-regexp)}pre .formula,pre .function,pre .params,pre .subst,pre .title{color:var(--highlight-subst)}pre .comment,pre .quote{color:var(--highlight-comment);font-style:italic}pre .doctag{color:var(--highlight-doctag)}pre .meta,pre .meta .keyword,pre .tag{color:var(--highlight-meta)}pre .template-variable,pre .variable{color:var(--highlight-variable)}pre .attr,pre .attribute{color:var(--highlight-attr)}pre .section{color:var(--highlight-section)}pre .emphasis{font-style:italic}pre .strong{font-weight:700}pre .bullet,pre .selector-attr,pre .selector-class,pre .selector-id,pre .selector-pseudo,pre .selector-tag{color:var(--highlight-bullet)}pre .addition{background-color:var(--highlight-addition);display:inline-block;width:100%}pre .deletion{background-color:var(--highlight-deletion);display:inline-block;width:100%}.highlight-container[data-rel]{position:relative}.highlight-container .copy-button:focus,.highlight-container .fold-button:focus,.highlight-container:hover .copy-button,.highlight-container:hover .fold-button{opacity:1}.fold-button{cursor:pointer;border-radius:0;display:inline-block;font-weight:700;line-height:1.8;opacity:0;outline:0;padding:6px 15px;position:absolute;vertical-align:middle;white-space:nowrap;font-size:1rem;color:var(--default-text-color);-moz-user-select:none;-ms-user-select:none;-webkit-user-select:none;user-select:none;transition-property:color,background,box-shadow,border-color,opacity;transition-delay:0s,0s,0s,0s,0s;transition-duration:.2s,.2s,.2s,.2s,.2s;transition-timing-function:ease,ease,ease,ease,ease-in-out;background:var(--scond-background-color);border:0;right:40px;top:0}.copy-button{cursor:pointer;border-radius:0 18px 0 0;display:inline-block;font-weight:700;line-height:1.8;opacity:0;outline:0;padding:6px 15px;position:absolute;vertical-align:middle;white-space:nowrap;font-size:1rem;color:var(--default-text-color);-moz-user-select:none;-ms-user-select:none;-webkit-user-select:none;user-select:none;transition-property:color,background,box-shadow,border-color,opacity;transition-delay:0s,0s,0s,0s,0s;transition-duration:.2s,.2s,.2s,.2s,.2s;transition-timing-function:ease,ease,ease,ease,ease-in-out;background:var(--scond-background-color);border:0;right:0;top:0}.highlight-container[data-rel]{background:var(--third-background-color);border-radius:18px;box-shadow:var(--redefine-box-shadow-flat);padding-top:40px;margin-top:10px;margin-bottom:1.2rem;position:relative}.highlight-container[data-rel] figcaption{font-weight:700;font-size:16px;position:absolute;top:12px;left:50%;transform:translateX(-50%)}.highlight-container[data-rel] figcaption a{margin-left:10px}.highlight-container[data-rel]::before{position:absolute;content:attr(data-rel);line-height:38px;border-radius:50%;box-shadow:none;height:12px;left:12px;position:absolute;width:auto;margin-left:80px;top:0;color:var(--default-text-color);font-weight:700;font-size:16px}.highlight-container[data-rel] .folded figure{height:0!important;width:0!important;overflow:hidden!important}.highlight-container[data-rel]::after{content:' ';position:absolute;-webkit-border-radius:50%;border-radius:50%;background:#fc625d;width:12px;height:12px;top:0;left:20px;margin-top:13px;-webkit-box-shadow:20px 0 #fdbc40,40px 0 #35cd4b;box-shadow:20px 0 #fdbc40,40px 0 #35cd4b;z-index:3}:root{--background-color:#fff;--background-color-transparent:rgba(255,255,255,0.6);--background-color-transparent-15:rgba(255,255,255,0.15);--background-color-transparent-40:rgba(255,255,255,0.4);--background-color-transparent-80:rgba(255,255,255,0.8);--second-background-color:#fafafa;--third-background-color:#f7f7f7;--third-background-color-transparent:rgba(241,241,241,0.6);--primary-color:#a31f34;--first-text-color:#323739;--second-text-color:#343a3c;--third-text-color:#5c6669;--fourth-text-color:#eaeced;--default-text-color:#373d3f;--invert-text-color:#bebec6;--border-color:rgba(0,0,0,0.08);--selection-color:#be243c;--shadow-color-1:rgba(0,0,0,0.08);--shadow-color-2:rgba(0,0,0,0.05);--shadow-hover-color:rgba(0,0,0,0.28);--scrollbar-color:#c1c1c1;--scrollbar-color-hover:#a1a1a1;--scroll-bar-bg-color:#fafafa;--link-color:#323739;--copyright-info-color:#c03;--avatar-background-color:#06c;--pjax-progress-bar-color:linear-gradient(45deg, #f10006, #ef5b00, #e59c01, #19ca05, #00cab5, #0264c8, #c303c3);--archive-timeline-last-child-color:linear-gradient(to bottom, #e8e8e8 60%, rgba(0,0,0,0) 100%) 1 100%;--note-blue-title-bg:#d6f7fb;--note-red-title-bg:#fde9e9;--note-cyan-title-bg:#e9fdf9;--note-green-title-bg:#e9fde9;--note-yellow-title-bg:#fdf9e9;--note-gray-title-bg:#f9f9f9;--note-type-title-bg:#fdf3e9;--note-black-title-bg:#e9e9e9;--note-purple-title-bg:#f9e9fd;--home-banner-text-color:#fff;--home-banner-icons-container-border-color:rgba(255,255,255,0.35);--home-banner-icons-container-background-color:rgba(255,255,255,0.3);--redefine-box-shadow:var(--shadow-color-2) 0px 6px 24px 0px,var(--shadow-color-1) 0px 0px 0px 1px;--redefine-box-shadow-hover:var(--shadow-color-2) 0px 6px 24px 0px,var(--shadow-color-1) 0px 0px 0px 1px,var(--shadow-color-1) 0px 0px 0px 1px inset;--redefine-box-shadow-flat:var(--shadow-color-2) 0px 1px 4px 0px,var(--shadow-color-1) 0px 0px 0px 1px;--redefine-box-shadow-flat-hover:var(--shadow-color-2) 0px 1px 4px 0px,var(--shadow-color-1) 0px 0px 0px 1px,var(--shadow-color-1) 0px 0px 0px 1px inset;--mermaid-theme:''}@media (prefers-color-scheme:light){:root{--background-color:#fff;--background-color-transparent:rgba(255,255,255,0.6);--background-color-transparent-15:rgba(255,255,255,0.15);--background-color-transparent-40:rgba(255,255,255,0.4);--background-color-transparent-80:rgba(255,255,255,0.8);--second-background-color:#fafafa;--third-background-color:#f7f7f7;--third-background-color-transparent:rgba(241,241,241,0.6);--primary-color:#a31f34;--first-text-color:#323739;--second-text-color:#343a3c;--third-text-color:#5c6669;--fourth-text-color:#eaeced;--default-text-color:#373d3f;--invert-text-color:#bebec6;--border-color:rgba(0,0,0,0.08);--selection-color:#be243c;--shadow-color-1:rgba(0,0,0,0.08);--shadow-color-2:rgba(0,0,0,0.05);--shadow-hover-color:rgba(0,0,0,0.28);--scrollbar-color:#c1c1c1;--scrollbar-color-hover:#a1a1a1;--scroll-bar-bg-color:#fafafa;--link-color:#323739;--copyright-info-color:#c03;--avatar-background-color:#06c;--pjax-progress-bar-color:linear-gradient(45deg, #f10006, #ef5b00, #e59c01, #19ca05, #00cab5, #0264c8, #c303c3);--archive-timeline-last-child-color:linear-gradient(to bottom, #e8e8e8 60%, rgba(0,0,0,0) 100%) 1 100%;--note-blue-title-bg:#d6f7fb;--note-red-title-bg:#fde9e9;--note-cyan-title-bg:#e9fdf9;--note-green-title-bg:#e9fde9;--note-yellow-title-bg:#fdf9e9;--note-gray-title-bg:#f9f9f9;--note-type-title-bg:#fdf3e9;--note-black-title-bg:#e9e9e9;--note-purple-title-bg:#f9e9fd;--home-banner-text-color:#fff;--home-banner-icons-container-border-color:rgba(255,255,255,0.35);--home-banner-icons-container-background-color:rgba(255,255,255,0.3);--redefine-box-shadow:var(--shadow-color-2) 0px 6px 24px 0px,var(--shadow-color-1) 0px 0px 0px 1px;--redefine-box-shadow-hover:var(--shadow-color-2) 0px 6px 24px 0px,var(--shadow-color-1) 0px 0px 0px 1px,var(--shadow-color-1) 0px 0px 0px 1px inset;--redefine-box-shadow-flat:var(--shadow-color-2) 0px 1px 4px 0px,var(--shadow-color-1) 0px 0px 0px 1px;--redefine-box-shadow-flat-hover:var(--shadow-color-2) 0px 1px 4px 0px,var(--shadow-color-1) 0px 0px 0px 1px,var(--shadow-color-1) 0px 0px 0px 1px inset;--mermaid-theme:''}}@media (prefers-color-scheme:dark){:root{--background-color:#202124;--background-color-transparent:rgba(32,33,36,0.4);--background-color-transparent-15:rgba(32,33,36,0.15);--background-color-transparent-40:rgba(32,33,36,0.4);--background-color-transparent-80:rgba(32,33,36,0.8);--second-background-color:#242529;--third-background-color:#292b2f;--third-background-color-transparent:rgba(32,33,36,0.6);--primary-color:#a31f34;--first-text-color:#d2d2d7;--second-text-color:#cbcbd1;--third-text-color:#9595a2;--fourth-text-color:#242429;--default-text-color:#bebec6;--invert-text-color:#373d3f;--border-color:rgba(255,255,255,0.08);--selection-color:#be243c;--shadow-color-1:rgba(255,255,255,0.08);--shadow-color-2:rgba(255,255,255,0.05);--shadow-hover-color:rgba(69,69,69,0.28);--scrollbar-color:#898989;--scrollbar-color-hover:#a1a1a1;--scroll-bar-bg-color:#2a2c30;--link-color:#c5c5cc;--copyright-info-color:#a30029;--avatar-background-color:#005cb8;--pjax-progress-bar-color:linear-gradient(45deg, #ea404a, #ea722f, #e9a71f, #67e559, #18ecec, #1b85f1, #ee1dee);--archive-timeline-last-child-color:linear-gradient(to bottom, #323232 60%, rgba(255,255,255,0) 100%) 1 100%;--note-blue-title-bg:#1e3e46;--note-red-title-bg:#4e1e1e;--note-cyan-title-bg:#1e4e4e;--note-green-title-bg:#1e4e1e;--note-yellow-title-bg:#4e4e1e;--note-gray-title-bg:#4e4e4e;--note-type-title-bg:#4e3a1e;--note-black-title-bg:#1e1e1e;--note-purple-title-bg:#4e1e4e;--home-banner-text-color:#d1d1b6;--home-banner-icons-container-border-color:rgba(197,197,197,0.35);--home-banner-icons-container-background-color:rgba(197,197,197,0.3);--redefine-box-shadow:var(--shadow-color-2) 0px 6px 24px 0px,var(--shadow-color-1) 0px 0px 0px 1px;--redefine-box-shadow-hover:var(--shadow-color-2) 0px 6px 24px 0px,var(--shadow-color-1) 0px 0px 0px 1px,var(--shadow-color-1) 0px 0px 0px 1px inset;--redefine-box-shadow-flat:var(--shadow-color-2) 0px 1px 4px 0px,var(--shadow-color-1) 0px 0px 0px 1px;--redefine-box-shadow-flat-hover:var(--shadow-color-2) 0px 1px 4px 0px,var(--shadow-color-1) 0px 0px 0px 1px,var(--shadow-color-1) 0px 0px 0px 1px inset;--mermaid-theme:''}}.light-mode{--background-color:#fff;--background-color-transparent:rgba(255,255,255,0.6);--background-color-transparent-15:rgba(255,255,255,0.15);--background-color-transparent-40:rgba(255,255,255,0.4);--background-color-transparent-80:rgba(255,255,255,0.8);--second-background-color:#fafafa;--third-background-color:#f7f7f7;--third-background-color-transparent:rgba(241,241,241,0.6);--primary-color:#a31f34;--first-text-color:#323739;--second-text-color:#343a3c;--third-text-color:#5c6669;--fourth-text-color:#eaeced;--default-text-color:#373d3f;--invert-text-color:#bebec6;--border-color:rgba(0,0,0,0.08);--selection-color:#be243c;--shadow-color-1:rgba(0,0,0,0.08);--shadow-color-2:rgba(0,0,0,0.05);--shadow-hover-color:rgba(0,0,0,0.28);--scrollbar-color:#c1c1c1;--scrollbar-color-hover:#a1a1a1;--scroll-bar-bg-color:#fafafa;--link-color:#323739;--copyright-info-color:#c03;--avatar-background-color:#06c;--pjax-progress-bar-color:linear-gradient(45deg, #f10006, #ef5b00, #e59c01, #19ca05, #00cab5, #0264c8, #c303c3);--archive-timeline-last-child-color:linear-gradient(to bottom, #e8e8e8 60%, rgba(0,0,0,0) 100%) 1 100%;--note-blue-title-bg:#d6f7fb;--note-red-title-bg:#fde9e9;--note-cyan-title-bg:#e9fdf9;--note-green-title-bg:#e9fde9;--note-yellow-title-bg:#fdf9e9;--note-gray-title-bg:#f9f9f9;--note-type-title-bg:#fdf3e9;--note-black-title-bg:#e9e9e9;--note-purple-title-bg:#f9e9fd;--home-banner-text-color:#fff;--home-banner-icons-container-border-color:rgba(255,255,255,0.35);--home-banner-icons-container-background-color:rgba(255,255,255,0.3);--redefine-box-shadow:var(--shadow-color-2) 0px 6px 24px 0px,var(--shadow-color-1) 0px 0px 0px 1px;--redefine-box-shadow-hover:var(--shadow-color-2) 0px 6px 24px 0px,var(--shadow-color-1) 0px 0px 0px 1px,var(--shadow-color-1) 0px 0px 0px 1px inset;--redefine-box-shadow-flat:var(--shadow-color-2) 0px 1px 4px 0px,var(--shadow-color-1) 0px 0px 0px 1px;--redefine-box-shadow-flat-hover:var(--shadow-color-2) 0px 1px 4px 0px,var(--shadow-color-1) 0px 0px 0px 1px,var(--shadow-color-1) 0px 0px 0px 1px inset;--mermaid-theme:''}.dark-mode{--background-color:#202124;--background-color-transparent:rgba(32,33,36,0.4);--background-color-transparent-15:rgba(32,33,36,0.15);--background-color-transparent-40:rgba(32,33,36,0.4);--background-color-transparent-80:rgba(32,33,36,0.8);--second-background-color:#242529;--third-background-color:#292b2f;--third-background-color-transparent:rgba(32,33,36,0.6);--primary-color:#a31f34;--first-text-color:#d2d2d7;--second-text-color:#cbcbd1;--third-text-color:#9595a2;--fourth-text-color:#242429;--default-text-color:#bebec6;--invert-text-color:#373d3f;--border-color:rgba(255,255,255,0.08);--selection-color:#be243c;--shadow-color-1:rgba(255,255,255,0.08);--shadow-color-2:rgba(255,255,255,0.05);--shadow-hover-color:rgba(69,69,69,0.28);--scrollbar-color:#898989;--scrollbar-color-hover:#a1a1a1;--scroll-bar-bg-color:#2a2c30;--link-color:#c5c5cc;--copyright-info-color:#a30029;--avatar-background-color:#005cb8;--pjax-progress-bar-color:linear-gradient(45deg, #ea404a, #ea722f, #e9a71f, #67e559, #18ecec, #1b85f1, #ee1dee);--archive-timeline-last-child-color:linear-gradient(to bottom, #323232 60%, rgba(255,255,255,0) 100%) 1 100%;--note-blue-title-bg:#1e3e46;--note-red-title-bg:#4e1e1e;--note-cyan-title-bg:#1e4e4e;--note-green-title-bg:#1e4e1e;--note-yellow-title-bg:#4e4e1e;--note-gray-title-bg:#4e4e4e;--note-type-title-bg:#4e3a1e;--note-black-title-bg:#1e1e1e;--note-purple-title-bg:#4e1e4e;--home-banner-text-color:#d1d1b6;--home-banner-icons-container-border-color:rgba(197,197,197,0.35);--home-banner-icons-container-background-color:rgba(197,197,197,0.3);--redefine-box-shadow:var(--shadow-color-2) 0px 6px 24px 0px,var(--shadow-color-1) 0px 0px 0px 1px;--redefine-box-shadow-hover:var(--shadow-color-2) 0px 6px 24px 0px,var(--shadow-color-1) 0px 0px 0px 1px,var(--shadow-color-1) 0px 0px 0px 1px inset;--redefine-box-shadow-flat:var(--shadow-color-2) 0px 1px 4px 0px,var(--shadow-color-1) 0px 0px 0px 1px;--redefine-box-shadow-flat-hover:var(--shadow-color-2) 0px 1px 4px 0px,var(--shadow-color-1) 0px 0px 0px 1px,var(--shadow-color-1) 0px 0px 0px 1px inset;--mermaid-theme:''}:root{--code-foreground:#3b4143;--code-background:#f2f2f2;--highlight-background:#fafafa;--highlight-foreground:#3b4143;--highlight-keyword:#d73a49;--highlight-link:#d73a49;--highlight-built-in:#6f42c1;--highlight-number:#005cc5;--highlight-string:#032f62;--highlight-regexp:#e36209;--highlight-subst:#24292e;--highlight-comment:#6a737d;--highlight-doctag:#22863a;--highlight-meta:$highlight-meta;--highlight-variable:#005cc5;--highlight-attr:#22863a;--highlight-section:$highlight-section;--highlight-bullet:#6f42c1;--highlight-addition:#abe338;--highlight-deletion:#ffa07a}@media (prefers-color-scheme:light){:root{--code-foreground:#3b4143;--code-background:#f2f2f2;--highlight-background:#fafafa;--highlight-foreground:#3b4143;--highlight-keyword:#d73a49;--highlight-link:#d73a49;--highlight-built-in:#6f42c1;--highlight-number:#005cc5;--highlight-string:#032f62;--highlight-regexp:#e36209;--highlight-subst:#24292e;--highlight-comment:#6a737d;--highlight-doctag:#22863a;--highlight-meta:$highlight-meta;--highlight-variable:#005cc5;--highlight-attr:#22863a;--highlight-section:$highlight-section;--highlight-bullet:#6f42c1;--highlight-addition:#abe338;--highlight-deletion:#ffa07a}}@media (prefers-color-scheme:dark){:root{--code-foreground:#bfbfc7;--code-background:#35363b;--highlight-background:#21252b;--highlight-foreground:#bfbfc7;--highlight-keyword:#569cd6;--highlight-link:#569cd6;--highlight-built-in:#4ec9b0;--highlight-number:#b8d7a3;--highlight-string:#d69d85;--highlight-regexp:#9a5334;--highlight-subst:#dcdcdc;--highlight-comment:#57a64a;--highlight-doctag:#608b4e;--highlight-meta:#9b9b9b;--highlight-variable:#bd63c5;--highlight-attr:#9cdcfe;--highlight-section:#ffd700;--highlight-bullet:#d7ba7d;--highlight-addition:#144212;--highlight-deletion:#600}}.light-mode{--code-foreground:#3b4143;--code-background:#f2f2f2;--highlight-background:#fafafa;--highlight-foreground:#3b4143;--highlight-keyword:#d73a49;--highlight-link:#d73a49;--highlight-built-in:#6f42c1;--highlight-number:#005cc5;--highlight-string:#032f62;--highlight-regexp:#e36209;--highlight-subst:#24292e;--highlight-comment:#6a737d;--highlight-doctag:#22863a;--highlight-meta:$highlight-meta;--highlight-variable:#005cc5;--highlight-attr:#22863a;--highlight-section:$highlight-section;--highlight-bullet:#6f42c1;--highlight-addition:#abe338;--highlight-deletion:#ffa07a}.dark-mode{--code-foreground:#bfbfc7;--code-background:#35363b;--highlight-background:#21252b;--highlight-foreground:#bfbfc7;--highlight-keyword:#569cd6;--highlight-link:#569cd6;--highlight-built-in:#4ec9b0;--highlight-number:#b8d7a3;--highlight-string:#d69d85;--highlight-regexp:#9a5334;--highlight-subst:#dcdcdc;--highlight-comment:#57a64a;--highlight-doctag:#608b4e;--highlight-meta:#9b9b9b;--highlight-variable:#bd63c5;--highlight-attr:#9cdcfe;--highlight-section:#ffd700;--highlight-bullet:#d7ba7d;--highlight-addition:#144212;--highlight-deletion:#600}:root{--background-color:#fff;--background-color-transparent:rgba(255,255,255,0.6);--background-color-transparent-15:rgba(255,255,255,0.15);--background-color-transparent-40:rgba(255,255,255,0.4);--background-color-transparent-80:rgba(255,255,255,0.8);--second-background-color:#fafafa;--third-background-color:#f7f7f7;--third-background-color-transparent:rgba(241,241,241,0.6);--primary-color:#a31f34;--first-text-color:#323739;--second-text-color:#343a3c;--third-text-color:#5c6669;--fourth-text-color:#eaeced;--default-text-color:#373d3f;--invert-text-color:#bebec6;--border-color:rgba(0,0,0,0.08);--selection-color:#be243c;--shadow-color-1:rgba(0,0,0,0.08);--shadow-color-2:rgba(0,0,0,0.05);--shadow-hover-color:rgba(0,0,0,0.28);--scrollbar-color:#c1c1c1;--scrollbar-color-hover:#a1a1a1;--scroll-bar-bg-color:#fafafa;--link-color:#323739;--copyright-info-color:#c03;--avatar-background-color:#06c;--pjax-progress-bar-color:linear-gradient(45deg, #f10006, #ef5b00, #e59c01, #19ca05, #00cab5, #0264c8, #c303c3);--archive-timeline-last-child-color:linear-gradient(to bottom, #e8e8e8 60%, rgba(0,0,0,0) 100%) 1 100%;--note-blue-title-bg:#d6f7fb;--note-red-title-bg:#fde9e9;--note-cyan-title-bg:#e9fdf9;--note-green-title-bg:#e9fde9;--note-yellow-title-bg:#fdf9e9;--note-gray-title-bg:#f9f9f9;--note-type-title-bg:#fdf3e9;--note-black-title-bg:#e9e9e9;--note-purple-title-bg:#f9e9fd;--home-banner-text-color:#fff;--home-banner-icons-container-border-color:rgba(255,255,255,0.35);--home-banner-icons-container-background-color:rgba(255,255,255,0.3);--redefine-box-shadow:var(--shadow-color-2) 0px 6px 24px 0px,var(--shadow-color-1) 0px 0px 0px 1px;--redefine-box-shadow-hover:var(--shadow-color-2) 0px 6px 24px 0px,var(--shadow-color-1) 0px 0px 0px 1px,var(--shadow-color-1) 0px 0px 0px 1px inset;--redefine-box-shadow-flat:var(--shadow-color-2) 0px 1px 4px 0px,var(--shadow-color-1) 0px 0px 0px 1px;--redefine-box-shadow-flat-hover:var(--shadow-color-2) 0px 1px 4px 0px,var(--shadow-color-1) 0px 0px 0px 1px,var(--shadow-color-1) 0px 0px 0px 1px inset;--mermaid-theme:''}@media (prefers-color-scheme:light){:root{--background-color:#fff;--background-color-transparent:rgba(255,255,255,0.6);--background-color-transparent-15:rgba(255,255,255,0.15);--background-color-transparent-40:rgba(255,255,255,0.4);--background-color-transparent-80:rgba(255,255,255,0.8);--second-background-color:#fafafa;--third-background-color:#f7f7f7;--third-background-color-transparent:rgba(241,241,241,0.6);--primary-color:#a31f34;--first-text-color:#323739;--second-text-color:#343a3c;--third-text-color:#5c6669;--fourth-text-color:#eaeced;--default-text-color:#373d3f;--invert-text-color:#bebec6;--border-color:rgba(0,0,0,0.08);--selection-color:#be243c;--shadow-color-1:rgba(0,0,0,0.08);--shadow-color-2:rgba(0,0,0,0.05);--shadow-hover-color:rgba(0,0,0,0.28);--scrollbar-color:#c1c1c1;--scrollbar-color-hover:#a1a1a1;--scroll-bar-bg-color:#fafafa;--link-color:#323739;--copyright-info-color:#c03;--avatar-background-color:#06c;--pjax-progress-bar-color:linear-gradient(45deg, #f10006, #ef5b00, #e59c01, #19ca05, #00cab5, #0264c8, #c303c3);--archive-timeline-last-child-color:linear-gradient(to bottom, #e8e8e8 60%, rgba(0,0,0,0) 100%) 1 100%;--note-blue-title-bg:#d6f7fb;--note-red-title-bg:#fde9e9;--note-cyan-title-bg:#e9fdf9;--note-green-title-bg:#e9fde9;--note-yellow-title-bg:#fdf9e9;--note-gray-title-bg:#f9f9f9;--note-type-title-bg:#fdf3e9;--note-black-title-bg:#e9e9e9;--note-purple-title-bg:#f9e9fd;--home-banner-text-color:#fff;--home-banner-icons-container-border-color:rgba(255,255,255,0.35);--home-banner-icons-container-background-color:rgba(255,255,255,0.3);--redefine-box-shadow:var(--shadow-color-2) 0px 6px 24px 0px,var(--shadow-color-1) 0px 0px 0px 1px;--redefine-box-shadow-hover:var(--shadow-color-2) 0px 6px 24px 0px,var(--shadow-color-1) 0px 0px 0px 1px,var(--shadow-color-1) 0px 0px 0px 1px inset;--redefine-box-shadow-flat:var(--shadow-color-2) 0px 1px 4px 0px,var(--shadow-color-1) 0px 0px 0px 1px;--redefine-box-shadow-flat-hover:var(--shadow-color-2) 0px 1px 4px 0px,var(--shadow-color-1) 0px 0px 0px 1px,var(--shadow-color-1) 0px 0px 0px 1px inset;--mermaid-theme:''}}@media (prefers-color-scheme:dark){:root{--background-color:#202124;--background-color-transparent:rgba(32,33,36,0.4);--background-color-transparent-15:rgba(32,33,36,0.15);--background-color-transparent-40:rgba(32,33,36,0.4);--background-color-transparent-80:rgba(32,33,36,0.8);--second-background-color:#242529;--third-background-color:#292b2f;--third-background-color-transparent:rgba(32,33,36,0.6);--primary-color:#a31f34;--first-text-color:#d2d2d7;--second-text-color:#cbcbd1;--third-text-color:#9595a2;--fourth-text-color:#242429;--default-text-color:#bebec6;--invert-text-color:#373d3f;--border-color:rgba(255,255,255,0.08);--selection-color:#be243c;--shadow-color-1:rgba(255,255,255,0.08);--shadow-color-2:rgba(255,255,255,0.05);--shadow-hover-color:rgba(69,69,69,0.28);--scrollbar-color:#898989;--scrollbar-color-hover:#a1a1a1;--scroll-bar-bg-color:#2a2c30;--link-color:#c5c5cc;--copyright-info-color:#a30029;--avatar-background-color:#005cb8;--pjax-progress-bar-color:linear-gradient(45deg, #ea404a, #ea722f, #e9a71f, #67e559, #18ecec, #1b85f1, #ee1dee);--archive-timeline-last-child-color:linear-gradient(to bottom, #323232 60%, rgba(255,255,255,0) 100%) 1 100%;--note-blue-title-bg:#1e3e46;--note-red-title-bg:#4e1e1e;--note-cyan-title-bg:#1e4e4e;--note-green-title-bg:#1e4e1e;--note-yellow-title-bg:#4e4e1e;--note-gray-title-bg:#4e4e4e;--note-type-title-bg:#4e3a1e;--note-black-title-bg:#1e1e1e;--note-purple-title-bg:#4e1e4e;--home-banner-text-color:#d1d1b6;--home-banner-icons-container-border-color:rgba(197,197,197,0.35);--home-banner-icons-container-background-color:rgba(197,197,197,0.3);--redefine-box-shadow:var(--shadow-color-2) 0px 6px 24px 0px,var(--shadow-color-1) 0px 0px 0px 1px;--redefine-box-shadow-hover:var(--shadow-color-2) 0px 6px 24px 0px,var(--shadow-color-1) 0px 0px 0px 1px,var(--shadow-color-1) 0px 0px 0px 1px inset;--redefine-box-shadow-flat:var(--shadow-color-2) 0px 1px 4px 0px,var(--shadow-color-1) 0px 0px 0px 1px;--redefine-box-shadow-flat-hover:var(--shadow-color-2) 0px 1px 4px 0px,var(--shadow-color-1) 0px 0px 0px 1px,var(--shadow-color-1) 0px 0px 0px 1px inset;--mermaid-theme:''}}.light-mode{--background-color:#fff;--background-color-transparent:rgba(255,255,255,0.6);--background-color-transparent-15:rgba(255,255,255,0.15);--background-color-transparent-40:rgba(255,255,255,0.4);--background-color-transparent-80:rgba(255,255,255,0.8);--second-background-color:#fafafa;--third-background-color:#f7f7f7;--third-background-color-transparent:rgba(241,241,241,0.6);--primary-color:#a31f34;--first-text-color:#323739;--second-text-color:#343a3c;--third-text-color:#5c6669;--fourth-text-color:#eaeced;--default-text-color:#373d3f;--invert-text-color:#bebec6;--border-color:rgba(0,0,0,0.08);--selection-color:#be243c;--shadow-color-1:rgba(0,0,0,0.08);--shadow-color-2:rgba(0,0,0,0.05);--shadow-hover-color:rgba(0,0,0,0.28);--scrollbar-color:#c1c1c1;--scrollbar-color-hover:#a1a1a1;--scroll-bar-bg-color:#fafafa;--link-color:#323739;--copyright-info-color:#c03;--avatar-background-color:#06c;--pjax-progress-bar-color:linear-gradient(45deg, #f10006, #ef5b00, #e59c01, #19ca05, #00cab5, #0264c8, #c303c3);--archive-timeline-last-child-color:linear-gradient(to bottom, #e8e8e8 60%, rgba(0,0,0,0) 100%) 1 100%;--note-blue-title-bg:#d6f7fb;--note-red-title-bg:#fde9e9;--note-cyan-title-bg:#e9fdf9;--note-green-title-bg:#e9fde9;--note-yellow-title-bg:#fdf9e9;--note-gray-title-bg:#f9f9f9;--note-type-title-bg:#fdf3e9;--note-black-title-bg:#e9e9e9;--note-purple-title-bg:#f9e9fd;--home-banner-text-color:#fff;--home-banner-icons-container-border-color:rgba(255,255,255,0.35);--home-banner-icons-container-background-color:rgba(255,255,255,0.3);--redefine-box-shadow:var(--shadow-color-2) 0px 6px 24px 0px,var(--shadow-color-1) 0px 0px 0px 1px;--redefine-box-shadow-hover:var(--shadow-color-2) 0px 6px 24px 0px,var(--shadow-color-1) 0px 0px 0px 1px,var(--shadow-color-1) 0px 0px 0px 1px inset;--redefine-box-shadow-flat:var(--shadow-color-2) 0px 1px 4px 0px,var(--shadow-color-1) 0px 0px 0px 1px;--redefine-box-shadow-flat-hover:var(--shadow-color-2) 0px 1px 4px 0px,var(--shadow-color-1) 0px 0px 0px 1px,var(--shadow-color-1) 0px 0px 0px 1px inset;--mermaid-theme:''}.dark-mode{--background-color:#202124;--background-color-transparent:rgba(32,33,36,0.4);--background-color-transparent-15:rgba(32,33,36,0.15);--background-color-transparent-40:rgba(32,33,36,0.4);--background-color-transparent-80:rgba(32,33,36,0.8);--second-background-color:#242529;--third-background-color:#292b2f;--third-background-color-transparent:rgba(32,33,36,0.6);--primary-color:#a31f34;--first-text-color:#d2d2d7;--second-text-color:#cbcbd1;--third-text-color:#9595a2;--fourth-text-color:#242429;--default-text-color:#bebec6;--invert-text-color:#373d3f;--border-color:rgba(255,255,255,0.08);--selection-color:#be243c;--shadow-color-1:rgba(255,255,255,0.08);--shadow-color-2:rgba(255,255,255,0.05);--shadow-hover-color:rgba(69,69,69,0.28);--scrollbar-color:#898989;--scrollbar-color-hover:#a1a1a1;--scroll-bar-bg-color:#2a2c30;--link-color:#c5c5cc;--copyright-info-color:#a30029;--avatar-background-color:#005cb8;--pjax-progress-bar-color:linear-gradient(45deg, #ea404a, #ea722f, #e9a71f, #67e559, #18ecec, #1b85f1, #ee1dee);--archive-timeline-last-child-color:linear-gradient(to bottom, #323232 60%, rgba(255,255,255,0) 100%) 1 100%;--note-blue-title-bg:#1e3e46;--note-red-title-bg:#4e1e1e;--note-cyan-title-bg:#1e4e4e;--note-green-title-bg:#1e4e1e;--note-yellow-title-bg:#4e4e1e;--note-gray-title-bg:#4e4e4e;--note-type-title-bg:#4e3a1e;--note-black-title-bg:#1e1e1e;--note-purple-title-bg:#4e1e4e;--home-banner-text-color:#d1d1b6;--home-banner-icons-container-border-color:rgba(197,197,197,0.35);--home-banner-icons-container-background-color:rgba(197,197,197,0.3);--redefine-box-shadow:var(--shadow-color-2) 0px 6px 24px 0px,var(--shadow-color-1) 0px 0px 0px 1px;--redefine-box-shadow-hover:var(--shadow-color-2) 0px 6px 24px 0px,var(--shadow-color-1) 0px 0px 0px 1px,var(--shadow-color-1) 0px 0px 0px 1px inset;--redefine-box-shadow-flat:var(--shadow-color-2) 0px 1px 4px 0px,var(--shadow-color-1) 0px 0px 0px 1px;--redefine-box-shadow-flat-hover:var(--shadow-color-2) 0px 1px 4px 0px,var(--shadow-color-1) 0px 0px 0px 1px,var(--shadow-color-1) 0px 0px 0px 1px inset;--mermaid-theme:''}.page-container{position:relative;box-sizing:border-box;width:100%;height:auto;background:var(--background-color)}@media (max-width:768px){.page-container{padding-right:0!important}}.page-container .main-content-container{padding-top:70px;position:relative;transition:padding .2s ease}.navbar-shrink .page-container .main-content-container{padding-top:50.4px;transition:padding .2s ease}@media (max-width:768px){.navbar-shrink .page-container .main-content-container{padding-top:45.36px}}@media (max-width:640px){.navbar-shrink .page-container .main-content-container{padding-top:40.32px}}@media (max-width:768px){.page-container .main-content-container{padding-top:63px}}@media (max-width:640px){.page-container .main-content-container{padding-top:56px}}.page-container .main-content-container .main-content-header{position:fixed;top:0;right:0;width:100%;height:70px;z-index:1005;box-sizing:border-box;transition-property:color,background,box-shadow,border-color,transform,padding-left,height;transition-delay:0s,0s,0s,0s,0s,0s,0s;transition-duration:.2s,.2s,.2s,.2s,.3s,.2s,.2s;transition-timing-function:ease,ease,ease,ease,ease-out,linear,ease}.page-container .main-content-container .main-content-header.hide{transform:translateY(-105%)}.navbar-shrink .page-container .main-content-container .main-content-header{height:50.4px}@media (max-width:768px){.navbar-shrink .page-container .main-content-container .main-content-header{height:45.36px}}@media (max-width:640px){.navbar-shrink .page-container .main-content-container .main-content-header{height:40.32px}}@media (max-width:768px){.page-container .main-content-container .main-content-header{height:63px;padding-left:0!important}}@media (max-width:640px){.page-container .main-content-container .main-content-header{height:56px}}.page-container .main-content-container .main-content-body{box-sizing:border-box;width:100%;display:flex;justify-content:center;padding:38px 0}@media (max-width:768px){.page-container .main-content-container .main-content-body{padding:30.400000000000002px 0}}@media (max-width:640px){.page-container .main-content-container .main-content-body{border:none!important;padding-top:0}}.page-container .main-content-container .main-content-body .main-content{position:relative;box-sizing:border-box;width:80%;max-width:1000px;height:100%;transition-property:color,background,box-shadow,border-color,max-width,width;transition-delay:0s,0s,0s,0s,0s,0s;transition-duration:.2s,.2s,.2s,.2s,.2s,.2s;transition-timing-function:ease,ease,ease,ease,ease,ease}@media (max-width:768px){.page-container .main-content-container .main-content-body .main-content{width:86%}}@media (max-width:640px){.page-container .main-content-container .main-content-body .main-content{width:90%}}.page-container .main-content-container .main-content-body .main-content.has-toc{max-width:1200px!important}.page-container .main-content-container .main-content-body .main-content-footer{width:100%}.page-container .post-tools{position:fixed;top:108px;right:38px;transition-property:color,background,box-shadow,border-color,top;transition-delay:0s,0s,0s,0s,0s;transition-duration:.2s,.2s,.2s,.2s,.2s;transition-timing-function:ease,ease,ease,ease,ease}.navbar-shrink .page-container .post-tools{top:88.4px}@media (max-width:768px){.navbar-shrink .page-container .post-tools{top:83.36px}}@media (max-width:640px){.navbar-shrink .page-container .post-tools{top:78.32px}}@media (max-width:768px){.page-container .post-tools{top:101px;right:10px;transform:scale(.82);transform-origin:right top}}@media (max-width:640px){.page-container .post-tools{display:none;top:94px;right:5px;transform:scale(.72)}}.page-container .right-side-tools-container{position:fixed;bottom:5%;right:38px;opacity:1;transition:opacity .2s ease}.page-container .right-side-tools-container.hide{opacity:0;pointer-events:none;transition:opacity .2s ease}@media (max-width:640px){.page-container .right-side-tools-container{right:12px}}.transition-fade{transition:.4s;opacity:1}html.is-animating .transition-fade{opacity:0;transition:.4s}:root{--background-color:#fff;--background-color-transparent:rgba(255,255,255,0.6);--background-color-transparent-15:rgba(255,255,255,0.15);--background-color-transparent-40:rgba(255,255,255,0.4);--background-color-transparent-80:rgba(255,255,255,0.8);--second-background-color:#fafafa;--third-background-color:#f7f7f7;--third-background-color-transparent:rgba(241,241,241,0.6);--primary-color:#a31f34;--first-text-color:#323739;--second-text-color:#343a3c;--third-text-color:#5c6669;--fourth-text-color:#eaeced;--default-text-color:#373d3f;--invert-text-color:#bebec6;--border-color:rgba(0,0,0,0.08);--selection-color:#be243c;--shadow-color-1:rgba(0,0,0,0.08);--shadow-color-2:rgba(0,0,0,0.05);--shadow-hover-color:rgba(0,0,0,0.28);--scrollbar-color:#c1c1c1;--scrollbar-color-hover:#a1a1a1;--scroll-bar-bg-color:#fafafa;--link-color:#323739;--copyright-info-color:#c03;--avatar-background-color:#06c;--pjax-progress-bar-color:linear-gradient(45deg, #f10006, #ef5b00, #e59c01, #19ca05, #00cab5, #0264c8, #c303c3);--archive-timeline-last-child-color:linear-gradient(to bottom, #e8e8e8 60%, rgba(0,0,0,0) 100%) 1 100%;--note-blue-title-bg:#d6f7fb;--note-red-title-bg:#fde9e9;--note-cyan-title-bg:#e9fdf9;--note-green-title-bg:#e9fde9;--note-yellow-title-bg:#fdf9e9;--note-gray-title-bg:#f9f9f9;--note-type-title-bg:#fdf3e9;--note-black-title-bg:#e9e9e9;--note-purple-title-bg:#f9e9fd;--home-banner-text-color:#fff;--home-banner-icons-container-border-color:rgba(255,255,255,0.35);--home-banner-icons-container-background-color:rgba(255,255,255,0.3);--redefine-box-shadow:var(--shadow-color-2) 0px 6px 24px 0px,var(--shadow-color-1) 0px 0px 0px 1px;--redefine-box-shadow-hover:var(--shadow-color-2) 0px 6px 24px 0px,var(--shadow-color-1) 0px 0px 0px 1px,var(--shadow-color-1) 0px 0px 0px 1px inset;--redefine-box-shadow-flat:var(--shadow-color-2) 0px 1px 4px 0px,var(--shadow-color-1) 0px 0px 0px 1px;--redefine-box-shadow-flat-hover:var(--shadow-color-2) 0px 1px 4px 0px,var(--shadow-color-1) 0px 0px 0px 1px,var(--shadow-color-1) 0px 0px 0px 1px inset;--mermaid-theme:''}@media (prefers-color-scheme:light){:root{--background-color:#fff;--background-color-transparent:rgba(255,255,255,0.6);--background-color-transparent-15:rgba(255,255,255,0.15);--background-color-transparent-40:rgba(255,255,255,0.4);--background-color-transparent-80:rgba(255,255,255,0.8);--second-background-color:#fafafa;--third-background-color:#f7f7f7;--third-background-color-transparent:rgba(241,241,241,0.6);--primary-color:#a31f34;--first-text-color:#323739;--second-text-color:#343a3c;--third-text-color:#5c6669;--fourth-text-color:#eaeced;--default-text-color:#373d3f;--invert-text-color:#bebec6;--border-color:rgba(0,0,0,0.08);--selection-color:#be243c;--shadow-color-1:rgba(0,0,0,0.08);--shadow-color-2:rgba(0,0,0,0.05);--shadow-hover-color:rgba(0,0,0,0.28);--scrollbar-color:#c1c1c1;--scrollbar-color-hover:#a1a1a1;--scroll-bar-bg-color:#fafafa;--link-color:#323739;--copyright-info-color:#c03;--avatar-background-color:#06c;--pjax-progress-bar-color:linear-gradient(45deg, #f10006, #ef5b00, #e59c01, #19ca05, #00cab5, #0264c8, #c303c3);--archive-timeline-last-child-color:linear-gradient(to bottom, #e8e8e8 60%, rgba(0,0,0,0) 100%) 1 100%;--note-blue-title-bg:#d6f7fb;--note-red-title-bg:#fde9e9;--note-cyan-title-bg:#e9fdf9;--note-green-title-bg:#e9fde9;--note-yellow-title-bg:#fdf9e9;--note-gray-title-bg:#f9f9f9;--note-type-title-bg:#fdf3e9;--note-black-title-bg:#e9e9e9;--note-purple-title-bg:#f9e9fd;--home-banner-text-color:#fff;--home-banner-icons-container-border-color:rgba(255,255,255,0.35);--home-banner-icons-container-background-color:rgba(255,255,255,0.3);--redefine-box-shadow:var(--shadow-color-2) 0px 6px 24px 0px,var(--shadow-color-1) 0px 0px 0px 1px;--redefine-box-shadow-hover:var(--shadow-color-2) 0px 6px 24px 0px,var(--shadow-color-1) 0px 0px 0px 1px,var(--shadow-color-1) 0px 0px 0px 1px inset;--redefine-box-shadow-flat:var(--shadow-color-2) 0px 1px 4px 0px,var(--shadow-color-1) 0px 0px 0px 1px;--redefine-box-shadow-flat-hover:var(--shadow-color-2) 0px 1px 4px 0px,var(--shadow-color-1) 0px 0px 0px 1px,var(--shadow-color-1) 0px 0px 0px 1px inset;--mermaid-theme:''}}@media (prefers-color-scheme:dark){:root{--background-color:#202124;--background-color-transparent:rgba(32,33,36,0.4);--background-color-transparent-15:rgba(32,33,36,0.15);--background-color-transparent-40:rgba(32,33,36,0.4);--background-color-transparent-80:rgba(32,33,36,0.8);--second-background-color:#242529;--third-background-color:#292b2f;--third-background-color-transparent:rgba(32,33,36,0.6);--primary-color:#a31f34;--first-text-color:#d2d2d7;--second-text-color:#cbcbd1;--third-text-color:#9595a2;--fourth-text-color:#242429;--default-text-color:#bebec6;--invert-text-color:#373d3f;--border-color:rgba(255,255,255,0.08);--selection-color:#be243c;--shadow-color-1:rgba(255,255,255,0.08);--shadow-color-2:rgba(255,255,255,0.05);--shadow-hover-color:rgba(69,69,69,0.28);--scrollbar-color:#898989;--scrollbar-color-hover:#a1a1a1;--scroll-bar-bg-color:#2a2c30;--link-color:#c5c5cc;--copyright-info-color:#a30029;--avatar-background-color:#005cb8;--pjax-progress-bar-color:linear-gradient(45deg, #ea404a, #ea722f, #e9a71f, #67e559, #18ecec, #1b85f1, #ee1dee);--archive-timeline-last-child-color:linear-gradient(to bottom, #323232 60%, rgba(255,255,255,0) 100%) 1 100%;--note-blue-title-bg:#1e3e46;--note-red-title-bg:#4e1e1e;--note-cyan-title-bg:#1e4e4e;--note-green-title-bg:#1e4e1e;--note-yellow-title-bg:#4e4e1e;--note-gray-title-bg:#4e4e4e;--note-type-title-bg:#4e3a1e;--note-black-title-bg:#1e1e1e;--note-purple-title-bg:#4e1e4e;--home-banner-text-color:#d1d1b6;--home-banner-icons-container-border-color:rgba(197,197,197,0.35);--home-banner-icons-container-background-color:rgba(197,197,197,0.3);--redefine-box-shadow:var(--shadow-color-2) 0px 6px 24px 0px,var(--shadow-color-1) 0px 0px 0px 1px;--redefine-box-shadow-hover:var(--shadow-color-2) 0px 6px 24px 0px,var(--shadow-color-1) 0px 0px 0px 1px,var(--shadow-color-1) 0px 0px 0px 1px inset;--redefine-box-shadow-flat:var(--shadow-color-2) 0px 1px 4px 0px,var(--shadow-color-1) 0px 0px 0px 1px;--redefine-box-shadow-flat-hover:var(--shadow-color-2) 0px 1px 4px 0px,var(--shadow-color-1) 0px 0px 0px 1px,var(--shadow-color-1) 0px 0px 0px 1px inset;--mermaid-theme:''}}.light-mode{--background-color:#fff;--background-color-transparent:rgba(255,255,255,0.6);--background-color-transparent-15:rgba(255,255,255,0.15);--background-color-transparent-40:rgba(255,255,255,0.4);--background-color-transparent-80:rgba(255,255,255,0.8);--second-background-color:#fafafa;--third-background-color:#f7f7f7;--third-background-color-transparent:rgba(241,241,241,0.6);--primary-color:#a31f34;--first-text-color:#323739;--second-text-color:#343a3c;--third-text-color:#5c6669;--fourth-text-color:#eaeced;--default-text-color:#373d3f;--invert-text-color:#bebec6;--border-color:rgba(0,0,0,0.08);--selection-color:#be243c;--shadow-color-1:rgba(0,0,0,0.08);--shadow-color-2:rgba(0,0,0,0.05);--shadow-hover-color:rgba(0,0,0,0.28);--scrollbar-color:#c1c1c1;--scrollbar-color-hover:#a1a1a1;--scroll-bar-bg-color:#fafafa;--link-color:#323739;--copyright-info-color:#c03;--avatar-background-color:#06c;--pjax-progress-bar-color:linear-gradient(45deg, #f10006, #ef5b00, #e59c01, #19ca05, #00cab5, #0264c8, #c303c3);--archive-timeline-last-child-color:linear-gradient(to bottom, #e8e8e8 60%, rgba(0,0,0,0) 100%) 1 100%;--note-blue-title-bg:#d6f7fb;--note-red-title-bg:#fde9e9;--note-cyan-title-bg:#e9fdf9;--note-green-title-bg:#e9fde9;--note-yellow-title-bg:#fdf9e9;--note-gray-title-bg:#f9f9f9;--note-type-title-bg:#fdf3e9;--note-black-title-bg:#e9e9e9;--note-purple-title-bg:#f9e9fd;--home-banner-text-color:#fff;--home-banner-icons-container-border-color:rgba(255,255,255,0.35);--home-banner-icons-container-background-color:rgba(255,255,255,0.3);--redefine-box-shadow:var(--shadow-color-2) 0px 6px 24px 0px,var(--shadow-color-1) 0px 0px 0px 1px;--redefine-box-shadow-hover:var(--shadow-color-2) 0px 6px 24px 0px,var(--shadow-color-1) 0px 0px 0px 1px,var(--shadow-color-1) 0px 0px 0px 1px inset;--redefine-box-shadow-flat:var(--shadow-color-2) 0px 1px 4px 0px,var(--shadow-color-1) 0px 0px 0px 1px;--redefine-box-shadow-flat-hover:var(--shadow-color-2) 0px 1px 4px 0px,var(--shadow-color-1) 0px 0px 0px 1px,var(--shadow-color-1) 0px 0px 0px 1px inset;--mermaid-theme:''}.dark-mode{--background-color:#202124;--background-color-transparent:rgba(32,33,36,0.4);--background-color-transparent-15:rgba(32,33,36,0.15);--background-color-transparent-40:rgba(32,33,36,0.4);--background-color-transparent-80:rgba(32,33,36,0.8);--second-background-color:#242529;--third-background-color:#292b2f;--third-background-color-transparent:rgba(32,33,36,0.6);--primary-color:#a31f34;--first-text-color:#d2d2d7;--second-text-color:#cbcbd1;--third-text-color:#9595a2;--fourth-text-color:#242429;--default-text-color:#bebec6;--invert-text-color:#373d3f;--border-color:rgba(255,255,255,0.08);--selection-color:#be243c;--shadow-color-1:rgba(255,255,255,0.08);--shadow-color-2:rgba(255,255,255,0.05);--shadow-hover-color:rgba(69,69,69,0.28);--scrollbar-color:#898989;--scrollbar-color-hover:#a1a1a1;--scroll-bar-bg-color:#2a2c30;--link-color:#c5c5cc;--copyright-info-color:#a30029;--avatar-background-color:#005cb8;--pjax-progress-bar-color:linear-gradient(45deg, #ea404a, #ea722f, #e9a71f, #67e559, #18ecec, #1b85f1, #ee1dee);--archive-timeline-last-child-color:linear-gradient(to bottom, #323232 60%, rgba(255,255,255,0) 100%) 1 100%;--note-blue-title-bg:#1e3e46;--note-red-title-bg:#4e1e1e;--note-cyan-title-bg:#1e4e4e;--note-green-title-bg:#1e4e1e;--note-yellow-title-bg:#4e4e1e;--note-gray-title-bg:#4e4e4e;--note-type-title-bg:#4e3a1e;--note-black-title-bg:#1e1e1e;--note-purple-title-bg:#4e1e4e;--home-banner-text-color:#d1d1b6;--home-banner-icons-container-border-color:rgba(197,197,197,0.35);--home-banner-icons-container-background-color:rgba(197,197,197,0.3);--redefine-box-shadow:var(--shadow-color-2) 0px 6px 24px 0px,var(--shadow-color-1) 0px 0px 0px 1px;--redefine-box-shadow-hover:var(--shadow-color-2) 0px 6px 24px 0px,var(--shadow-color-1) 0px 0px 0px 1px,var(--shadow-color-1) 0px 0px 0px 1px inset;--redefine-box-shadow-flat:var(--shadow-color-2) 0px 1px 4px 0px,var(--shadow-color-1) 0px 0px 0px 1px;--redefine-box-shadow-flat-hover:var(--shadow-color-2) 0px 1px 4px 0px,var(--shadow-color-1) 0px 0px 0px 1px,var(--shadow-color-1) 0px 0px 0px 1px inset;--mermaid-theme:''}.search-pop-overlay{position:fixed;display:flex;height:100%;width:100%;left:0;top:0;background:rgba(0,0,0,0);visibility:hidden;z-index:1008;transition-property:color,background,box-shadow,border-color,visibility,background;transition-delay:0s,0s,0s,0s,0s,0s;transition-duration:.2s,.2s,.2s,.2s,.3s,.3s;transition-timing-function:ease,ease,ease,ease,ease,ease}.search-pop-overlay.active{visibility:visible;background:rgba(0,0,0,.35)}.search-pop-overlay.active .search-popup{transform:scale(1)}.search-pop-overlay .search-popup{background:var(--background-color);border-radius:5px;height:80%;width:70%;margin:auto;transform:scale(0);z-index:1006;transition-property:color,background,box-shadow,border-color,transform;transition-delay:0s,0s,0s,0s,0s;transition-duration:.2s,.2s,.2s,.2s,.3s;transition-timing-function:ease,ease,ease,ease,ease}@media (max-width:768px){.search-pop-overlay .search-popup{width:80%}}@media (max-width:640px){.search-pop-overlay .search-popup{width:90%}}.search-pop-overlay .search-popup .search-header{background:var(--fourth-text-color);border-top-left-radius:2px;border-top-right-radius:2px;display:flex;padding:10px}.search-pop-overlay .search-popup .search-header .popup-btn-close,.search-pop-overlay .search-popup .search-header .search-input-field-pre{font-size:1.2rem;padding:0 10px;display:flex;align-items:center}.search-pop-overlay .search-popup .search-header .search-input-field-pre{cursor:pointer;color:var(--third-text-color)}.search-pop-overlay .search-popup .search-header .popup-btn-close{color:var(--default-text-color)}.search-pop-overlay .search-popup .search-header .search-input-container{flex-grow:1;padding:2px}.search-pop-overlay .search-popup .search-header .search-input-container .search-input{background:0 0;border:0;outline:0;width:100%;font-size:1.2rem;color:var(--default-text-color)}.search-pop-overlay .search-popup .search-header .search-input-container .search-input::-webkit-search-cancel-button{display:none}.search-pop-overlay .search-popup .search-header .popup-btn-close{cursor:pointer}.search-pop-overlay .search-popup .search-header .popup-btn-close fab,.search-pop-overlay .search-popup .search-header .popup-btn-close far,.search-pop-overlay .search-popup .search-header .popup-btn-close:hover .fas{color:var(--first-text-color)}.search-pop-overlay .search-popup #search-result{display:flex;height:calc(100% - 55px);overflow:auto;padding:5px 25px}.search-pop-overlay .search-popup #search-result .search-result-list{width:100%;height:100%;font-size:1rem}.search-pop-overlay .search-popup #search-result .search-result-list li{border-bottom:1px dashed var(--border-color);padding:10px 0;margin:10px 0;box-sizing:border-box}.search-pop-overlay .search-popup #search-result .search-result-list li:last-child{border-bottom:none}.search-pop-overlay .search-popup #search-result .search-result-list li .search-result-title{position:relative;font-weight:700;margin-bottom:10px;padding-left:16px;display:flex;align-items:center}.search-pop-overlay .search-popup #search-result .search-result-list li .search-result-title::after{content:'';position:absolute;width:5px;height:5px;border-radius:50%;top:50%;transform:translateY(-50%);left:0;background:var(--default-text-color)}.search-pop-overlay .search-popup #search-result .search-result-list li .search-result{line-height:2rem;margin:0;padding-left:16px;word-wrap:break-word}.search-pop-overlay .search-popup #search-result .search-result-list li a:hover{color:var(--default-text-color)}.search-pop-overlay .search-popup #search-result .search-result-list li .search-keyword{border-bottom:1px dashed var(--primary-color);color:var(--primary-color);font-weight:700}.search-pop-overlay .search-popup #search-result #no-result{color:var(--third-text-color);margin:auto}.post-toc-wrap{width:100%;font-size:.92rem;box-sizing:border-box;font-family:Satoshi-Variable,sans-serif,'Noto Sans SC',sans-serif,'Noto Sans','Noto Sans SC',sans-serif}.post-toc-wrap .post-toc .toc-title{font-size:.8rem;color:var(--default-text-color);font-weight:500;margin-bottom:.2rem}.post-toc-wrap .post-toc .page-title{white-space:normal;font-size:1.1rem;color:var(--second-text-color);font-weight:700;margin-bottom:.6rem}.post-toc-wrap .post-toc ol{list-style:none;margin:0;padding:0 2px 12px 10px;text-align:left}.post-toc-wrap .post-toc ol ol{border-left:2px dotted var(--shadow-color-1)}.post-toc-wrap .post-toc ol:last-child{padding-bottom:0}.post-toc-wrap .post-toc ol>ol{padding-left:0}.post-toc-wrap .post-toc ol a{transition-property:all}.post-toc-wrap .post-toc .nav-item{line-height:2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.9rem;transition:all .3s ease}.post-toc-wrap .post-toc .nav-item a>span:first-child::before{content:' ';width:10px;height:1.7rem;margin:auto 0;transform:translate(-12px,0);border-left:2px solid var(--primary-color);position:absolute;margin-right:4px;color:var(--primary-color);opacity:0;transition:all .1s linear}.post-toc-wrap .post-toc .nav .nav-child{display:block}.post-toc-wrap .post-toc .nav .active>.nav-child{display:block}.post-toc-wrap .post-toc .nav .active-current>.nav-child{display:block}.post-toc-wrap .post-toc .nav .active-current>.nav-child>.nav-item{display:block}.post-toc-wrap .post-toc .nav .nav-number,.post-toc-wrap .post-toc .nav .nav-text{color:var(--third-text-color);padding-left:0;transition:all .3s ease}.post-toc-wrap .post-toc .nav .active>a .nav-number,.post-toc-wrap .post-toc .nav .active>a .nav-text{color:var(--primary-color);font-weight:700}.post-toc-wrap .post-toc .nav .active-current .nav-number,.post-toc-wrap .post-toc .nav .active-current .nav-text{color:var(--primary-color)!important;font-weight:700;transition:all .3s ease}.post-toc-wrap .post-toc .nav .active-current>span:first-child::before{content:' ';width:10px;height:1.7rem;margin:auto 0;transform:translate(-12px,0);border-left:2px solid var(--primary-color);position:absolute;margin-right:4px;color:var(--primary-color);opacity:1;transition:all .1s linear}.comments-container .gt-container{box-sizing:border-box;font-size:16px}.comments-container .gt-container *{box-sizing:border-box}.comments-container .gt-container a{color:#6190e8}.comments-container .gt-container a:hover{color:#81a6ed;border-color:#81a6ed}.comments-container .gt-container a.is--active{color:#333;cursor:default!important}.comments-container .gt-container a.is--active:hover{color:#333}.comments-container .gt-container .hide{display:none!important}.comments-container .gt-container .gt-svg{display:inline-block;width:1em;height:1em;vertical-align:sub}.comments-container .gt-container .gt-svg svg{width:100%;height:100%;fill:#6190e8}.comments-container .gt-container .gt-ico{display:inline-block}.comments-container .gt-container .gt-ico-text{margin-left:.3125em}.comments-container .gt-container .gt-ico-github{width:100%;height:100%}.comments-container .gt-container .gt-ico-github .gt-svg{width:100%;height:100%}.comments-container .gt-container .gt-ico-github svg{fill:inherit}.comments-container .gt-container .gt-spinner{position:relative}.comments-container .gt-container .gt-spinner::before{content:'';box-sizing:border-box;position:absolute;top:3px;width:.75em;height:.75em;margin-top:-.1875em;margin-left:-.375em;border-radius:50%;border:1px solid #fff;border-top-color:#6190e8;animation:gt-kf-rotate .6s linear infinite}.comments-container .gt-container .gt-loader{position:relative;border:1px solid #999;animation:ease gt-kf-rotate 1.5s infinite;display:inline-block;font-style:normal;width:1.75em;height:1.75em;line-height:1.75em;border-radius:50%}.comments-container .gt-container .gt-loader:before{content:'';position:absolute;display:block;top:0;left:50%;margin-top:-.1875em;margin-left:-.1875em;width:.375em;height:.375em;background-color:#999;border-radius:50%}.comments-container .gt-container .gt-avatar{display:inline-block;width:3.125em;height:3.125em}@media (max-width:479px){.comments-container .gt-container .gt-avatar{width:2em;height:2em}}.comments-container .gt-container .gt-avatar img{width:100%;height:auto;border-radius:3px}.comments-container .gt-container .gt-avatar-github{width:3em;height:3em;cursor:pointer}@media (max-width:479px){.comments-container .gt-container .gt-avatar-github{width:1.875em;height:1.875em}}.comments-container .gt-container .gt-btn{padding:.75em 1.25em;display:inline-block;line-height:1;text-decoration:none;white-space:nowrap;cursor:pointer;border:1px solid #6190e8;border-radius:5px;background-color:#6190e8;color:#fff;outline:0;font-size:.75em}.comments-container .gt-container .gt-btn-text{font-weight:400}.comments-container .gt-container .gt-btn-loading{position:relative;margin-left:.5em;display:inline-block;width:.75em;height:1em;vertical-align:top}.comments-container .gt-container .gt-btn.is--disable{cursor:not-allowed;opacity:.5}.comments-container .gt-container .gt-btn-login{margin-right:0}.comments-container .gt-container .gt-btn-preview{background-color:var(--background-color);color:#6190e8}.comments-container .gt-container .gt-btn-preview:hover{background-color:var(--third-background-color)}.comments-container .gt-container .gt-btn-public:hover{background-color:#81a6ed;border-color:#81a6ed}.comments-container .gt-error,.comments-container-loadmore{text-align:center;margin:.625em;color:#ff3860}.comments-container .gt-initing{padding:1.25em 0;text-align:center}.comments-container .gt-initing-text{margin:.625em auto;font-size:92%}.comments-container .gt-no-init{padding:1.25em 0;text-align:center}.comments-container .gt-link{border-bottom:1px dotted #6190e8}.comments-container .gt-link-counts,.comments-container .gt-link-project{text-decoration:none}.comments-container .gt-meta{margin:1.25em 0;padding:1em 0;position:relative;border-bottom:1px solid #e9e9e9;font-size:1em;z-index:10}.comments-container .gt-meta:after,.comments-container .gt-meta:before{content:' ';display:table}.comments-container .gt-meta:after{clear:both}.comments-container .gt-counts{margin:0 .625em 0 0;color:var(--default-text-color)}.comments-container .gt-user{float:right;margin:0;font-size:92%}.comments-container .gt-user-pic{width:16px;height:16px;vertical-align:top;margin-right:.5em}.comments-container .gt-user-inner{display:inline-block;cursor:pointer}.comments-container .gt-user-inner .gt-user-name{color:var(--default-text-color)}.comments-container .gt-user .gt-ico{margin:0 0 0 .3125em}.comments-container .gt-user .gt-ico svg{fill:var(--default-text-color)}.comments-container .gt-user .is--poping .gt-ico svg{fill:#6190e8}.comments-container .gt-version{color:#a1a1a1;margin-left:.375em}.comments-container .gt-copyright{margin:0 .9375em .5em;border-top:1px solid var(--border-color);padding-top:.5em}.comments-container .gt-popup{position:absolute;right:0;top:2.375em;background:var(--background-color);display:inline-block;border:1px solid var(--border-color);padding:.625em 0;font-size:.875em;letter-spacing:.5px}.comments-container .gt-popup .gt-action{cursor:pointer;display:block;margin:.5em 0;padding:0 1.125em;position:relative;text-decoration:none}.comments-container .gt-popup .gt-action.is--active:before{content:'';width:.25em;height:.25em;background:#6190e8;position:absolute;left:.5em;top:.4375em}.comments-container .gt-header{position:relative;display:flex}.comments-container .gt-header-comment{flex:1;margin-left:1.25em}@media (max-width:479px){.comments-container .gt-header-comment{margin-left:.875em}}.comments-container .gt-header-textarea{padding:.75em;display:block;box-sizing:border-box;width:100%;min-height:5.125em;max-height:15em;border-radius:5px;border:1px solid var(--border-color);font-size:.875em;word-wrap:break-word;resize:vertical;color:var(--default-text-color);background-color:var(--fourth-text-color);outline:0;transition:all .25s ease}.comments-container .gt-header-textarea:hover{background-color:var(--background-color)}.comments-container .gt-header-preview{padding:.75em;border-radius:5px;border:1px solid var(--border-color);background-color:var(--background-color)}.comments-container .gt-header-controls{position:relative;margin:.75em 0 0}.comments-container .gt-header-controls:after,.comments-container .gt-header-controls:before{content:' ';display:table}.comments-container .gt-header-controls:after{clear:both}@media (max-width:479px){.comments-container .gt-header-controls{margin:0}}.comments-container .gt-header-controls-tip{font-size:.875em;color:#6190e8;text-decoration:none;vertical-align:sub}@media (max-width:479px){.comments-container .gt-header-controls-tip{display:none}}.comments-container .gt-header-controls .gt-btn{float:right;margin-left:1.25em}@media (max-width:479px){.comments-container .gt-header-controls .gt-btn{float:none;width:100%;margin:.75em 0 0}}.comments-container:after{content:'';position:fixed;bottom:100%;left:0;right:0;top:0;opacity:0}.comments-container.gt-input-focused{position:relative}.comments-container.gt-input-focused:after{content:'';position:fixed;bottom:0;left:0;right:0;top:0;background:#000;opacity:.6;transition:opacity .3s,bottom 0s;z-index:9999}.comments-container.gt-input-focused .gt-header-comment{z-index:10000}.comments-container .gt-comments{padding-top:1.25em}.comments-container .gt-comments-null{text-align:center}.comments-container .gt-comments-controls{margin:1.25em 0;text-align:center}.comments-container .gt-comment{position:relative;padding:.625em 0;display:flex}.comments-container .gt-comment-content{flex:1;margin-left:1.25em;padding:.75em 1em;background-color:var(--third-background-color);overflow:auto;transition:all ease .25s}@media (max-width:479px){.comments-container .gt-comment-content{margin-left:.875em;padding:.625em .75em}}.comments-container .gt-comment-header{margin-bottom:.5em;font-size:.875em;position:relative}.comments-container .gt-comment-block-1{float:right;height:1.375em;width:2em}.comments-container .gt-comment-block-2{float:right;height:1.375em;width:4em}.comments-container .gt-comment-username{font-weight:500;color:#6190e8;text-decoration:none}.comments-container .gt-comment-username:hover{text-decoration:underline}.comments-container .gt-comment-text{margin-left:.5em;color:#a1a1a1}.comments-container .gt-comment-date{margin-left:.5em;color:#a1a1a1}.comments-container .gt-comment-edit,.comments-container .gt-comment-like,.comments-container .gt-comment-reply{position:absolute;height:1.375em}.comments-container .gt-comment-edit:hover,.comments-container .gt-comment-like:hover,.comments-container .gt-comment-reply:hover{cursor:pointer}.comments-container .gt-comment-like{top:0;right:2em}.comments-container .gt-comment-edit,.comments-container .gt-comment-reply{top:0;right:0}.comments-container .gt-comment-body{color:var(--second-text-color)!important}.comments-container .gt-comment-body .email-hidden-toggle a{display:inline-block;height:12px;padding:0 9px;font-size:12px;font-weight:600;line-height:6px;color:#444d56;text-decoration:none;vertical-align:middle;background:#dfe2e5;border-radius:1px}.comments-container .gt-comment-body .email-hidden-toggle a:hover{background-color:#c6cbd1}.comments-container .gt-comment-body .email-hidden-reply{display:none;white-space:pre-wrap}.comments-container .gt-comment-body .email-hidden-reply .email-signature-reply{padding:0 15px;margin:15px 0;color:#586069;border-left:4px solid #dfe2e5}.comments-container .gt-comment-body .email-hidden-reply.expanded{display:block}.comments-container .gt-comment-admin .gt-comment-content{background-color:var(--fourth-text-color)}@-moz-keyframes gt-kf-rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@-webkit-keyframes gt-kf-rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@-o-keyframes gt-kf-rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes gt-kf-rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.progress-bar-container{position:fixed;top:0;left:0;width:100%;z-index:1009}.progress-bar-container .scroll-progress-bar{position:absolute;top:0;left:0;width:0;height:2px;visibility:hidden;z-index:1007;background:var(--primary-color);transition-property:color,background,box-shadow,border-color,width,opacity;transition-delay:0s,0s,0s,0s,0s,0s;transition-duration:.2s,.2s,.2s,.2s,.1s,.1s;transition-timing-function:ease,ease,ease,ease,ease,ease}.progress-bar-container .scroll-progress-bar.hide{display:none!important}html.is-animating .scroll-progress-bar{opacity:0;transition:opacity .1s ease-out}.swup-progress-bar{background:#12c2e9;height:2px;background:linear-gradient(to right,#12c2e9,#c471ed,#f64f59)}:root{--background-color:#fff;--background-color-transparent:rgba(255,255,255,0.6);--background-color-transparent-15:rgba(255,255,255,0.15);--background-color-transparent-40:rgba(255,255,255,0.4);--background-color-transparent-80:rgba(255,255,255,0.8);--second-background-color:#fafafa;--third-background-color:#f7f7f7;--third-background-color-transparent:rgba(241,241,241,0.6);--primary-color:#a31f34;--first-text-color:#323739;--second-text-color:#343a3c;--third-text-color:#5c6669;--fourth-text-color:#eaeced;--default-text-color:#373d3f;--invert-text-color:#bebec6;--border-color:rgba(0,0,0,0.08);--selection-color:#be243c;--shadow-color-1:rgba(0,0,0,0.08);--shadow-color-2:rgba(0,0,0,0.05);--shadow-hover-color:rgba(0,0,0,0.28);--scrollbar-color:#c1c1c1;--scrollbar-color-hover:#a1a1a1;--scroll-bar-bg-color:#fafafa;--link-color:#323739;--copyright-info-color:#c03;--avatar-background-color:#06c;--pjax-progress-bar-color:linear-gradient(45deg, #f10006, #ef5b00, #e59c01, #19ca05, #00cab5, #0264c8, #c303c3);--archive-timeline-last-child-color:linear-gradient(to bottom, #e8e8e8 60%, rgba(0,0,0,0) 100%) 1 100%;--note-blue-title-bg:#d6f7fb;--note-red-title-bg:#fde9e9;--note-cyan-title-bg:#e9fdf9;--note-green-title-bg:#e9fde9;--note-yellow-title-bg:#fdf9e9;--note-gray-title-bg:#f9f9f9;--note-type-title-bg:#fdf3e9;--note-black-title-bg:#e9e9e9;--note-purple-title-bg:#f9e9fd;--home-banner-text-color:#fff;--home-banner-icons-container-border-color:rgba(255,255,255,0.35);--home-banner-icons-container-background-color:rgba(255,255,255,0.3);--redefine-box-shadow:var(--shadow-color-2) 0px 6px 24px 0px,var(--shadow-color-1) 0px 0px 0px 1px;--redefine-box-shadow-hover:var(--shadow-color-2) 0px 6px 24px 0px,var(--shadow-color-1) 0px 0px 0px 1px,var(--shadow-color-1) 0px 0px 0px 1px inset;--redefine-box-shadow-flat:var(--shadow-color-2) 0px 1px 4px 0px,var(--shadow-color-1) 0px 0px 0px 1px;--redefine-box-shadow-flat-hover:var(--shadow-color-2) 0px 1px 4px 0px,var(--shadow-color-1) 0px 0px 0px 1px,var(--shadow-color-1) 0px 0px 0px 1px inset;--mermaid-theme:''}@media (prefers-color-scheme:light){:root{--background-color:#fff;--background-color-transparent:rgba(255,255,255,0.6);--background-color-transparent-15:rgba(255,255,255,0.15);--background-color-transparent-40:rgba(255,255,255,0.4);--background-color-transparent-80:rgba(255,255,255,0.8);--second-background-color:#fafafa;--third-background-color:#f7f7f7;--third-background-color-transparent:rgba(241,241,241,0.6);--primary-color:#a31f34;--first-text-color:#323739;--second-text-color:#343a3c;--third-text-color:#5c6669;--fourth-text-color:#eaeced;--default-text-color:#373d3f;--invert-text-color:#bebec6;--border-color:rgba(0,0,0,0.08);--selection-color:#be243c;--shadow-color-1:rgba(0,0,0,0.08);--shadow-color-2:rgba(0,0,0,0.05);--shadow-hover-color:rgba(0,0,0,0.28);--scrollbar-color:#c1c1c1;--scrollbar-color-hover:#a1a1a1;--scroll-bar-bg-color:#fafafa;--link-color:#323739;--copyright-info-color:#c03;--avatar-background-color:#06c;--pjax-progress-bar-color:linear-gradient(45deg, #f10006, #ef5b00, #e59c01, #19ca05, #00cab5, #0264c8, #c303c3);--archive-timeline-last-child-color:linear-gradient(to bottom, #e8e8e8 60%, rgba(0,0,0,0) 100%) 1 100%;--note-blue-title-bg:#d6f7fb;--note-red-title-bg:#fde9e9;--note-cyan-title-bg:#e9fdf9;--note-green-title-bg:#e9fde9;--note-yellow-title-bg:#fdf9e9;--note-gray-title-bg:#f9f9f9;--note-type-title-bg:#fdf3e9;--note-black-title-bg:#e9e9e9;--note-purple-title-bg:#f9e9fd;--home-banner-text-color:#fff;--home-banner-icons-container-border-color:rgba(255,255,255,0.35);--home-banner-icons-container-background-color:rgba(255,255,255,0.3);--redefine-box-shadow:var(--shadow-color-2) 0px 6px 24px 0px,var(--shadow-color-1) 0px 0px 0px 1px;--redefine-box-shadow-hover:var(--shadow-color-2) 0px 6px 24px 0px,var(--shadow-color-1) 0px 0px 0px 1px,var(--shadow-color-1) 0px 0px 0px 1px inset;--redefine-box-shadow-flat:var(--shadow-color-2) 0px 1px 4px 0px,var(--shadow-color-1) 0px 0px 0px 1px;--redefine-box-shadow-flat-hover:var(--shadow-color-2) 0px 1px 4px 0px,var(--shadow-color-1) 0px 0px 0px 1px,var(--shadow-color-1) 0px 0px 0px 1px inset;--mermaid-theme:''}}@media (prefers-color-scheme:dark){:root{--background-color:#202124;--background-color-transparent:rgba(32,33,36,0.4);--background-color-transparent-15:rgba(32,33,36,0.15);--background-color-transparent-40:rgba(32,33,36,0.4);--background-color-transparent-80:rgba(32,33,36,0.8);--second-background-color:#242529;--third-background-color:#292b2f;--third-background-color-transparent:rgba(32,33,36,0.6);--primary-color:#a31f34;--first-text-color:#d2d2d7;--second-text-color:#cbcbd1;--third-text-color:#9595a2;--fourth-text-color:#242429;--default-text-color:#bebec6;--invert-text-color:#373d3f;--border-color:rgba(255,255,255,0.08);--selection-color:#be243c;--shadow-color-1:rgba(255,255,255,0.08);--shadow-color-2:rgba(255,255,255,0.05);--shadow-hover-color:rgba(69,69,69,0.28);--scrollbar-color:#898989;--scrollbar-color-hover:#a1a1a1;--scroll-bar-bg-color:#2a2c30;--link-color:#c5c5cc;--copyright-info-color:#a30029;--avatar-background-color:#005cb8;--pjax-progress-bar-color:linear-gradient(45deg, #ea404a, #ea722f, #e9a71f, #67e559, #18ecec, #1b85f1, #ee1dee);--archive-timeline-last-child-color:linear-gradient(to bottom, #323232 60%, rgba(255,255,255,0) 100%) 1 100%;--note-blue-title-bg:#1e3e46;--note-red-title-bg:#4e1e1e;--note-cyan-title-bg:#1e4e4e;--note-green-title-bg:#1e4e1e;--note-yellow-title-bg:#4e4e1e;--note-gray-title-bg:#4e4e4e;--note-type-title-bg:#4e3a1e;--note-black-title-bg:#1e1e1e;--note-purple-title-bg:#4e1e4e;--home-banner-text-color:#d1d1b6;--home-banner-icons-container-border-color:rgba(197,197,197,0.35);--home-banner-icons-container-background-color:rgba(197,197,197,0.3);--redefine-box-shadow:var(--shadow-color-2) 0px 6px 24px 0px,var(--shadow-color-1) 0px 0px 0px 1px;--redefine-box-shadow-hover:var(--shadow-color-2) 0px 6px 24px 0px,var(--shadow-color-1) 0px 0px 0px 1px,var(--shadow-color-1) 0px 0px 0px 1px inset;--redefine-box-shadow-flat:var(--shadow-color-2) 0px 1px 4px 0px,var(--shadow-color-1) 0px 0px 0px 1px;--redefine-box-shadow-flat-hover:var(--shadow-color-2) 0px 1px 4px 0px,var(--shadow-color-1) 0px 0px 0px 1px,var(--shadow-color-1) 0px 0px 0px 1px inset;--mermaid-theme:''}}.light-mode{--background-color:#fff;--background-color-transparent:rgba(255,255,255,0.6);--background-color-transparent-15:rgba(255,255,255,0.15);--background-color-transparent-40:rgba(255,255,255,0.4);--background-color-transparent-80:rgba(255,255,255,0.8);--second-background-color:#fafafa;--third-background-color:#f7f7f7;--third-background-color-transparent:rgba(241,241,241,0.6);--primary-color:#a31f34;--first-text-color:#323739;--second-text-color:#343a3c;--third-text-color:#5c6669;--fourth-text-color:#eaeced;--default-text-color:#373d3f;--invert-text-color:#bebec6;--border-color:rgba(0,0,0,0.08);--selection-color:#be243c;--shadow-color-1:rgba(0,0,0,0.08);--shadow-color-2:rgba(0,0,0,0.05);--shadow-hover-color:rgba(0,0,0,0.28);--scrollbar-color:#c1c1c1;--scrollbar-color-hover:#a1a1a1;--scroll-bar-bg-color:#fafafa;--link-color:#323739;--copyright-info-color:#c03;--avatar-background-color:#06c;--pjax-progress-bar-color:linear-gradient(45deg, #f10006, #ef5b00, #e59c01, #19ca05, #00cab5, #0264c8, #c303c3);--archive-timeline-last-child-color:linear-gradient(to bottom, #e8e8e8 60%, rgba(0,0,0,0) 100%) 1 100%;--note-blue-title-bg:#d6f7fb;--note-red-title-bg:#fde9e9;--note-cyan-title-bg:#e9fdf9;--note-green-title-bg:#e9fde9;--note-yellow-title-bg:#fdf9e9;--note-gray-title-bg:#f9f9f9;--note-type-title-bg:#fdf3e9;--note-black-title-bg:#e9e9e9;--note-purple-title-bg:#f9e9fd;--home-banner-text-color:#fff;--home-banner-icons-container-border-color:rgba(255,255,255,0.35);--home-banner-icons-container-background-color:rgba(255,255,255,0.3);--redefine-box-shadow:var(--shadow-color-2) 0px 6px 24px 0px,var(--shadow-color-1) 0px 0px 0px 1px;--redefine-box-shadow-hover:var(--shadow-color-2) 0px 6px 24px 0px,var(--shadow-color-1) 0px 0px 0px 1px,var(--shadow-color-1) 0px 0px 0px 1px inset;--redefine-box-shadow-flat:var(--shadow-color-2) 0px 1px 4px 0px,var(--shadow-color-1) 0px 0px 0px 1px;--redefine-box-shadow-flat-hover:var(--shadow-color-2) 0px 1px 4px 0px,var(--shadow-color-1) 0px 0px 0px 1px,var(--shadow-color-1) 0px 0px 0px 1px inset;--mermaid-theme:''}.dark-mode{--background-color:#202124;--background-color-transparent:rgba(32,33,36,0.4);--background-color-transparent-15:rgba(32,33,36,0.15);--background-color-transparent-40:rgba(32,33,36,0.4);--background-color-transparent-80:rgba(32,33,36,0.8);--second-background-color:#242529;--third-background-color:#292b2f;--third-background-color-transparent:rgba(32,33,36,0.6);--primary-color:#a31f34;--first-text-color:#d2d2d7;--second-text-color:#cbcbd1;--third-text-color:#9595a2;--fourth-text-color:#242429;--default-text-color:#bebec6;--invert-text-color:#373d3f;--border-color:rgba(255,255,255,0.08);--selection-color:#be243c;--shadow-color-1:rgba(255,255,255,0.08);--shadow-color-2:rgba(255,255,255,0.05);--shadow-hover-color:rgba(69,69,69,0.28);--scrollbar-color:#898989;--scrollbar-color-hover:#a1a1a1;--scroll-bar-bg-color:#2a2c30;--link-color:#c5c5cc;--copyright-info-color:#a30029;--avatar-background-color:#005cb8;--pjax-progress-bar-color:linear-gradient(45deg, #ea404a, #ea722f, #e9a71f, #67e559, #18ecec, #1b85f1, #ee1dee);--archive-timeline-last-child-color:linear-gradient(to bottom, #323232 60%, rgba(255,255,255,0) 100%) 1 100%;--note-blue-title-bg:#1e3e46;--note-red-title-bg:#4e1e1e;--note-cyan-title-bg:#1e4e4e;--note-green-title-bg:#1e4e1e;--note-yellow-title-bg:#4e4e1e;--note-gray-title-bg:#4e4e4e;--note-type-title-bg:#4e3a1e;--note-black-title-bg:#1e1e1e;--note-purple-title-bg:#4e1e4e;--home-banner-text-color:#d1d1b6;--home-banner-icons-container-border-color:rgba(197,197,197,0.35);--home-banner-icons-container-background-color:rgba(197,197,197,0.3);--redefine-box-shadow:var(--shadow-color-2) 0px 6px 24px 0px,var(--shadow-color-1) 0px 0px 0px 1px;--redefine-box-shadow-hover:var(--shadow-color-2) 0px 6px 24px 0px,var(--shadow-color-1) 0px 0px 0px 1px,var(--shadow-color-1) 0px 0px 0px 1px inset;--redefine-box-shadow-flat:var(--shadow-color-2) 0px 1px 4px 0px,var(--shadow-color-1) 0px 0px 0px 1px;--redefine-box-shadow-flat-hover:var(--shadow-color-2) 0px 1px 4px 0px,var(--shadow-color-1) 0px 0px 0px 1px,var(--shadow-color-1) 0px 0px 0px 1px inset;--mermaid-theme:''}.navbar-container{font-family:Chillax-Variable,sans-serif;width:100%;height:100%;box-sizing:border-box;display:flex;align-items:center;justify-content:center;background:linear-gradient(120deg,rgba(247,135,54,.208) 0,rgba(54,125,247,.208) 100%);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding-top:2px;box-shadow:var(--redefine-box-shadow)}.navbar-container:hover{box-shadow:var(--redefine-box-shadow-hover)}.navbar-container .navbar-content{position:relative;height:100%;width:100%;max-width:1000px;display:flex;flex-direction:row;justify-content:space-between;align-items:center;z-index:1005;transition:max-width .3s ease}.navbar-container .navbar-content.has-home-banner{max-width:1200px}.navbar-container .navbar-content .left{display:flex;align-items:center}.navbar-container .navbar-content .left .logo-title{font-size:1.7rem;font-weight:520;line-height:1;color:var(--first-text-color);transform:translateY(1px)}.navbar-container .navbar-content .left .logo-title h1{margin:0;font-size:1.7rem;font-weight:520;line-height:1;color:var(--first-text-color);transform:translateY(1px)}@media (max-width:768px){.navbar-container .navbar-content .left .logo-title h1{font-size:1.53rem}}@media (max-width:640px){.navbar-container .navbar-content .left .logo-title h1{font-size:1.36rem}}@media (max-width:768px){.navbar-container .navbar-content .left .logo-title{font-size:1.53rem}}@media (max-width:640px){.navbar-container .navbar-content .left .logo-title{font-size:1.36rem}}.navbar-container .navbar-content .right .desktop .navbar-list{display:flex;gap:24px;align-items:center}@media (max-width:768px){.navbar-container .navbar-content .right .desktop .navbar-list{display:none}}.navbar-container .navbar-content .right .desktop .navbar-list .navbar-item{float:left;position:relative;font-size:1rem;font-weight:450;cursor:pointer;color:var(--default-text-color)}.navbar-container .navbar-content .right .desktop .navbar-list .navbar-item a{display:block;padding:5px}.navbar-container .navbar-content .right .desktop .navbar-list .navbar-item a .fa-chevron-down{transform:rotate(0);transition:transform .3s ease}.navbar-container .navbar-content .right .desktop .navbar-list .navbar-item .active::after,.navbar-container .navbar-content .right .desktop .navbar-list .navbar-item a::after{content:'';position:absolute;bottom:-5px;left:50%;width:100%;height:2px;transform:translate3d(-50%,-5px,0);border-radius:18px;background:var(--primary-color);opacity:0;transition-property:color,background,box-shadow,border-color,transform,bottom,opacity;transition-delay:0s,0s,0s,0s,.2s,.2s,.2s;transition-duration:.2s,.2s,.2s,.2s,.2s,.2s,.2s;transition-timing-function:ease,ease,ease,ease,ease,ease,ease}.navbar-shrink .navbar-container .navbar-content .right .desktop .navbar-list .navbar-item .active::after,.navbar-shrink .navbar-container .navbar-content .right .desktop .navbar-list .navbar-item a::after{bottom:-8.2px}.navbar-container .navbar-content .right .desktop .navbar-list .navbar-item:hover a .fa-chevron-down{transform:rotate(180deg)}.navbar-container .navbar-content .right .desktop .navbar-list .navbar-item:hover .has-dropdown::after{display:none!important}.navbar-container .navbar-content .right .desktop .navbar-list .navbar-item .active::after,.navbar-container .navbar-content .right .desktop .navbar-list .navbar-item:hover a::after{transform:translate3d(-50%,0,0);opacity:1;transition-property:color,background,box-shadow,border-color,transform,bottom,opacity;transition-delay:0s,0s,0s,0s,0s,0s,0s;transition-duration:.2s,.2s,.2s,.2s,.2s,.2s,.2s;transition-timing-function:ease,ease,ease,ease,ease,ease,ease}.navbar-shrink .navbar-container .navbar-content .right .desktop .navbar-list .navbar-item .active::after,.navbar-shrink .navbar-container .navbar-content .right .desktop .navbar-list .navbar-item:hover a::after{bottom:-8.2px}.navbar-container .navbar-content .right .desktop .navbar-list .navbar-item.search{font-size:1.5rem;margin-left:26px}.navbar-container .navbar-content .right .desktop .navbar-list .navbar-item.search i{color:var(--default-text-color)}.navbar-container .navbar-content .right .desktop .navbar-list .navbar-item .sub-menu{position:absolute;right:auto;left:50%;-webkit-transform:translate(-50%,0);-o-transform:translate(-50%,0);transform:translate(-50%,0);margin-top:0;width:auto;text-align:center;list-style:none;padding:0 10px;border-radius:18px;max-height:0;overflow:hidden;transition-property:color,background,box-shadow,border-color,all;transition-delay:0s,0s,0s,0s,0s;transition-duration:.2s,.2s,.2s,.2s,.2s;transition-timing-function:ease,ease,ease,ease,linear}.navbar-container .navbar-content .right .desktop .navbar-list .navbar-item .sub-menu li a{white-space:nowrap;color:var(--default-text-color);font-size:1rem;padding:3px 15px;display:block;text-align:center;border-radius:8px;transition-property:color,background,box-shadow,border-color,all;transition-delay:0s,0s,0s,0s,0s;transition-duration:.2s,.2s,.2s,.2s,.2s;transition-timing-function:ease,ease,ease,ease,linear}.navbar-container .navbar-content .right .desktop .navbar-list .navbar-item .sub-menu li a:hover{color:var(--primary-color);background-color:var(--third-background-color)}.navbar-container .navbar-content .right .desktop .navbar-list .navbar-item:hover .sub-menu{max-height:500px;transition-property:color,background,box-shadow,border-color,all;transition-delay:0s,0s,0s,0s,0s;transition-duration:.2s,.2s,.2s,.2s,.2s;transition-timing-function:ease,ease,ease,ease,ease;padding:10px;border-radius:18px;box-sizing:border-box;background:var(--background-color);margin-bottom:5px;box-shadow:var(--redefine-box-shadow)}@media (max-width:768px){.navbar-container .navbar-content .right .desktop .navbar-list .navbar-item:hover .sub-menu{margin-bottom:4px}}@media (max-width:640px){.navbar-container .navbar-content .right .desktop .navbar-list .navbar-item:hover .sub-menu{margin-bottom:3px}}.navbar-container .navbar-content .right .desktop .navbar-list .navbar-item:hover .sub-menu:hover{box-shadow:var(--redefine-box-shadow-hover)}@media (max-width:768px){.navbar-container .navbar-content .right .desktop .navbar-list .navbar-item:hover .sub-menu{padding:6px;border-radius:18px}}@media (max-width:640px){.navbar-container .navbar-content .right .desktop .navbar-list .navbar-item:hover .sub-menu{padding:2px;border-radius:18px}}.navbar-container .navbar-content .right .mobile{display:flex;justify-content:space-between;align-items:center}.navbar-container .navbar-content .right .mobile .icon-item{display:none;position:relative;cursor:pointer;font-size:18px;margin-left:12px;width:20px;height:20px;color:var(--default-text-color)}.navbar-container .navbar-content .right .mobile .icon-item i{color:var(--default-text-color)}.navbar-container .navbar-content .right .mobile .icon-item:first-child{margin-left:0}@media (max-width:768px){.navbar-container .navbar-content .right .mobile .icon-item{display:flex;justify-content:center;align-items:center}}.navbar-container .navbar-content .right .mobile .navbar-bar .navbar-bar-middle{width:18px;height:2.5px;position:relative;background:var(--default-text-color)}.navbar-drawer-show .navbar-container .navbar-content .right .mobile .navbar-bar .navbar-bar-middle{background:0 0}.navbar-container .navbar-content .right .mobile .navbar-bar .navbar-bar-middle::after,.navbar-container .navbar-content .right .mobile .navbar-bar .navbar-bar-middle::before{content:'';position:absolute;left:0;width:100%;height:2.5px;background:var(--default-text-color);transition-property:color,background,box-shadow,border-color,transform;transition-delay:0s,0s,0s,0s,0s;transition-duration:.2s,.2s,.2s,.2s,.38s;transition-timing-function:ease,ease,ease,ease,ease}.navbar-container .navbar-content .right .mobile .navbar-bar .navbar-bar-middle::before{top:-6px}.navbar-drawer-show .navbar-container .navbar-content .right .mobile .navbar-bar .navbar-bar-middle::before{transform:translateY(6px) rotate(45deg)}.navbar-container .navbar-content .right .mobile .navbar-bar .navbar-bar-middle::after{bottom:-6px}.navbar-drawer-show .navbar-container .navbar-content .right .mobile .navbar-bar .navbar-bar-middle::after{transform:translateY(-6px) rotate(-45deg)}.navbar-container .navbar-drawer{padding:70px 0 20px 0;transform:translateX(100%);transform-origin:top;z-index:1002;height:100vh;overflow-y:auto;transition-property:color,background,box-shadow,border-color,transform;transition-delay:0s,0s,0s,0s,0s;transition-duration:.2s,.2s,.2s,.2s,.38s;transition-timing-function:ease,ease,ease,ease,ease}.navbar-drawer-show .navbar-container .navbar-drawer{transform:translateX(0)}.navbar-container .window-mask{position:absolute;top:0;width:100%;height:100vh;background:rgba(0,0,0,.4);z-index:1001;visibility:hidden;opacity:0;transition-property:color,background,box-shadow,border-color,transform,opacity;transition-delay:0s,0s,0s,0s,0s,0s;transition-duration:.2s,.2s,.2s,.2s,.38s,.38s;transition-timing-function:ease,ease,ease,ease,ease,ease}.navbar-drawer-show .navbar-container .window-mask{visibility:visible;opacity:1}.navbar-drawer-show{overflow:hidden}[data-target]{display:block;overflow:hidden}[data-target] .submenu-item{opacity:0}.icon-rotated{transform:rotate(90deg)}.post-tools-container .article-tools-list li{cursor:pointer;width:42px;height:42px;border-radius:10px;font-size:1.2rem;display:flex;align-items:center;justify-content:center;margin-bottom:5px;background:var(--background-color);color:var(--default-text-color);box-shadow:var(--redefine-box-shadow);transition-property:color,background,box-shadow,border-color,transform;transition-delay:0s,0s,0s,0s,0s;transition-duration:.2s,.2s,.2s,.2s,.2s;transition-timing-function:ease,ease,ease,ease,linear}.post-tools-container .article-tools-list li i{color:var(--default-text-color)}.post-tools-container .article-tools-list li:hover{background:var(--primary-color);color:var(--background-color)}.post-tools-container .article-tools-list li:hover i{color:var(--background-color)}.post-tools-container .article-tools-list li:last-child{margin-bottom:0}.post-tools-container .article-tools-list li:hover{box-shadow:var(--redefine-box-shadow-hover)}.post-tools-container .article-tools-list li.page-aside-toggle{display:none}@media (max-width:768px){.post-tools-container .article-tools-list li.page-aside-toggle{display:none!important}}.side-tools-container .right-bottom-tools{width:42px;height:42px;font-size:1.3rem;margin-bottom:5px;cursor:pointer;border-right:none;border-radius:12px;box-shadow:var(--redefine-box-shadow);color:var(--default-text-color);background:var(--background-color)}.side-tools-container .right-bottom-tools i{color:var(--default-text-color)}.side-tools-container .right-bottom-tools:hover{color:var(--background-color);background:var(--primary-color);box-shadow:var(--redefine-box-shadow)}.side-tools-container .right-bottom-tools:hover i{color:var(--background-color)}@media (max-width:768px){.side-tools-container .right-bottom-tools{width:37.800000000000004px;height:37.800000000000004px;font-size:1.17rem;margin-bottom:2px}}.side-tools-container .right-bottom-tools.rss a{border-radius:12px;width:100%;height:100%}.side-tools-container .right-bottom-tools.rss a:hover{color:var(--background-color);background:var(--primary-color);box-shadow:var(--redefine-box-shadow)}.side-tools-container .hidden-tools-list{opacity:0;transform:translateX(250%);transition-property:color,background,box-shadow,border-color,transform,opacity;transition-delay:0s,0s,0s,0s,0s,0s;transition-duration:.2s,.2s,.2s,.2s,.2s,.2s;transition-timing-function:ease,ease,ease,ease,ease,ease}@media (max-width:768px){.side-tools-container .hidden-tools-list .tool-expand-width{display:none}}.side-tools-container .hidden-tools-list.show{opacity:1;transform:translateX(0)}:root{--background-color:#fff;--background-color-transparent:rgba(255,255,255,0.6);--background-color-transparent-15:rgba(255,255,255,0.15);--background-color-transparent-40:rgba(255,255,255,0.4);--background-color-transparent-80:rgba(255,255,255,0.8);--second-background-color:#fafafa;--third-background-color:#f7f7f7;--third-background-color-transparent:rgba(241,241,241,0.6);--primary-color:#a31f34;--first-text-color:#323739;--second-text-color:#343a3c;--third-text-color:#5c6669;--fourth-text-color:#eaeced;--default-text-color:#373d3f;--invert-text-color:#bebec6;--border-color:rgba(0,0,0,0.08);--selection-color:#be243c;--shadow-color-1:rgba(0,0,0,0.08);--shadow-color-2:rgba(0,0,0,0.05);--shadow-hover-color:rgba(0,0,0,0.28);--scrollbar-color:#c1c1c1;--scrollbar-color-hover:#a1a1a1;--scroll-bar-bg-color:#fafafa;--link-color:#323739;--copyright-info-color:#c03;--avatar-background-color:#06c;--pjax-progress-bar-color:linear-gradient(45deg, #f10006, #ef5b00, #e59c01, #19ca05, #00cab5, #0264c8, #c303c3);--archive-timeline-last-child-color:linear-gradient(to bottom, #e8e8e8 60%, rgba(0,0,0,0) 100%) 1 100%;--note-blue-title-bg:#d6f7fb;--note-red-title-bg:#fde9e9;--note-cyan-title-bg:#e9fdf9;--note-green-title-bg:#e9fde9;--note-yellow-title-bg:#fdf9e9;--note-gray-title-bg:#f9f9f9;--note-type-title-bg:#fdf3e9;--note-black-title-bg:#e9e9e9;--note-purple-title-bg:#f9e9fd;--home-banner-text-color:#fff;--home-banner-icons-container-border-color:rgba(255,255,255,0.35);--home-banner-icons-container-background-color:rgba(255,255,255,0.3);--redefine-box-shadow:var(--shadow-color-2) 0px 6px 24px 0px,var(--shadow-color-1) 0px 0px 0px 1px;--redefine-box-shadow-hover:var(--shadow-color-2) 0px 6px 24px 0px,var(--shadow-color-1) 0px 0px 0px 1px,var(--shadow-color-1) 0px 0px 0px 1px inset;--redefine-box-shadow-flat:var(--shadow-color-2) 0px 1px 4px 0px,var(--shadow-color-1) 0px 0px 0px 1px;--redefine-box-shadow-flat-hover:var(--shadow-color-2) 0px 1px 4px 0px,var(--shadow-color-1) 0px 0px 0px 1px,var(--shadow-color-1) 0px 0px 0px 1px inset;--mermaid-theme:''}@media (prefers-color-scheme:light){:root{--background-color:#fff;--background-color-transparent:rgba(255,255,255,0.6);--background-color-transparent-15:rgba(255,255,255,0.15);--background-color-transparent-40:rgba(255,255,255,0.4);--background-color-transparent-80:rgba(255,255,255,0.8);--second-background-color:#fafafa;--third-background-color:#f7f7f7;--third-background-color-transparent:rgba(241,241,241,0.6);--primary-color:#a31f34;--first-text-color:#323739;--second-text-color:#343a3c;--third-text-color:#5c6669;--fourth-text-color:#eaeced;--default-text-color:#373d3f;--invert-text-color:#bebec6;--border-color:rgba(0,0,0,0.08);--selection-color:#be243c;--shadow-color-1:rgba(0,0,0,0.08);--shadow-color-2:rgba(0,0,0,0.05);--shadow-hover-color:rgba(0,0,0,0.28);--scrollbar-color:#c1c1c1;--scrollbar-color-hover:#a1a1a1;--scroll-bar-bg-color:#fafafa;--link-color:#323739;--copyright-info-color:#c03;--avatar-background-color:#06c;--pjax-progress-bar-color:linear-gradient(45deg, #f10006, #ef5b00, #e59c01, #19ca05, #00cab5, #0264c8, #c303c3);--archive-timeline-last-child-color:linear-gradient(to bottom, #e8e8e8 60%, rgba(0,0,0,0) 100%) 1 100%;--note-blue-title-bg:#d6f7fb;--note-red-title-bg:#fde9e9;--note-cyan-title-bg:#e9fdf9;--note-green-title-bg:#e9fde9;--note-yellow-title-bg:#fdf9e9;--note-gray-title-bg:#f9f9f9;--note-type-title-bg:#fdf3e9;--note-black-title-bg:#e9e9e9;--note-purple-title-bg:#f9e9fd;--home-banner-text-color:#fff;--home-banner-icons-container-border-color:rgba(255,255,255,0.35);--home-banner-icons-container-background-color:rgba(255,255,255,0.3);--redefine-box-shadow:var(--shadow-color-2) 0px 6px 24px 0px,var(--shadow-color-1) 0px 0px 0px 1px;--redefine-box-shadow-hover:var(--shadow-color-2) 0px 6px 24px 0px,var(--shadow-color-1) 0px 0px 0px 1px,var(--shadow-color-1) 0px 0px 0px 1px inset;--redefine-box-shadow-flat:var(--shadow-color-2) 0px 1px 4px 0px,var(--shadow-color-1) 0px 0px 0px 1px;--redefine-box-shadow-flat-hover:var(--shadow-color-2) 0px 1px 4px 0px,var(--shadow-color-1) 0px 0px 0px 1px,var(--shadow-color-1) 0px 0px 0px 1px inset;--mermaid-theme:''}}@media (prefers-color-scheme:dark){:root{--background-color:#202124;--background-color-transparent:rgba(32,33,36,0.4);--background-color-transparent-15:rgba(32,33,36,0.15);--background-color-transparent-40:rgba(32,33,36,0.4);--background-color-transparent-80:rgba(32,33,36,0.8);--second-background-color:#242529;--third-background-color:#292b2f;--third-background-color-transparent:rgba(32,33,36,0.6);--primary-color:#a31f34;--first-text-color:#d2d2d7;--second-text-color:#cbcbd1;--third-text-color:#9595a2;--fourth-text-color:#242429;--default-text-color:#bebec6;--invert-text-color:#373d3f;--border-color:rgba(255,255,255,0.08);--selection-color:#be243c;--shadow-color-1:rgba(255,255,255,0.08);--shadow-color-2:rgba(255,255,255,0.05);--shadow-hover-color:rgba(69,69,69,0.28);--scrollbar-color:#898989;--scrollbar-color-hover:#a1a1a1;--scroll-bar-bg-color:#2a2c30;--link-color:#c5c5cc;--copyright-info-color:#a30029;--avatar-background-color:#005cb8;--pjax-progress-bar-color:linear-gradient(45deg, #ea404a, #ea722f, #e9a71f, #67e559, #18ecec, #1b85f1, #ee1dee);--archive-timeline-last-child-color:linear-gradient(to bottom, #323232 60%, rgba(255,255,255,0) 100%) 1 100%;--note-blue-title-bg:#1e3e46;--note-red-title-bg:#4e1e1e;--note-cyan-title-bg:#1e4e4e;--note-green-title-bg:#1e4e1e;--note-yellow-title-bg:#4e4e1e;--note-gray-title-bg:#4e4e4e;--note-type-title-bg:#4e3a1e;--note-black-title-bg:#1e1e1e;--note-purple-title-bg:#4e1e4e;--home-banner-text-color:#d1d1b6;--home-banner-icons-container-border-color:rgba(197,197,197,0.35);--home-banner-icons-container-background-color:rgba(197,197,197,0.3);--redefine-box-shadow:var(--shadow-color-2) 0px 6px 24px 0px,var(--shadow-color-1) 0px 0px 0px 1px;--redefine-box-shadow-hover:var(--shadow-color-2) 0px 6px 24px 0px,var(--shadow-color-1) 0px 0px 0px 1px,var(--shadow-color-1) 0px 0px 0px 1px inset;--redefine-box-shadow-flat:var(--shadow-color-2) 0px 1px 4px 0px,var(--shadow-color-1) 0px 0px 0px 1px;--redefine-box-shadow-flat-hover:var(--shadow-color-2) 0px 1px 4px 0px,var(--shadow-color-1) 0px 0px 0px 1px,var(--shadow-color-1) 0px 0px 0px 1px inset;--mermaid-theme:''}}.light-mode{--background-color:#fff;--background-color-transparent:rgba(255,255,255,0.6);--background-color-transparent-15:rgba(255,255,255,0.15);--background-color-transparent-40:rgba(255,255,255,0.4);--background-color-transparent-80:rgba(255,255,255,0.8);--second-background-color:#fafafa;--third-background-color:#f7f7f7;--third-background-color-transparent:rgba(241,241,241,0.6);--primary-color:#a31f34;--first-text-color:#323739;--second-text-color:#343a3c;--third-text-color:#5c6669;--fourth-text-color:#eaeced;--default-text-color:#373d3f;--invert-text-color:#bebec6;--border-color:rgba(0,0,0,0.08);--selection-color:#be243c;--shadow-color-1:rgba(0,0,0,0.08);--shadow-color-2:rgba(0,0,0,0.05);--shadow-hover-color:rgba(0,0,0,0.28);--scrollbar-color:#c1c1c1;--scrollbar-color-hover:#a1a1a1;--scroll-bar-bg-color:#fafafa;--link-color:#323739;--copyright-info-color:#c03;--avatar-background-color:#06c;--pjax-progress-bar-color:linear-gradient(45deg, #f10006, #ef5b00, #e59c01, #19ca05, #00cab5, #0264c8, #c303c3);--archive-timeline-last-child-color:linear-gradient(to bottom, #e8e8e8 60%, rgba(0,0,0,0) 100%) 1 100%;--note-blue-title-bg:#d6f7fb;--note-red-title-bg:#fde9e9;--note-cyan-title-bg:#e9fdf9;--note-green-title-bg:#e9fde9;--note-yellow-title-bg:#fdf9e9;--note-gray-title-bg:#f9f9f9;--note-type-title-bg:#fdf3e9;--note-black-title-bg:#e9e9e9;--note-purple-title-bg:#f9e9fd;--home-banner-text-color:#fff;--home-banner-icons-container-border-color:rgba(255,255,255,0.35);--home-banner-icons-container-background-color:rgba(255,255,255,0.3);--redefine-box-shadow:var(--shadow-color-2) 0px 6px 24px 0px,var(--shadow-color-1) 0px 0px 0px 1px;--redefine-box-shadow-hover:var(--shadow-color-2) 0px 6px 24px 0px,var(--shadow-color-1) 0px 0px 0px 1px,var(--shadow-color-1) 0px 0px 0px 1px inset;--redefine-box-shadow-flat:var(--shadow-color-2) 0px 1px 4px 0px,var(--shadow-color-1) 0px 0px 0px 1px;--redefine-box-shadow-flat-hover:var(--shadow-color-2) 0px 1px 4px 0px,var(--shadow-color-1) 0px 0px 0px 1px,var(--shadow-color-1) 0px 0px 0px 1px inset;--mermaid-theme:''}.dark-mode{--background-color:#202124;--background-color-transparent:rgba(32,33,36,0.4);--background-color-transparent-15:rgba(32,33,36,0.15);--background-color-transparent-40:rgba(32,33,36,0.4);--background-color-transparent-80:rgba(32,33,36,0.8);--second-background-color:#242529;--third-background-color:#292b2f;--third-background-color-transparent:rgba(32,33,36,0.6);--primary-color:#a31f34;--first-text-color:#d2d2d7;--second-text-color:#cbcbd1;--third-text-color:#9595a2;--fourth-text-color:#242429;--default-text-color:#bebec6;--invert-text-color:#373d3f;--border-color:rgba(255,255,255,0.08);--selection-color:#be243c;--shadow-color-1:rgba(255,255,255,0.08);--shadow-color-2:rgba(255,255,255,0.05);--shadow-hover-color:rgba(69,69,69,0.28);--scrollbar-color:#898989;--scrollbar-color-hover:#a1a1a1;--scroll-bar-bg-color:#2a2c30;--link-color:#c5c5cc;--copyright-info-color:#a30029;--avatar-background-color:#005cb8;--pjax-progress-bar-color:linear-gradient(45deg, #ea404a, #ea722f, #e9a71f, #67e559, #18ecec, #1b85f1, #ee1dee);--archive-timeline-last-child-color:linear-gradient(to bottom, #323232 60%, rgba(255,255,255,0) 100%) 1 100%;--note-blue-title-bg:#1e3e46;--note-red-title-bg:#4e1e1e;--note-cyan-title-bg:#1e4e4e;--note-green-title-bg:#1e4e1e;--note-yellow-title-bg:#4e4e1e;--note-gray-title-bg:#4e4e4e;--note-type-title-bg:#4e3a1e;--note-black-title-bg:#1e1e1e;--note-purple-title-bg:#4e1e4e;--home-banner-text-color:#d1d1b6;--home-banner-icons-container-border-color:rgba(197,197,197,0.35);--home-banner-icons-container-background-color:rgba(197,197,197,0.3);--redefine-box-shadow:var(--shadow-color-2) 0px 6px 24px 0px,var(--shadow-color-1) 0px 0px 0px 1px;--redefine-box-shadow-hover:var(--shadow-color-2) 0px 6px 24px 0px,var(--shadow-color-1) 0px 0px 0px 1px,var(--shadow-color-1) 0px 0px 0px 1px inset;--redefine-box-shadow-flat:var(--shadow-color-2) 0px 1px 4px 0px,var(--shadow-color-1) 0px 0px 0px 1px;--redefine-box-shadow-flat-hover:var(--shadow-color-2) 0px 1px 4px 0px,var(--shadow-color-1) 0px 0px 0px 1px,var(--shadow-color-1) 0px 0px 0px 1px inset;--mermaid-theme:''}.archive-list-container .article-item::before{content:attr(date-is);position:absolute;left:2em;font-weight:700;top:1em;display:block;font-size:.785rem;color:var(--third-text-color)}.archive-list-container .article-item::after{width:10px;height:10px;display:block;top:1em;position:absolute;left:-6px;border-radius:10px;content:'';border:2px solid var(--third-text-color);background:var(--background-color);transition:background .2s ease-in-out}.archive-list-container .article-item:last-child{border-image:var(--archive-timeline-last-child-color)}:root{--background-color:#fff;--background-color-transparent:rgba(255,255,255,0.6);--background-color-transparent-15:rgba(255,255,255,0.15);--background-color-transparent-40:rgba(255,255,255,0.4);--background-color-transparent-80:rgba(255,255,255,0.8);--second-background-color:#fafafa;--third-background-color:#f7f7f7;--third-background-color-transparent:rgba(241,241,241,0.6);--primary-color:#a31f34;--first-text-color:#323739;--second-text-color:#343a3c;--third-text-color:#5c6669;--fourth-text-color:#eaeced;--default-text-color:#373d3f;--invert-text-color:#bebec6;--border-color:rgba(0,0,0,0.08);--selection-color:#be243c;--shadow-color-1:rgba(0,0,0,0.08);--shadow-color-2:rgba(0,0,0,0.05);--shadow-hover-color:rgba(0,0,0,0.28);--scrollbar-color:#c1c1c1;--scrollbar-color-hover:#a1a1a1;--scroll-bar-bg-color:#fafafa;--link-color:#323739;--copyright-info-color:#c03;--avatar-background-color:#06c;--pjax-progress-bar-color:linear-gradient(45deg, #f10006, #ef5b00, #e59c01, #19ca05, #00cab5, #0264c8, #c303c3);--archive-timeline-last-child-color:linear-gradient(to bottom, #e8e8e8 60%, rgba(0,0,0,0) 100%) 1 100%;--note-blue-title-bg:#d6f7fb;--note-red-title-bg:#fde9e9;--note-cyan-title-bg:#e9fdf9;--note-green-title-bg:#e9fde9;--note-yellow-title-bg:#fdf9e9;--note-gray-title-bg:#f9f9f9;--note-type-title-bg:#fdf3e9;--note-black-title-bg:#e9e9e9;--note-purple-title-bg:#f9e9fd;--home-banner-text-color:#fff;--home-banner-icons-container-border-color:rgba(255,255,255,0.35);--home-banner-icons-container-background-color:rgba(255,255,255,0.3);--redefine-box-shadow:var(--shadow-color-2) 0px 6px 24px 0px,var(--shadow-color-1) 0px 0px 0px 1px;--redefine-box-shadow-hover:var(--shadow-color-2) 0px 6px 24px 0px,var(--shadow-color-1) 0px 0px 0px 1px,var(--shadow-color-1) 0px 0px 0px 1px inset;--redefine-box-shadow-flat:var(--shadow-color-2) 0px 1px 4px 0px,var(--shadow-color-1) 0px 0px 0px 1px;--redefine-box-shadow-flat-hover:var(--shadow-color-2) 0px 1px 4px 0px,var(--shadow-color-1) 0px 0px 0px 1px,var(--shadow-color-1) 0px 0px 0px 1px inset;--mermaid-theme:''}@media (prefers-color-scheme:light){:root{--background-color:#fff;--background-color-transparent:rgba(255,255,255,0.6);--background-color-transparent-15:rgba(255,255,255,0.15);--background-color-transparent-40:rgba(255,255,255,0.4);--background-color-transparent-80:rgba(255,255,255,0.8);--second-background-color:#fafafa;--third-background-color:#f7f7f7;--third-background-color-transparent:rgba(241,241,241,0.6);--primary-color:#a31f34;--first-text-color:#323739;--second-text-color:#343a3c;--third-text-color:#5c6669;--fourth-text-color:#eaeced;--default-text-color:#373d3f;--invert-text-color:#bebec6;--border-color:rgba(0,0,0,0.08);--selection-color:#be243c;--shadow-color-1:rgba(0,0,0,0.08);--shadow-color-2:rgba(0,0,0,0.05);--shadow-hover-color:rgba(0,0,0,0.28);--scrollbar-color:#c1c1c1;--scrollbar-color-hover:#a1a1a1;--scroll-bar-bg-color:#fafafa;--link-color:#323739;--copyright-info-color:#c03;--avatar-background-color:#06c;--pjax-progress-bar-color:linear-gradient(45deg, #f10006, #ef5b00, #e59c01, #19ca05, #00cab5, #0264c8, #c303c3);--archive-timeline-last-child-color:linear-gradient(to bottom, #e8e8e8 60%, rgba(0,0,0,0) 100%) 1 100%;--note-blue-title-bg:#d6f7fb;--note-red-title-bg:#fde9e9;--note-cyan-title-bg:#e9fdf9;--note-green-title-bg:#e9fde9;--note-yellow-title-bg:#fdf9e9;--note-gray-title-bg:#f9f9f9;--note-type-title-bg:#fdf3e9;--note-black-title-bg:#e9e9e9;--note-purple-title-bg:#f9e9fd;--home-banner-text-color:#fff;--home-banner-icons-container-border-color:rgba(255,255,255,0.35);--home-banner-icons-container-background-color:rgba(255,255,255,0.3);--redefine-box-shadow:var(--shadow-color-2) 0px 6px 24px 0px,var(--shadow-color-1) 0px 0px 0px 1px;--redefine-box-shadow-hover:var(--shadow-color-2) 0px 6px 24px 0px,var(--shadow-color-1) 0px 0px 0px 1px,var(--shadow-color-1) 0px 0px 0px 1px inset;--redefine-box-shadow-flat:var(--shadow-color-2) 0px 1px 4px 0px,var(--shadow-color-1) 0px 0px 0px 1px;--redefine-box-shadow-flat-hover:var(--shadow-color-2) 0px 1px 4px 0px,var(--shadow-color-1) 0px 0px 0px 1px,var(--shadow-color-1) 0px 0px 0px 1px inset;--mermaid-theme:''}}@media (prefers-color-scheme:dark){:root{--background-color:#202124;--background-color-transparent:rgba(32,33,36,0.4);--background-color-transparent-15:rgba(32,33,36,0.15);--background-color-transparent-40:rgba(32,33,36,0.4);--background-color-transparent-80:rgba(32,33,36,0.8);--second-background-color:#242529;--third-background-color:#292b2f;--third-background-color-transparent:rgba(32,33,36,0.6);--primary-color:#a31f34;--first-text-color:#d2d2d7;--second-text-color:#cbcbd1;--third-text-color:#9595a2;--fourth-text-color:#242429;--default-text-color:#bebec6;--invert-text-color:#373d3f;--border-color:rgba(255,255,255,0.08);--selection-color:#be243c;--shadow-color-1:rgba(255,255,255,0.08);--shadow-color-2:rgba(255,255,255,0.05);--shadow-hover-color:rgba(69,69,69,0.28);--scrollbar-color:#898989;--scrollbar-color-hover:#a1a1a1;--scroll-bar-bg-color:#2a2c30;--link-color:#c5c5cc;--copyright-info-color:#a30029;--avatar-background-color:#005cb8;--pjax-progress-bar-color:linear-gradient(45deg, #ea404a, #ea722f, #e9a71f, #67e559, #18ecec, #1b85f1, #ee1dee);--archive-timeline-last-child-color:linear-gradient(to bottom, #323232 60%, rgba(255,255,255,0) 100%) 1 100%;--note-blue-title-bg:#1e3e46;--note-red-title-bg:#4e1e1e;--note-cyan-title-bg:#1e4e4e;--note-green-title-bg:#1e4e1e;--note-yellow-title-bg:#4e4e1e;--note-gray-title-bg:#4e4e4e;--note-type-title-bg:#4e3a1e;--note-black-title-bg:#1e1e1e;--note-purple-title-bg:#4e1e4e;--home-banner-text-color:#d1d1b6;--home-banner-icons-container-border-color:rgba(197,197,197,0.35);--home-banner-icons-container-background-color:rgba(197,197,197,0.3);--redefine-box-shadow:var(--shadow-color-2) 0px 6px 24px 0px,var(--shadow-color-1) 0px 0px 0px 1px;--redefine-box-shadow-hover:var(--shadow-color-2) 0px 6px 24px 0px,var(--shadow-color-1) 0px 0px 0px 1px,var(--shadow-color-1) 0px 0px 0px 1px inset;--redefine-box-shadow-flat:var(--shadow-color-2) 0px 1px 4px 0px,var(--shadow-color-1) 0px 0px 0px 1px;--redefine-box-shadow-flat-hover:var(--shadow-color-2) 0px 1px 4px 0px,var(--shadow-color-1) 0px 0px 0px 1px,var(--shadow-color-1) 0px 0px 0px 1px inset;--mermaid-theme:''}}.light-mode{--background-color:#fff;--background-color-transparent:rgba(255,255,255,0.6);--background-color-transparent-15:rgba(255,255,255,0.15);--background-color-transparent-40:rgba(255,255,255,0.4);--background-color-transparent-80:rgba(255,255,255,0.8);--second-background-color:#fafafa;--third-background-color:#f7f7f7;--third-background-color-transparent:rgba(241,241,241,0.6);--primary-color:#a31f34;--first-text-color:#323739;--second-text-color:#343a3c;--third-text-color:#5c6669;--fourth-text-color:#eaeced;--default-text-color:#373d3f;--invert-text-color:#bebec6;--border-color:rgba(0,0,0,0.08);--selection-color:#be243c;--shadow-color-1:rgba(0,0,0,0.08);--shadow-color-2:rgba(0,0,0,0.05);--shadow-hover-color:rgba(0,0,0,0.28);--scrollbar-color:#c1c1c1;--scrollbar-color-hover:#a1a1a1;--scroll-bar-bg-color:#fafafa;--link-color:#323739;--copyright-info-color:#c03;--avatar-background-color:#06c;--pjax-progress-bar-color:linear-gradient(45deg, #f10006, #ef5b00, #e59c01, #19ca05, #00cab5, #0264c8, #c303c3);--archive-timeline-last-child-color:linear-gradient(to bottom, #e8e8e8 60%, rgba(0,0,0,0) 100%) 1 100%;--note-blue-title-bg:#d6f7fb;--note-red-title-bg:#fde9e9;--note-cyan-title-bg:#e9fdf9;--note-green-title-bg:#e9fde9;--note-yellow-title-bg:#fdf9e9;--note-gray-title-bg:#f9f9f9;--note-type-title-bg:#fdf3e9;--note-black-title-bg:#e9e9e9;--note-purple-title-bg:#f9e9fd;--home-banner-text-color:#fff;--home-banner-icons-container-border-color:rgba(255,255,255,0.35);--home-banner-icons-container-background-color:rgba(255,255,255,0.3);--redefine-box-shadow:var(--shadow-color-2) 0px 6px 24px 0px,var(--shadow-color-1) 0px 0px 0px 1px;--redefine-box-shadow-hover:var(--shadow-color-2) 0px 6px 24px 0px,var(--shadow-color-1) 0px 0px 0px 1px,var(--shadow-color-1) 0px 0px 0px 1px inset;--redefine-box-shadow-flat:var(--shadow-color-2) 0px 1px 4px 0px,var(--shadow-color-1) 0px 0px 0px 1px;--redefine-box-shadow-flat-hover:var(--shadow-color-2) 0px 1px 4px 0px,var(--shadow-color-1) 0px 0px 0px 1px,var(--shadow-color-1) 0px 0px 0px 1px inset;--mermaid-theme:''}.dark-mode{--background-color:#202124;--background-color-transparent:rgba(32,33,36,0.4);--background-color-transparent-15:rgba(32,33,36,0.15);--background-color-transparent-40:rgba(32,33,36,0.4);--background-color-transparent-80:rgba(32,33,36,0.8);--second-background-color:#242529;--third-background-color:#292b2f;--third-background-color-transparent:rgba(32,33,36,0.6);--primary-color:#a31f34;--first-text-color:#d2d2d7;--second-text-color:#cbcbd1;--third-text-color:#9595a2;--fourth-text-color:#242429;--default-text-color:#bebec6;--invert-text-color:#373d3f;--border-color:rgba(255,255,255,0.08);--selection-color:#be243c;--shadow-color-1:rgba(255,255,255,0.08);--shadow-color-2:rgba(255,255,255,0.05);--shadow-hover-color:rgba(69,69,69,0.28);--scrollbar-color:#898989;--scrollbar-color-hover:#a1a1a1;--scroll-bar-bg-color:#2a2c30;--link-color:#c5c5cc;--copyright-info-color:#a30029;--avatar-background-color:#005cb8;--pjax-progress-bar-color:linear-gradient(45deg, #ea404a, #ea722f, #e9a71f, #67e559, #18ecec, #1b85f1, #ee1dee);--archive-timeline-last-child-color:linear-gradient(to bottom, #323232 60%, rgba(255,255,255,0) 100%) 1 100%;--note-blue-title-bg:#1e3e46;--note-red-title-bg:#4e1e1e;--note-cyan-title-bg:#1e4e4e;--note-green-title-bg:#1e4e1e;--note-yellow-title-bg:#4e4e1e;--note-gray-title-bg:#4e4e4e;--note-type-title-bg:#4e3a1e;--note-black-title-bg:#1e1e1e;--note-purple-title-bg:#4e1e4e;--home-banner-text-color:#d1d1b6;--home-banner-icons-container-border-color:rgba(197,197,197,0.35);--home-banner-icons-container-background-color:rgba(197,197,197,0.3);--redefine-box-shadow:var(--shadow-color-2) 0px 6px 24px 0px,var(--shadow-color-1) 0px 0px 0px 1px;--redefine-box-shadow-hover:var(--shadow-color-2) 0px 6px 24px 0px,var(--shadow-color-1) 0px 0px 0px 1px,var(--shadow-color-1) 0px 0px 0px 1px inset;--redefine-box-shadow-flat:var(--shadow-color-2) 0px 1px 4px 0px,var(--shadow-color-1) 0px 0px 0px 1px;--redefine-box-shadow-flat-hover:var(--shadow-color-2) 0px 1px 4px 0px,var(--shadow-color-1) 0px 0px 0px 1px,var(--shadow-color-1) 0px 0px 0px 1px inset;--mermaid-theme:''}.footer .odometer.odometer-auto-theme,.footer .odometer.odometer-theme-default{display:inline-block;vertical-align:baseline;position:relative}.footer .odometer.odometer-auto-theme .odometer-digit,.footer .odometer.odometer-theme-default .odometer-digit{display:inline-block;vertical-align:baseline;position:relative}.footer .odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer,.footer .odometer.odometer-theme-default .odometer-digit .odometer-digit-spacer{display:inline-block;vertical-align:baseline;visibility:hidden}.footer .odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner,.footer .odometer.odometer-theme-default .odometer-digit .odometer-digit-inner{text-align:left;display:block;position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden}.footer .odometer.odometer-auto-theme .odometer-digit .odometer-ribbon,.footer .odometer.odometer-theme-default .odometer-digit .odometer-ribbon{display:block}.footer .odometer.odometer-auto-theme .odometer-digit .odometer-ribbon-inner,.footer .odometer.odometer-theme-default .odometer-digit .odometer-ribbon-inner{display:block;-webkit-backface-visibility:hidden}.footer .odometer.odometer-auto-theme .odometer-digit .odometer-value,.footer .odometer.odometer-theme-default .odometer-digit .odometer-value{display:block}.footer .odometer.odometer-auto-theme .odometer-digit .odometer-value.odometer-last-value,.footer .odometer.odometer-theme-default .odometer-digit .odometer-value.odometer-last-value{position:absolute}.footer .odometer.odometer-auto-theme.odometer-animating-up .odometer-ribbon-inner,.footer .odometer.odometer-theme-default.odometer-animating-up .odometer-ribbon-inner{transition:transform 999ms}.footer .odometer.odometer-auto-theme.odometer-animating-up.odometer-animating .odometer-ribbon-inner,.footer .odometer.odometer-theme-default.odometer-animating-up.odometer-animating .odometer-ribbon-inner{transform:translateY(-100%)}.footer .odometer.odometer-auto-theme.odometer-animating-down .odometer-ribbon-inner,.footer .odometer.odometer-theme-default.odometer-animating-down .odometer-ribbon-inner{transform:translateY(-100%)}.footer .odometer.odometer-auto-theme.odometer-animating-down.odometer-animating .odometer-ribbon-inner,.footer .odometer.odometer-theme-default.odometer-animating-down.odometer-animating .odometer-ribbon-inner{transition:transform 999ms;transform:translateY(0)}.footer .odometer.odometer-auto-theme,.footer .odometer.odometer-theme-default{line-height:1.1em}.footer .odometer.odometer-auto-theme .odometer-value,.footer .odometer.odometer-theme-default .odometer-value{text-align:center}.paginator{font-size:1rem;margin-top:30px;border-radius:12px;display:flex;justify-content:center}.paginator a{margin:0 .3rem}.paginator a.active{color:var(--background-color);background:var(--primary-color)}.paginator a.prev{float:left}@media (max-width:640px){.paginator a.prev{display:none}}.paginator a.next{float:right}@media (max-width:640px){.paginator a.next{display:none}}.paginator .space{padding:8px 10px}@media (max-width:640px){.paginator .space{padding:8px 2px}}.paginator a.next,.paginator a.page-number,.paginator a.prev,.paginator span.page-number{display:inline-block;position:relative;text-align:center;cursor:pointer;white-space:nowrap;border-radius:9px;padding:8px 16px;background:var(--background-color);box-shadow:var(--redefine-box-shadow);transition-property:color,background,box-shadow,border-color,transform;transition-delay:0s,0s,0s,0s,0s;transition-duration:.2s,.2s,.2s,.2s,.2s;transition-timing-function:ease,ease,ease,ease,linear}.paginator a.next:hover,.paginator a.page-number:hover,.paginator a.prev:hover,.paginator span.page-number:hover{box-shadow:var(--redefine-box-shadow-hover)}.paginator a.next:hover,.paginator a.page-number:hover,.paginator a.prev:hover,.paginator span.page-number:hover{color:var(--background-color);background:var(--primary-color)}.paginator a.next:active,.paginator a.page-number:active,.paginator a.prev:active,.paginator span.page-number:active{transform:scale(.95);transition:transform .1s ease}.paginator span.current{color:var(--background-color);background:var(--primary-color)}.paginator i.fa-regular{color:var(--default-text-color)}.paginator .extend:hover i.fa-regular{color:var(--background-color)}:root{--background-color:#fff;--background-color-transparent:rgba(255,255,255,0.6);--background-color-transparent-15:rgba(255,255,255,0.15);--background-color-transparent-40:rgba(255,255,255,0.4);--background-color-transparent-80:rgba(255,255,255,0.8);--second-background-color:#fafafa;--third-background-color:#f7f7f7;--third-background-color-transparent:rgba(241,241,241,0.6);--primary-color:#a31f34;--first-text-color:#323739;--second-text-color:#343a3c;--third-text-color:#5c6669;--fourth-text-color:#eaeced;--default-text-color:#373d3f;--invert-text-color:#bebec6;--border-color:rgba(0,0,0,0.08);--selection-color:#be243c;--shadow-color-1:rgba(0,0,0,0.08);--shadow-color-2:rgba(0,0,0,0.05);--shadow-hover-color:rgba(0,0,0,0.28);--scrollbar-color:#c1c1c1;--scrollbar-color-hover:#a1a1a1;--scroll-bar-bg-color:#fafafa;--link-color:#323739;--copyright-info-color:#c03;--avatar-background-color:#06c;--pjax-progress-bar-color:linear-gradient(45deg, #f10006, #ef5b00, #e59c01, #19ca05, #00cab5, #0264c8, #c303c3);--archive-timeline-last-child-color:linear-gradient(to bottom, #e8e8e8 60%, rgba(0,0,0,0) 100%) 1 100%;--note-blue-title-bg:#d6f7fb;--note-red-title-bg:#fde9e9;--note-cyan-title-bg:#e9fdf9;--note-green-title-bg:#e9fde9;--note-yellow-title-bg:#fdf9e9;--note-gray-title-bg:#f9f9f9;--note-type-title-bg:#fdf3e9;--note-black-title-bg:#e9e9e9;--note-purple-title-bg:#f9e9fd;--home-banner-text-color:#fff;--home-banner-icons-container-border-color:rgba(255,255,255,0.35);--home-banner-icons-container-background-color:rgba(255,255,255,0.3);--redefine-box-shadow:var(--shadow-color-2) 0px 6px 24px 0px,var(--shadow-color-1) 0px 0px 0px 1px;--redefine-box-shadow-hover:var(--shadow-color-2) 0px 6px 24px 0px,var(--shadow-color-1) 0px 0px 0px 1px,var(--shadow-color-1) 0px 0px 0px 1px inset;--redefine-box-shadow-flat:var(--shadow-color-2) 0px 1px 4px 0px,var(--shadow-color-1) 0px 0px 0px 1px;--redefine-box-shadow-flat-hover:var(--shadow-color-2) 0px 1px 4px 0px,var(--shadow-color-1) 0px 0px 0px 1px,var(--shadow-color-1) 0px 0px 0px 1px inset;--mermaid-theme:''}@media (prefers-color-scheme:light){:root{--background-color:#fff;--background-color-transparent:rgba(255,255,255,0.6);--background-color-transparent-15:rgba(255,255,255,0.15);--background-color-transparent-40:rgba(255,255,255,0.4);--background-color-transparent-80:rgba(255,255,255,0.8);--second-background-color:#fafafa;--third-background-color:#f7f7f7;--third-background-color-transparent:rgba(241,241,241,0.6);--primary-color:#a31f34;--first-text-color:#323739;--second-text-color:#343a3c;--third-text-color:#5c6669;--fourth-text-color:#eaeced;--default-text-color:#373d3f;--invert-text-color:#bebec6;--border-color:rgba(0,0,0,0.08);--selection-color:#be243c;--shadow-color-1:rgba(0,0,0,0.08);--shadow-color-2:rgba(0,0,0,0.05);--shadow-hover-color:rgba(0,0,0,0.28);--scrollbar-color:#c1c1c1;--scrollbar-color-hover:#a1a1a1;--scroll-bar-bg-color:#fafafa;--link-color:#323739;--copyright-info-color:#c03;--avatar-background-color:#06c;--pjax-progress-bar-color:linear-gradient(45deg, #f10006, #ef5b00, #e59c01, #19ca05, #00cab5, #0264c8, #c303c3);--archive-timeline-last-child-color:linear-gradient(to bottom, #e8e8e8 60%, rgba(0,0,0,0) 100%) 1 100%;--note-blue-title-bg:#d6f7fb;--note-red-title-bg:#fde9e9;--note-cyan-title-bg:#e9fdf9;--note-green-title-bg:#e9fde9;--note-yellow-title-bg:#fdf9e9;--note-gray-title-bg:#f9f9f9;--note-type-title-bg:#fdf3e9;--note-black-title-bg:#e9e9e9;--note-purple-title-bg:#f9e9fd;--home-banner-text-color:#fff;--home-banner-icons-container-border-color:rgba(255,255,255,0.35);--home-banner-icons-container-background-color:rgba(255,255,255,0.3);--redefine-box-shadow:var(--shadow-color-2) 0px 6px 24px 0px,var(--shadow-color-1) 0px 0px 0px 1px;--redefine-box-shadow-hover:var(--shadow-color-2) 0px 6px 24px 0px,var(--shadow-color-1) 0px 0px 0px 1px,var(--shadow-color-1) 0px 0px 0px 1px inset;--redefine-box-shadow-flat:var(--shadow-color-2) 0px 1px 4px 0px,var(--shadow-color-1) 0px 0px 0px 1px;--redefine-box-shadow-flat-hover:var(--shadow-color-2) 0px 1px 4px 0px,var(--shadow-color-1) 0px 0px 0px 1px,var(--shadow-color-1) 0px 0px 0px 1px inset;--mermaid-theme:''}}@media (prefers-color-scheme:dark){:root{--background-color:#202124;--background-color-transparent:rgba(32,33,36,0.4);--background-color-transparent-15:rgba(32,33,36,0.15);--background-color-transparent-40:rgba(32,33,36,0.4);--background-color-transparent-80:rgba(32,33,36,0.8);--second-background-color:#242529;--third-background-color:#292b2f;--third-background-color-transparent:rgba(32,33,36,0.6);--primary-color:#a31f34;--first-text-color:#d2d2d7;--second-text-color:#cbcbd1;--third-text-color:#9595a2;--fourth-text-color:#242429;--default-text-color:#bebec6;--invert-text-color:#373d3f;--border-color:rgba(255,255,255,0.08);--selection-color:#be243c;--shadow-color-1:rgba(255,255,255,0.08);--shadow-color-2:rgba(255,255,255,0.05);--shadow-hover-color:rgba(69,69,69,0.28);--scrollbar-color:#898989;--scrollbar-color-hover:#a1a1a1;--scroll-bar-bg-color:#2a2c30;--link-color:#c5c5cc;--copyright-info-color:#a30029;--avatar-background-color:#005cb8;--pjax-progress-bar-color:linear-gradient(45deg, #ea404a, #ea722f, #e9a71f, #67e559, #18ecec, #1b85f1, #ee1dee);--archive-timeline-last-child-color:linear-gradient(to bottom, #323232 60%, rgba(255,255,255,0) 100%) 1 100%;--note-blue-title-bg:#1e3e46;--note-red-title-bg:#4e1e1e;--note-cyan-title-bg:#1e4e4e;--note-green-title-bg:#1e4e1e;--note-yellow-title-bg:#4e4e1e;--note-gray-title-bg:#4e4e4e;--note-type-title-bg:#4e3a1e;--note-black-title-bg:#1e1e1e;--note-purple-title-bg:#4e1e4e;--home-banner-text-color:#d1d1b6;--home-banner-icons-container-border-color:rgba(197,197,197,0.35);--home-banner-icons-container-background-color:rgba(197,197,197,0.3);--redefine-box-shadow:var(--shadow-color-2) 0px 6px 24px 0px,var(--shadow-color-1) 0px 0px 0px 1px;--redefine-box-shadow-hover:var(--shadow-color-2) 0px 6px 24px 0px,var(--shadow-color-1) 0px 0px 0px 1px,var(--shadow-color-1) 0px 0px 0px 1px inset;--redefine-box-shadow-flat:var(--shadow-color-2) 0px 1px 4px 0px,var(--shadow-color-1) 0px 0px 0px 1px;--redefine-box-shadow-flat-hover:var(--shadow-color-2) 0px 1px 4px 0px,var(--shadow-color-1) 0px 0px 0px 1px,var(--shadow-color-1) 0px 0px 0px 1px inset;--mermaid-theme:''}}.light-mode{--background-color:#fff;--background-color-transparent:rgba(255,255,255,0.6);--background-color-transparent-15:rgba(255,255,255,0.15);--background-color-transparent-40:rgba(255,255,255,0.4);--background-color-transparent-80:rgba(255,255,255,0.8);--second-background-color:#fafafa;--third-background-color:#f7f7f7;--third-background-color-transparent:rgba(241,241,241,0.6);--primary-color:#a31f34;--first-text-color:#323739;--second-text-color:#343a3c;--third-text-color:#5c6669;--fourth-text-color:#eaeced;--default-text-color:#373d3f;--invert-text-color:#bebec6;--border-color:rgba(0,0,0,0.08);--selection-color:#be243c;--shadow-color-1:rgba(0,0,0,0.08);--shadow-color-2:rgba(0,0,0,0.05);--shadow-hover-color:rgba(0,0,0,0.28);--scrollbar-color:#c1c1c1;--scrollbar-color-hover:#a1a1a1;--scroll-bar-bg-color:#fafafa;--link-color:#323739;--copyright-info-color:#c03;--avatar-background-color:#06c;--pjax-progress-bar-color:linear-gradient(45deg, #f10006, #ef5b00, #e59c01, #19ca05, #00cab5, #0264c8, #c303c3);--archive-timeline-last-child-color:linear-gradient(to bottom, #e8e8e8 60%, rgba(0,0,0,0) 100%) 1 100%;--note-blue-title-bg:#d6f7fb;--note-red-title-bg:#fde9e9;--note-cyan-title-bg:#e9fdf9;--note-green-title-bg:#e9fde9;--note-yellow-title-bg:#fdf9e9;--note-gray-title-bg:#f9f9f9;--note-type-title-bg:#fdf3e9;--note-black-title-bg:#e9e9e9;--note-purple-title-bg:#f9e9fd;--home-banner-text-color:#fff;--home-banner-icons-container-border-color:rgba(255,255,255,0.35);--home-banner-icons-container-background-color:rgba(255,255,255,0.3);--redefine-box-shadow:var(--shadow-color-2) 0px 6px 24px 0px,var(--shadow-color-1) 0px 0px 0px 1px;--redefine-box-shadow-hover:var(--shadow-color-2) 0px 6px 24px 0px,var(--shadow-color-1) 0px 0px 0px 1px,var(--shadow-color-1) 0px 0px 0px 1px inset;--redefine-box-shadow-flat:var(--shadow-color-2) 0px 1px 4px 0px,var(--shadow-color-1) 0px 0px 0px 1px;--redefine-box-shadow-flat-hover:var(--shadow-color-2) 0px 1px 4px 0px,var(--shadow-color-1) 0px 0px 0px 1px,var(--shadow-color-1) 0px 0px 0px 1px inset;--mermaid-theme:''}.dark-mode{--background-color:#202124;--background-color-transparent:rgba(32,33,36,0.4);--background-color-transparent-15:rgba(32,33,36,0.15);--background-color-transparent-40:rgba(32,33,36,0.4);--background-color-transparent-80:rgba(32,33,36,0.8);--second-background-color:#242529;--third-background-color:#292b2f;--third-background-color-transparent:rgba(32,33,36,0.6);--primary-color:#a31f34;--first-text-color:#d2d2d7;--second-text-color:#cbcbd1;--third-text-color:#9595a2;--fourth-text-color:#242429;--default-text-color:#bebec6;--invert-text-color:#373d3f;--border-color:rgba(255,255,255,0.08);--selection-color:#be243c;--shadow-color-1:rgba(255,255,255,0.08);--shadow-color-2:rgba(255,255,255,0.05);--shadow-hover-color:rgba(69,69,69,0.28);--scrollbar-color:#898989;--scrollbar-color-hover:#a1a1a1;--scroll-bar-bg-color:#2a2c30;--link-color:#c5c5cc;--copyright-info-color:#a30029;--avatar-background-color:#005cb8;--pjax-progress-bar-color:linear-gradient(45deg, #ea404a, #ea722f, #e9a71f, #67e559, #18ecec, #1b85f1, #ee1dee);--archive-timeline-last-child-color:linear-gradient(to bottom, #323232 60%, rgba(255,255,255,0) 100%) 1 100%;--note-blue-title-bg:#1e3e46;--note-red-title-bg:#4e1e1e;--note-cyan-title-bg:#1e4e4e;--note-green-title-bg:#1e4e1e;--note-yellow-title-bg:#4e4e1e;--note-gray-title-bg:#4e4e4e;--note-type-title-bg:#4e3a1e;--note-black-title-bg:#1e1e1e;--note-purple-title-bg:#4e1e4e;--home-banner-text-color:#d1d1b6;--home-banner-icons-container-border-color:rgba(197,197,197,0.35);--home-banner-icons-container-background-color:rgba(197,197,197,0.3);--redefine-box-shadow:var(--shadow-color-2) 0px 6px 24px 0px,var(--shadow-color-1) 0px 0px 0px 1px;--redefine-box-shadow-hover:var(--shadow-color-2) 0px 6px 24px 0px,var(--shadow-color-1) 0px 0px 0px 1px,var(--shadow-color-1) 0px 0px 0px 1px inset;--redefine-box-shadow-flat:var(--shadow-color-2) 0px 1px 4px 0px,var(--shadow-color-1) 0px 0px 0px 1px;--redefine-box-shadow-flat-hover:var(--shadow-color-2) 0px 1px 4px 0px,var(--shadow-color-1) 0px 0px 0px 1px,var(--shadow-color-1) 0px 0px 0px 1px inset;--mermaid-theme:''}.page-template-container{padding:30px;border-radius:18px;box-sizing:border-box;background:var(--background-color);margin-bottom:30px;box-shadow:var(--redefine-box-shadow)}@media (max-width:768px){.page-template-container{margin-bottom:24px}}@media (max-width:640px){.page-template-container{margin-bottom:18px}}.page-template-container:hover{box-shadow:var(--redefine-box-shadow-hover)}@media (max-width:768px){.page-template-container{padding:26px;border-radius:18px}}@media (max-width:640px){.page-template-container{padding:22px;border-radius:18px}}@media (max-width:640px){.page-template-container{padding:1.2rem .2rem;box-shadow:none}.page-template-container:hover{box-shadow:none}}.page-template-container .page-template-content{color:var(--default-text-color)}.page-template-container .page-template-content h1:first-child,.page-template-container .page-template-content h2:first-child,.page-template-container .page-template-content h3:first-child,.page-template-container .page-template-content h4:first-child,.page-template-container .page-template-content h5:first-child,.page-template-container .page-template-content h6:first-child{margin:6px 0 36px 0;border-bottom:none;line-height:1}.page-template-container #shuoshuo-content img:hover{cursor:zoom-in}.page-template-container #masonry-container{position:relative;display:none;opacity:0;transition:opacity .1s ease-in}.page-template-container #masonry-container .masonry-item{position:absolute;box-sizing:border-box}.page-template-container #masonry-container .masonry-item:hover img{box-shadow:var(--redefine-box-shadow)}.page-template-container #masonry-container .masonry-item img{width:100%;border-radius:14px;box-shadow:var(--redefine-box-shadow-flat);cursor:zoom-in}.page-template-container .loading-placeholder{display:block;justify-content:center;align-items:center;opacity:1;transition:opacity .1s ease-out}.page-template-container .loading{-webkit-animation:gradient-slide 1.1s ease infinite;animation:gradient-slide 1.1s ease infinite;background:0 0/300% 300% linear-gradient(120deg,rgba(156,156,156,.125) 40%,rgba(131,131,131,.145) 50%,rgba(156,156,156,.125) 60%)}.page-template-container .flex-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}@media screen and (min-width:768px){.page-template-container .flex-grid{grid-template-columns:repeat(auto-fill,minmax(255px,1fr))}}.page-template-container .card{border:1px solid var(--border-color);border-radius:14px;box-sizing:border-box;min-height:80vh;padding:30px}.page-template-container .image-container{position:relative}.page-template-container .image-title{position:absolute;top:5px;left:5px;color:var(--default-text-color);background-color:var(--background-color-transparent-40);padding:5px 10px;font-size:14px;opacity:0;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:9px;transition:opacity .2s ease-out}.page-template-container .image-description{position:absolute;bottom:11px;right:5px;color:var(--default-text-color);background-color:var(--background-color-transparent-40);padding:5px 10px;font-size:14px;opacity:0;max-width:80%;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:9px;transition:opacity .2s ease-out}.page-template-container figure.image-caption img{margin-bottom:0}.page-template-container figure.image-caption figcaption{margin-top:5px;margin-bottom:10px;text-align:center;font-size:.9rem;color:var(--third-text-color)}.page-template-container .image-container:hover .image-description,.page-template-container .image-container:hover .image-title{opacity:1}.page-template-container .image-container img{width:100%;height:auto;transition:box-shadow .3s ease-in-out;overflow:hidden}.page-template-container .image-container:hover img{box-shadow:var(--redefine-box-shadow-hover)}@-moz-keyframes gradient-slide{0%{background-position:100% 50%}to{background-position:0 50%}}@-webkit-keyframes gradient-slide{0%{background-position:100% 50%}to{background-position:0 50%}}@-o-keyframes gradient-slide{0%{background-position:100% 50%}to{background-position:0 50%}}@keyframes gradient-slide{0%{background-position:100% 50%}to{background-position:0 50%}}:root{--background-color:#fff;--background-color-transparent:rgba(255,255,255,0.6);--background-color-transparent-15:rgba(255,255,255,0.15);--background-color-transparent-40:rgba(255,255,255,0.4);--background-color-transparent-80:rgba(255,255,255,0.8);--second-background-color:#fafafa;--third-background-color:#f7f7f7;--third-background-color-transparent:rgba(241,241,241,0.6);--primary-color:#a31f34;--first-text-color:#323739;--second-text-color:#343a3c;--third-text-color:#5c6669;--fourth-text-color:#eaeced;--default-text-color:#373d3f;--invert-text-color:#bebec6;--border-color:rgba(0,0,0,0.08);--selection-color:#be243c;--shadow-color-1:rgba(0,0,0,0.08);--shadow-color-2:rgba(0,0,0,0.05);--shadow-hover-color:rgba(0,0,0,0.28);--scrollbar-color:#c1c1c1;--scrollbar-color-hover:#a1a1a1;--scroll-bar-bg-color:#fafafa;--link-color:#323739;--copyright-info-color:#c03;--avatar-background-color:#06c;--pjax-progress-bar-color:linear-gradient(45deg, #f10006, #ef5b00, #e59c01, #19ca05, #00cab5, #0264c8, #c303c3);--archive-timeline-last-child-color:linear-gradient(to bottom, #e8e8e8 60%, rgba(0,0,0,0) 100%) 1 100%;--note-blue-title-bg:#d6f7fb;--note-red-title-bg:#fde9e9;--note-cyan-title-bg:#e9fdf9;--note-green-title-bg:#e9fde9;--note-yellow-title-bg:#fdf9e9;--note-gray-title-bg:#f9f9f9;--note-type-title-bg:#fdf3e9;--note-black-title-bg:#e9e9e9;--note-purple-title-bg:#f9e9fd;--home-banner-text-color:#fff;--home-banner-icons-container-border-color:rgba(255,255,255,0.35);--home-banner-icons-container-background-color:rgba(255,255,255,0.3);--redefine-box-shadow:var(--shadow-color-2) 0px 6px 24px 0px,var(--shadow-color-1) 0px 0px 0px 1px;--redefine-box-shadow-hover:var(--shadow-color-2) 0px 6px 24px 0px,var(--shadow-color-1) 0px 0px 0px 1px,var(--shadow-color-1) 0px 0px 0px 1px inset;--redefine-box-shadow-flat:var(--shadow-color-2) 0px 1px 4px 0px,var(--shadow-color-1) 0px 0px 0px 1px;--redefine-box-shadow-flat-hover:var(--shadow-color-2) 0px 1px 4px 0px,var(--shadow-color-1) 0px 0px 0px 1px,var(--shadow-color-1) 0px 0px 0px 1px inset;--mermaid-theme:''}@media (prefers-color-scheme:light){:root{--background-color:#fff;--background-color-transparent:rgba(255,255,255,0.6);--background-color-transparent-15:rgba(255,255,255,0.15);--background-color-transparent-40:rgba(255,255,255,0.4);--background-color-transparent-80:rgba(255,255,255,0.8);--second-background-color:#fafafa;--third-background-color:#f7f7f7;--third-background-color-transparent:rgba(241,241,241,0.6);--primary-color:#a31f34;--first-text-color:#323739;--second-text-color:#343a3c;--third-text-color:#5c6669;--fourth-text-color:#eaeced;--default-text-color:#373d3f;--invert-text-color:#bebec6;--border-color:rgba(0,0,0,0.08);--selection-color:#be243c;--shadow-color-1:rgba(0,0,0,0.08);--shadow-color-2:rgba(0,0,0,0.05);--shadow-hover-color:rgba(0,0,0,0.28);--scrollbar-color:#c1c1c1;--scrollbar-color-hover:#a1a1a1;--scroll-bar-bg-color:#fafafa;--link-color:#323739;--copyright-info-color:#c03;--avatar-background-color:#06c;--pjax-progress-bar-color:linear-gradient(45deg, #f10006, #ef5b00, #e59c01, #19ca05, #00cab5, #0264c8, #c303c3);--archive-timeline-last-child-color:linear-gradient(to bottom, #e8e8e8 60%, rgba(0,0,0,0) 100%) 1 100%;--note-blue-title-bg:#d6f7fb;--note-red-title-bg:#fde9e9;--note-cyan-title-bg:#e9fdf9;--note-green-title-bg:#e9fde9;--note-yellow-title-bg:#fdf9e9;--note-gray-title-bg:#f9f9f9;--note-type-title-bg:#fdf3e9;--note-black-title-bg:#e9e9e9;--note-purple-title-bg:#f9e9fd;--home-banner-text-color:#fff;--home-banner-icons-container-border-color:rgba(255,255,255,0.35);--home-banner-icons-container-background-color:rgba(255,255,255,0.3);--redefine-box-shadow:var(--shadow-color-2) 0px 6px 24px 0px,var(--shadow-color-1) 0px 0px 0px 1px;--redefine-box-shadow-hover:var(--shadow-color-2) 0px 6px 24px 0px,var(--shadow-color-1) 0px 0px 0px 1px,var(--shadow-color-1) 0px 0px 0px 1px inset;--redefine-box-shadow-flat:var(--shadow-color-2) 0px 1px 4px 0px,var(--shadow-color-1) 0px 0px 0px 1px;--redefine-box-shadow-flat-hover:var(--shadow-color-2) 0px 1px 4px 0px,var(--shadow-color-1) 0px 0px 0px 1px,var(--shadow-color-1) 0px 0px 0px 1px inset;--mermaid-theme:''}}@media (prefers-color-scheme:dark){:root{--background-color:#202124;--background-color-transparent:rgba(32,33,36,0.4);--background-color-transparent-15:rgba(32,33,36,0.15);--background-color-transparent-40:rgba(32,33,36,0.4);--background-color-transparent-80:rgba(32,33,36,0.8);--second-background-color:#242529;--third-background-color:#292b2f;--third-background-color-transparent:rgba(32,33,36,0.6);--primary-color:#a31f34;--first-text-color:#d2d2d7;--second-text-color:#cbcbd1;--third-text-color:#9595a2;--fourth-text-color:#242429;--default-text-color:#bebec6;--invert-text-color:#373d3f;--border-color:rgba(255,255,255,0.08);--selection-color:#be243c;--shadow-color-1:rgba(255,255,255,0.08);--shadow-color-2:rgba(255,255,255,0.05);--shadow-hover-color:rgba(69,69,69,0.28);--scrollbar-color:#898989;--scrollbar-color-hover:#a1a1a1;--scroll-bar-bg-color:#2a2c30;--link-color:#c5c5cc;--copyright-info-color:#a30029;--avatar-background-color:#005cb8;--pjax-progress-bar-color:linear-gradient(45deg, #ea404a, #ea722f, #e9a71f, #67e559, #18ecec, #1b85f1, #ee1dee);--archive-timeline-last-child-color:linear-gradient(to bottom, #323232 60%, rgba(255,255,255,0) 100%) 1 100%;--note-blue-title-bg:#1e3e46;--note-red-title-bg:#4e1e1e;--note-cyan-title-bg:#1e4e4e;--note-green-title-bg:#1e4e1e;--note-yellow-title-bg:#4e4e1e;--note-gray-title-bg:#4e4e4e;--note-type-title-bg:#4e3a1e;--note-black-title-bg:#1e1e1e;--note-purple-title-bg:#4e1e4e;--home-banner-text-color:#d1d1b6;--home-banner-icons-container-border-color:rgba(197,197,197,0.35);--home-banner-icons-container-background-color:rgba(197,197,197,0.3);--redefine-box-shadow:var(--shadow-color-2) 0px 6px 24px 0px,var(--shadow-color-1) 0px 0px 0px 1px;--redefine-box-shadow-hover:var(--shadow-color-2) 0px 6px 24px 0px,var(--shadow-color-1) 0px 0px 0px 1px,var(--shadow-color-1) 0px 0px 0px 1px inset;--redefine-box-shadow-flat:var(--shadow-color-2) 0px 1px 4px 0px,var(--shadow-color-1) 0px 0px 0px 1px;--redefine-box-shadow-flat-hover:var(--shadow-color-2) 0px 1px 4px 0px,var(--shadow-color-1) 0px 0px 0px 1px,var(--shadow-color-1) 0px 0px 0px 1px inset;--mermaid-theme:''}}.light-mode{--background-color:#fff;--background-color-transparent:rgba(255,255,255,0.6);--background-color-transparent-15:rgba(255,255,255,0.15);--background-color-transparent-40:rgba(255,255,255,0.4);--background-color-transparent-80:rgba(255,255,255,0.8);--second-background-color:#fafafa;--third-background-color:#f7f7f7;--third-background-color-transparent:rgba(241,241,241,0.6);--primary-color:#a31f34;--first-text-color:#323739;--second-text-color:#343a3c;--third-text-color:#5c6669;--fourth-text-color:#eaeced;--default-text-color:#373d3f;--invert-text-color:#bebec6;--border-color:rgba(0,0,0,0.08);--selection-color:#be243c;--shadow-color-1:rgba(0,0,0,0.08);--shadow-color-2:rgba(0,0,0,0.05);--shadow-hover-color:rgba(0,0,0,0.28);--scrollbar-color:#c1c1c1;--scrollbar-color-hover:#a1a1a1;--scroll-bar-bg-color:#fafafa;--link-color:#323739;--copyright-info-color:#c03;--avatar-background-color:#06c;--pjax-progress-bar-color:linear-gradient(45deg, #f10006, #ef5b00, #e59c01, #19ca05, #00cab5, #0264c8, #c303c3);--archive-timeline-last-child-color:linear-gradient(to bottom, #e8e8e8 60%, rgba(0,0,0,0) 100%) 1 100%;--note-blue-title-bg:#d6f7fb;--note-red-title-bg:#fde9e9;--note-cyan-title-bg:#e9fdf9;--note-green-title-bg:#e9fde9;--note-yellow-title-bg:#fdf9e9;--note-gray-title-bg:#f9f9f9;--note-type-title-bg:#fdf3e9;--note-black-title-bg:#e9e9e9;--note-purple-title-bg:#f9e9fd;--home-banner-text-color:#fff;--home-banner-icons-container-border-color:rgba(255,255,255,0.35);--home-banner-icons-container-background-color:rgba(255,255,255,0.3);--redefine-box-shadow:var(--shadow-color-2) 0px 6px 24px 0px,var(--shadow-color-1) 0px 0px 0px 1px;--redefine-box-shadow-hover:var(--shadow-color-2) 0px 6px 24px 0px,var(--shadow-color-1) 0px 0px 0px 1px,var(--shadow-color-1) 0px 0px 0px 1px inset;--redefine-box-shadow-flat:var(--shadow-color-2) 0px 1px 4px 0px,var(--shadow-color-1) 0px 0px 0px 1px;--redefine-box-shadow-flat-hover:var(--shadow-color-2) 0px 1px 4px 0px,var(--shadow-color-1) 0px 0px 0px 1px,var(--shadow-color-1) 0px 0px 0px 1px inset;--mermaid-theme:''}.dark-mode{--background-color:#202124;--background-color-transparent:rgba(32,33,36,0.4);--background-color-transparent-15:rgba(32,33,36,0.15);--background-color-transparent-40:rgba(32,33,36,0.4);--background-color-transparent-80:rgba(32,33,36,0.8);--second-background-color:#242529;--third-background-color:#292b2f;--third-background-color-transparent:rgba(32,33,36,0.6);--primary-color:#a31f34;--first-text-color:#d2d2d7;--second-text-color:#cbcbd1;--third-text-color:#9595a2;--fourth-text-color:#242429;--default-text-color:#bebec6;--invert-text-color:#373d3f;--border-color:rgba(255,255,255,0.08);--selection-color:#be243c;--shadow-color-1:rgba(255,255,255,0.08);--shadow-color-2:rgba(255,255,255,0.05);--shadow-hover-color:rgba(69,69,69,0.28);--scrollbar-color:#898989;--scrollbar-color-hover:#a1a1a1;--scroll-bar-bg-color:#2a2c30;--link-color:#c5c5cc;--copyright-info-color:#a30029;--avatar-background-color:#005cb8;--pjax-progress-bar-color:linear-gradient(45deg, #ea404a, #ea722f, #e9a71f, #67e559, #18ecec, #1b85f1, #ee1dee);--archive-timeline-last-child-color:linear-gradient(to bottom, #323232 60%, rgba(255,255,255,0) 100%) 1 100%;--note-blue-title-bg:#1e3e46;--note-red-title-bg:#4e1e1e;--note-cyan-title-bg:#1e4e4e;--note-green-title-bg:#1e4e1e;--note-yellow-title-bg:#4e4e1e;--note-gray-title-bg:#4e4e4e;--note-type-title-bg:#4e3a1e;--note-black-title-bg:#1e1e1e;--note-purple-title-bg:#4e1e4e;--home-banner-text-color:#d1d1b6;--home-banner-icons-container-border-color:rgba(197,197,197,0.35);--home-banner-icons-container-background-color:rgba(197,197,197,0.3);--redefine-box-shadow:var(--shadow-color-2) 0px 6px 24px 0px,var(--shadow-color-1) 0px 0px 0px 1px;--redefine-box-shadow-hover:var(--shadow-color-2) 0px 6px 24px 0px,var(--shadow-color-1) 0px 0px 0px 1px,var(--shadow-color-1) 0px 0px 0px 1px inset;--redefine-box-shadow-flat:var(--shadow-color-2) 0px 1px 4px 0px,var(--shadow-color-1) 0px 0px 0px 1px;--redefine-box-shadow-flat-hover:var(--shadow-color-2) 0px 1px 4px 0px,var(--shadow-color-1) 0px 0px 0px 1px,var(--shadow-color-1) 0px 0px 0px 1px inset;--mermaid-theme:''}.home-banner-background{transition:filter .3s ease}.home-banner-container{font-family:Chillax-Variable,sans-serif;position:relative;box-sizing:border-box;width:100%;min-height:100vh;overflow:hidden;will-change:transform}.home-banner-container .content{position:relative;box-sizing:border-box;min-height:90vh}.home-banner-container .content .description{font-size:2.8rem;line-height:1.2;color:var(--home-banner-text-color)}.home-banner-container .content .description p{margin:0;opacity:.9;font-family:Satoshi-Variable,sans-serif;font-weight:350}.home-banner-container .content .description p i{font-size:1.5rem;font-style:normal}.home-banner-container .content .description p span{font-size:1.575rem}@media (max-width:768px){.home-banner-container .content .description{font-size:2.52rem}}.image-viewer-container{position:fixed;left:0;top:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,0);visibility:hidden;z-index:1008;padding:6%;box-sizing:border-box;backdrop-filter:blur(0);-webkit-backdrop-filter:blur(0);transition-property:color,background,box-shadow,border-color,visibility,background,backdrop-filter;transition-delay:0s,0s,0s,0s,0s,0s,0s;transition-duration:.2s,.2s,.2s,.2s,.3s,.3s,.3s;transition-timing-function:ease,ease,ease,ease,ease,ease,ease}.image-viewer-container.active{background:rgba(0,0,0,.3);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);visibility:visible}.image-viewer-container.active img{cursor:grab;transform:scale(1);opacity:1;padding:2px;background:var(--background-color)}.image-viewer-container img{max-width:100%;max-height:100%;transform:scale(.5);opacity:0;transition-property:color,background,box-shadow,border-color,transform,opacity;transition-delay:0s,0s,0s,0s,0s,0s;transition-duration:.2s,.2s,.2s,.2s,.3s,.3s;transition-timing-function:ease,ease,ease,ease,ease}.category-list-container{padding:30px;border-radius:18px;box-sizing:border-box;background:var(--background-color);margin-bottom:60px;box-shadow:var(--redefine-box-shadow)}@media (max-width:768px){.category-list-container{margin-bottom:48px}}@media (max-width:640px){.category-list-container{margin-bottom:36px}}.category-list-container:hover{box-shadow:var(--redefine-box-shadow-hover)}@media (max-width:768px){.category-list-container{padding:26px;border-radius:18px}}@media (max-width:640px){.category-list-container{padding:22px;border-radius:18px}}@media (max-width:640px){.category-list-container{padding:1.2rem .2rem;box-shadow:none}.category-list-container:hover{box-shadow:none}}.category-list-container .category-header{margin:6px 0 36px 0;font-size:3.2rem;padding:0;line-height:1;font-weight:700;color:var(--second-text-color)}.category-list-container .category-list-content .all-category-list{display:flex;padding-left:16px;flex-wrap:wrap;justify-content:center;gap:28px}.category-list-container .category-list-content .all-category-list>.all-category-list-item{font-size:1.5rem;font-weight:600;padding:28px;cursor:pointer;width:40%;background-color:var(--second-background-color);border-radius:14px;box-shadow:var(--redefine-box-shadow-flat);overflow:hidden;transition:all .2s ease}@media (max-width:768px){.category-list-container .category-list-content .all-category-list>.all-category-list-item{width:80%}}@media (max-width:640px){.category-list-container .category-list-content .all-category-list>.all-category-list-item{width:80%}}.category-list-container .category-list-content .all-category-list>.all-category-list-item:hover{background-color:var(--background-color);box-shadow:var(--redefine-box-shadow);transform:scale(1.01);transition:all .2s ease;color:var(--primary-color)}.category-list-container .category-list-content .all-category-list>.all-category-list-item span.all-category-list-count{color:var(--third-text-color);margin-left:8px;background-color:var(--third-background-color);padding:1px 10px;border-radius:9px;border:solid 1px var(--border-color)}.category-list-container .category-list-content .all-category-list>.all-category-list-item>.all-category-list-link{border-bottom:2px solid var(--border-color)}.category-list-container .category-list-content .all-category-list>.all-category-list-item>.all-category-list-child{font-weight:550;font-size:1.3rem;margin-left:20px;border-left:2px solid var(--border-color);padding-left:16px;max-height:0;overflow:hidden;transition:all .2s ease}.category-list-container .category-list-content .all-category-list>.all-category-list-item>.all-category-list-child li{margin-bottom:10px}.category-list-container .category-list-content .all-category-list>.all-category-list-item>.all-category-list-child li::before{content:''}.category-list-container .category-list-content .all-category-list>.all-category-list-item>.all-category-list-child li:last-child{margin-bottom:0}.category-list-container .category-list-content .all-category-list>.all-category-list-item>.all-category-list-child>li>.all-category-list-child{font-weight:400;font-size:1.2rem;margin-left:20px;margin-top:15px;border-left:2px solid var(--border-color);padding-left:16px;max-height:0;overflow:hidden;transition:all .2s ease}.category-list-container .category-list-content .all-category-list>.all-category-list-item>.all-category-list-child>li>.all-category-list-child li{margin-bottom:10px}.category-list-container .category-list-content .all-category-list>.all-category-list-item>.all-category-list-child>li>.all-category-list-child li::before{content:''}.category-list-container .category-list-content .all-category-list>.all-category-list-item>.all-category-list-child>li>.all-category-list-child li:last-child{margin-bottom:0}.category-list-container .category-list-content .all-category-list>.all-category-list-item>.all-category-list-child>li>.all-category-list-child>li>.all-category-list-child{margin-left:10px;margin-top:15px;border-left:2px solid var(--border-color);padding-left:20px;max-height:0;overflow:hidden;transition:all .2s ease}.category-list-container .category-list-content .all-category-list>.all-category-list-item>.all-category-list-child>li>.all-category-list-child>li>.all-category-list-child li{margin-bottom:10px}.category-list-container .category-list-content .all-category-list>.all-category-list-item>.all-category-list-child>li>.all-category-list-child>li>.all-category-list-child li::before{content:''}.category-list-container .category-list-content .all-category-list>.all-category-list-item>.all-category-list-child>li>.all-category-list-child>li>.all-category-list-child li:last-child{margin-bottom:0}.category-list-container .category-list-content .all-category-list>.all-category-list-item>.all-category-list-child>li>.all-category-list-child>li>.all-category-list-child>li>.all-category-list-child{margin-left:10px;margin-top:15px;border-left:2px solid var(--border-color);padding-left:20px;max-height:0;overflow:hidden;transition:all .2s ease}:root{--background-color:#fff;--background-color-transparent:rgba(255,255,255,0.6);--background-color-transparent-15:rgba(255,255,255,0.15);--background-color-transparent-40:rgba(255,255,255,0.4);--background-color-transparent-80:rgba(255,255,255,0.8);--second-background-color:#fafafa;--third-background-color:#f7f7f7;--third-background-color-transparent:rgba(241,241,241,0.6);--primary-color:#a31f34;--first-text-color:#323739;--second-text-color:#343a3c;--third-text-color:#5c6669;--fourth-text-color:#eaeced;--default-text-color:#373d3f;--invert-text-color:#bebec6;--border-color:rgba(0,0,0,0.08);--selection-color:#be243c;--shadow-color-1:rgba(0,0,0,0.08);--shadow-color-2:rgba(0,0,0,0.05);--shadow-hover-color:rgba(0,0,0,0.28);--scrollbar-color:#c1c1c1;--scrollbar-color-hover:#a1a1a1;--scroll-bar-bg-color:#fafafa;--link-color:#323739;--copyright-info-color:#c03;--avatar-background-color:#06c;--pjax-progress-bar-color:linear-gradient(45deg, #f10006, #ef5b00, #e59c01, #19ca05, #00cab5, #0264c8, #c303c3);--archive-timeline-last-child-color:linear-gradient(to bottom, #e8e8e8 60%, rgba(0,0,0,0) 100%) 1 100%;--note-blue-title-bg:#d6f7fb;--note-red-title-bg:#fde9e9;--note-cyan-title-bg:#e9fdf9;--note-green-title-bg:#e9fde9;--note-yellow-title-bg:#fdf9e9;--note-gray-title-bg:#f9f9f9;--note-type-title-bg:#fdf3e9;--note-black-title-bg:#e9e9e9;--note-purple-title-bg:#f9e9fd;--home-banner-text-color:#fff;--home-banner-icons-container-border-color:rgba(255,255,255,0.35);--home-banner-icons-container-background-color:rgba(255,255,255,0.3);--redefine-box-shadow:var(--shadow-color-2) 0px 6px 24px 0px,var(--shadow-color-1) 0px 0px 0px 1px;--redefine-box-shadow-hover:var(--shadow-color-2) 0px 6px 24px 0px,var(--shadow-color-1) 0px 0px 0px 1px,var(--shadow-color-1) 0px 0px 0px 1px inset;--redefine-box-shadow-flat:var(--shadow-color-2) 0px 1px 4px 0px,var(--shadow-color-1) 0px 0px 0px 1px;--redefine-box-shadow-flat-hover:var(--shadow-color-2) 0px 1px 4px 0px,var(--shadow-color-1) 0px 0px 0px 1px,var(--shadow-color-1) 0px 0px 0px 1px inset;--mermaid-theme:''}@media (prefers-color-scheme:light){:root{--background-color:#fff;--background-color-transparent:rgba(255,255,255,0.6);--background-color-transparent-15:rgba(255,255,255,0.15);--background-color-transparent-40:rgba(255,255,255,0.4);--background-color-transparent-80:rgba(255,255,255,0.8);--second-background-color:#fafafa;--third-background-color:#f7f7f7;--third-background-color-transparent:rgba(241,241,241,0.6);--primary-color:#a31f34;--first-text-color:#323739;--second-text-color:#343a3c;--third-text-color:#5c6669;--fourth-text-color:#eaeced;--default-text-color:#373d3f;--invert-text-color:#bebec6;--border-color:rgba(0,0,0,0.08);--selection-color:#be243c;--shadow-color-1:rgba(0,0,0,0.08);--shadow-color-2:rgba(0,0,0,0.05);--shadow-hover-color:rgba(0,0,0,0.28);--scrollbar-color:#c1c1c1;--scrollbar-color-hover:#a1a1a1;--scroll-bar-bg-color:#fafafa;--link-color:#323739;--copyright-info-color:#c03;--avatar-background-color:#06c;--pjax-progress-bar-color:linear-gradient(45deg, #f10006, #ef5b00, #e59c01, #19ca05, #00cab5, #0264c8, #c303c3);--archive-timeline-last-child-color:linear-gradient(to bottom, #e8e8e8 60%, rgba(0,0,0,0) 100%) 1 100%;--note-blue-title-bg:#d6f7fb;--note-red-title-bg:#fde9e9;--note-cyan-title-bg:#e9fdf9;--note-green-title-bg:#e9fde9;--note-yellow-title-bg:#fdf9e9;--note-gray-title-bg:#f9f9f9;--note-type-title-bg:#fdf3e9;--note-black-title-bg:#e9e9e9;--note-purple-title-bg:#f9e9fd;--home-banner-text-color:#fff;--home-banner-icons-container-border-color:rgba(255,255,255,0.35);--home-banner-icons-container-background-color:rgba(255,255,255,0.3);--redefine-box-shadow:var(--shadow-color-2) 0px 6px 24px 0px,var(--shadow-color-1) 0px 0px 0px 1px;--redefine-box-shadow-hover:var(--shadow-color-2) 0px 6px 24px 0px,var(--shadow-color-1) 0px 0px 0px 1px,var(--shadow-color-1) 0px 0px 0px 1px inset;--redefine-box-shadow-flat:var(--shadow-color-2) 0px 1px 4px 0px,var(--shadow-color-1) 0px 0px 0px 1px;--redefine-box-shadow-flat-hover:var(--shadow-color-2) 0px 1px 4px 0px,var(--shadow-color-1) 0px 0px 0px 1px,var(--shadow-color-1) 0px 0px 0px 1px inset;--mermaid-theme:''}}@media (prefers-color-scheme:dark){:root{--background-color:#202124;--background-color-transparent:rgba(32,33,36,0.4);--background-color-transparent-15:rgba(32,33,36,0.15);--background-color-transparent-40:rgba(32,33,36,0.4);--background-color-transparent-80:rgba(32,33,36,0.8);--second-background-color:#242529;--third-background-color:#292b2f;--third-background-color-transparent:rgba(32,33,36,0.6);--primary-color:#a31f34;--first-text-color:#d2d2d7;--second-text-color:#cbcbd1;--third-text-color:#9595a2;--fourth-text-color:#242429;--default-text-color:#bebec6;--invert-text-color:#373d3f;--border-color:rgba(255,255,255,0.08);--selection-color:#be243c;--shadow-color-1:rgba(255,255,255,0.08);--shadow-color-2:rgba(255,255,255,0.05);--shadow-hover-color:rgba(69,69,69,0.28);--scrollbar-color:#898989;--scrollbar-color-hover:#a1a1a1;--scroll-bar-bg-color:#2a2c30;--link-color:#c5c5cc;--copyright-info-color:#a30029;--avatar-background-color:#005cb8;--pjax-progress-bar-color:linear-gradient(45deg, #ea404a, #ea722f, #e9a71f, #67e559, #18ecec, #1b85f1, #ee1dee);--archive-timeline-last-child-color:linear-gradient(to bottom, #323232 60%, rgba(255,255,255,0) 100%) 1 100%;--note-blue-title-bg:#1e3e46;--note-red-title-bg:#4e1e1e;--note-cyan-title-bg:#1e4e4e;--note-green-title-bg:#1e4e1e;--note-yellow-title-bg:#4e4e1e;--note-gray-title-bg:#4e4e4e;--note-type-title-bg:#4e3a1e;--note-black-title-bg:#1e1e1e;--note-purple-title-bg:#4e1e4e;--home-banner-text-color:#d1d1b6;--home-banner-icons-container-border-color:rgba(197,197,197,0.35);--home-banner-icons-container-background-color:rgba(197,197,197,0.3);--redefine-box-shadow:var(--shadow-color-2) 0px 6px 24px 0px,var(--shadow-color-1) 0px 0px 0px 1px;--redefine-box-shadow-hover:var(--shadow-color-2) 0px 6px 24px 0px,var(--shadow-color-1) 0px 0px 0px 1px,var(--shadow-color-1) 0px 0px 0px 1px inset;--redefine-box-shadow-flat:var(--shadow-color-2) 0px 1px 4px 0px,var(--shadow-color-1) 0px 0px 0px 1px;--redefine-box-shadow-flat-hover:var(--shadow-color-2) 0px 1px 4px 0px,var(--shadow-color-1) 0px 0px 0px 1px,var(--shadow-color-1) 0px 0px 0px 1px inset;--mermaid-theme:''}}.light-mode{--background-color:#fff;--background-color-transparent:rgba(255,255,255,0.6);--background-color-transparent-15:rgba(255,255,255,0.15);--background-color-transparent-40:rgba(255,255,255,0.4);--background-color-transparent-80:rgba(255,255,255,0.8);--second-background-color:#fafafa;--third-background-color:#f7f7f7;--third-background-color-transparent:rgba(241,241,241,0.6);--primary-color:#a31f34;--first-text-color:#323739;--second-text-color:#343a3c;--third-text-color:#5c6669;--fourth-text-color:#eaeced;--default-text-color:#373d3f;--invert-text-color:#bebec6;--border-color:rgba(0,0,0,0.08);--selection-color:#be243c;--shadow-color-1:rgba(0,0,0,0.08);--shadow-color-2:rgba(0,0,0,0.05);--shadow-hover-color:rgba(0,0,0,0.28);--scrollbar-color:#c1c1c1;--scrollbar-color-hover:#a1a1a1;--scroll-bar-bg-color:#fafafa;--link-color:#323739;--copyright-info-color:#c03;--avatar-background-color:#06c;--pjax-progress-bar-color:linear-gradient(45deg, #f10006, #ef5b00, #e59c01, #19ca05, #00cab5, #0264c8, #c303c3);--archive-timeline-last-child-color:linear-gradient(to bottom, #e8e8e8 60%, rgba(0,0,0,0) 100%) 1 100%;--note-blue-title-bg:#d6f7fb;--note-red-title-bg:#fde9e9;--note-cyan-title-bg:#e9fdf9;--note-green-title-bg:#e9fde9;--note-yellow-title-bg:#fdf9e9;--note-gray-title-bg:#f9f9f9;--note-type-title-bg:#fdf3e9;--note-black-title-bg:#e9e9e9;--note-purple-title-bg:#f9e9fd;--home-banner-text-color:#fff;--home-banner-icons-container-border-color:rgba(255,255,255,0.35);--home-banner-icons-container-background-color:rgba(255,255,255,0.3);--redefine-box-shadow:var(--shadow-color-2) 0px 6px 24px 0px,var(--shadow-color-1) 0px 0px 0px 1px;--redefine-box-shadow-hover:var(--shadow-color-2) 0px 6px 24px 0px,var(--shadow-color-1) 0px 0px 0px 1px,var(--shadow-color-1) 0px 0px 0px 1px inset;--redefine-box-shadow-flat:var(--shadow-color-2) 0px 1px 4px 0px,var(--shadow-color-1) 0px 0px 0px 1px;--redefine-box-shadow-flat-hover:var(--shadow-color-2) 0px 1px 4px 0px,var(--shadow-color-1) 0px 0px 0px 1px,var(--shadow-color-1) 0px 0px 0px 1px inset;--mermaid-theme:''}.dark-mode{--background-color:#202124;--background-color-transparent:rgba(32,33,36,0.4);--background-color-transparent-15:rgba(32,33,36,0.15);--background-color-transparent-40:rgba(32,33,36,0.4);--background-color-transparent-80:rgba(32,33,36,0.8);--second-background-color:#242529;--third-background-color:#292b2f;--third-background-color-transparent:rgba(32,33,36,0.6);--primary-color:#a31f34;--first-text-color:#d2d2d7;--second-text-color:#cbcbd1;--third-text-color:#9595a2;--fourth-text-color:#242429;--default-text-color:#bebec6;--invert-text-color:#373d3f;--border-color:rgba(255,255,255,0.08);--selection-color:#be243c;--shadow-color-1:rgba(255,255,255,0.08);--shadow-color-2:rgba(255,255,255,0.05);--shadow-hover-color:rgba(69,69,69,0.28);--scrollbar-color:#898989;--scrollbar-color-hover:#a1a1a1;--scroll-bar-bg-color:#2a2c30;--link-color:#c5c5cc;--copyright-info-color:#a30029;--avatar-background-color:#005cb8;--pjax-progress-bar-color:linear-gradient(45deg, #ea404a, #ea722f, #e9a71f, #67e559, #18ecec, #1b85f1, #ee1dee);--archive-timeline-last-child-color:linear-gradient(to bottom, #323232 60%, rgba(255,255,255,0) 100%) 1 100%;--note-blue-title-bg:#1e3e46;--note-red-title-bg:#4e1e1e;--note-cyan-title-bg:#1e4e4e;--note-green-title-bg:#1e4e1e;--note-yellow-title-bg:#4e4e1e;--note-gray-title-bg:#4e4e4e;--note-type-title-bg:#4e3a1e;--note-black-title-bg:#1e1e1e;--note-purple-title-bg:#4e1e4e;--home-banner-text-color:#d1d1b6;--home-banner-icons-container-border-color:rgba(197,197,197,0.35);--home-banner-icons-container-background-color:rgba(197,197,197,0.3);--redefine-box-shadow:var(--shadow-color-2) 0px 6px 24px 0px,var(--shadow-color-1) 0px 0px 0px 1px;--redefine-box-shadow-hover:var(--shadow-color-2) 0px 6px 24px 0px,var(--shadow-color-1) 0px 0px 0px 1px,var(--shadow-color-1) 0px 0px 0px 1px inset;--redefine-box-shadow-flat:var(--shadow-color-2) 0px 1px 4px 0px,var(--shadow-color-1) 0px 0px 0px 1px;--redefine-box-shadow-flat-hover:var(--shadow-color-2) 0px 1px 4px 0px,var(--shadow-color-1) 0px 0px 0px 1px,var(--shadow-color-1) 0px 0px 0px 1px inset;--mermaid-theme:''}.article-meta-info{font-size:.8rem;color:var(--third-text-color)}.article-meta-info .article-meta-item{margin-right:10px}.article-meta-info .article-meta-item:last-child{margin-right:0}.article-meta-info .article-date{position:relative}.article-meta-info .article-date .hover-info{opacity:0;position:absolute;transition:opacity .3s;top:1.5rem;left:50%;width:auto;transform:translateX(-50%);border:1px solid var(--border-color);padding:0 5px;border-radius:9px;background-color:var(--second-background-color)}.article-meta-info .article-date:hover .hover-info{opacity:1;transition:opacity .2s}.article-meta-info .article-date .mobile{display:none}@media (max-width:768px){.article-meta-info .article-date .desktop{display:none}.article-meta-info .article-date .mobile{display:inline}}.article-meta-info .article-categories,.article-meta-info .article-tags{display:inline}.article-meta-info .article-categories li,.article-meta-info .article-categories ul,.article-meta-info .article-tags li,.article-meta-info .article-tags ul{display:inline}.article-meta-info .article-categories a,.article-meta-info .article-tags a{color:var(--third-text-color)}.article-meta-info .article-categories a:hover,.article-meta-info .article-tags a:hover{color:var(--primary-color)}@media (max-width:768px){.article-meta-info .article-tags{display:none}}.article-copyright-info-container{font-family:Satoshi-Variable,sans-serif,'Noto Sans SC',sans-serif;position:relative;width:100%;box-sizing:border-box;padding:10px 6px;font-size:1rem;background:var(--third-background-color);border-radius:14px;border:1px solid var(--shadow-color-1)}.article-copyright-info-container ul{margin-left:10px}.article-copyright-info-container ul li{margin-bottom:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--default-text-color)}.article-copyright-info-container ul li .license{font-weight:700}.article-copyright-info-container ul li:last-child{margin-bottom:0}:root{--background-color:#fff;--background-color-transparent:rgba(255,255,255,0.6);--background-color-transparent-15:rgba(255,255,255,0.15);--background-color-transparent-40:rgba(255,255,255,0.4);--background-color-transparent-80:rgba(255,255,255,0.8);--second-background-color:#fafafa;--third-background-color:#f7f7f7;--third-background-color-transparent:rgba(241,241,241,0.6);--primary-color:#a31f34;--first-text-color:#323739;--second-text-color:#343a3c;--third-text-color:#5c6669;--fourth-text-color:#eaeced;--default-text-color:#373d3f;--invert-text-color:#bebec6;--border-color:rgba(0,0,0,0.08);--selection-color:#be243c;--shadow-color-1:rgba(0,0,0,0.08);--shadow-color-2:rgba(0,0,0,0.05);--shadow-hover-color:rgba(0,0,0,0.28);--scrollbar-color:#c1c1c1;--scrollbar-color-hover:#a1a1a1;--scroll-bar-bg-color:#fafafa;--link-color:#323739;--copyright-info-color:#c03;--avatar-background-color:#06c;--pjax-progress-bar-color:linear-gradient(45deg, #f10006, #ef5b00, #e59c01, #19ca05, #00cab5, #0264c8, #c303c3);--archive-timeline-last-child-color:linear-gradient(to bottom, #e8e8e8 60%, rgba(0,0,0,0) 100%) 1 100%;--note-blue-title-bg:#d6f7fb;--note-red-title-bg:#fde9e9;--note-cyan-title-bg:#e9fdf9;--note-green-title-bg:#e9fde9;--note-yellow-title-bg:#fdf9e9;--note-gray-title-bg:#f9f9f9;--note-type-title-bg:#fdf3e9;--note-black-title-bg:#e9e9e9;--note-purple-title-bg:#f9e9fd;--home-banner-text-color:#fff;--home-banner-icons-container-border-color:rgba(255,255,255,0.35);--home-banner-icons-container-background-color:rgba(255,255,255,0.3);--redefine-box-shadow:var(--shadow-color-2) 0px 6px 24px 0px,var(--shadow-color-1) 0px 0px 0px 1px;--redefine-box-shadow-hover:var(--shadow-color-2) 0px 6px 24px 0px,var(--shadow-color-1) 0px 0px 0px 1px,var(--shadow-color-1) 0px 0px 0px 1px inset;--redefine-box-shadow-flat:var(--shadow-color-2) 0px 1px 4px 0px,var(--shadow-color-1) 0px 0px 0px 1px;--redefine-box-shadow-flat-hover:var(--shadow-color-2) 0px 1px 4px 0px,var(--shadow-color-1) 0px 0px 0px 1px,var(--shadow-color-1) 0px 0px 0px 1px inset;--mermaid-theme:''}@media (prefers-color-scheme:light){:root{--background-color:#fff;--background-color-transparent:rgba(255,255,255,0.6);--background-color-transparent-15:rgba(255,255,255,0.15);--background-color-transparent-40:rgba(255,255,255,0.4);--background-color-transparent-80:rgba(255,255,255,0.8);--second-background-color:#fafafa;--third-background-color:#f7f7f7;--third-background-color-transparent:rgba(241,241,241,0.6);--primary-color:#a31f34;--first-text-color:#323739;--second-text-color:#343a3c;--third-text-color:#5c6669;--fourth-text-color:#eaeced;--default-text-color:#373d3f;--invert-text-color:#bebec6;--border-color:rgba(0,0,0,0.08);--selection-color:#be243c;--shadow-color-1:rgba(0,0,0,0.08);--shadow-color-2:rgba(0,0,0,0.05);--shadow-hover-color:rgba(0,0,0,0.28);--scrollbar-color:#c1c1c1;--scrollbar-color-hover:#a1a1a1;--scroll-bar-bg-color:#fafafa;--link-color:#323739;--copyright-info-color:#c03;--avatar-background-color:#06c;--pjax-progress-bar-color:linear-gradient(45deg, #f10006, #ef5b00, #e59c01, #19ca05, #00cab5, #0264c8, #c303c3);--archive-timeline-last-child-color:linear-gradient(to bottom, #e8e8e8 60%, rgba(0,0,0,0) 100%) 1 100%;--note-blue-title-bg:#d6f7fb;--note-red-title-bg:#fde9e9;--note-cyan-title-bg:#e9fdf9;--note-green-title-bg:#e9fde9;--note-yellow-title-bg:#fdf9e9;--note-gray-title-bg:#f9f9f9;--note-type-title-bg:#fdf3e9;--note-black-title-bg:#e9e9e9;--note-purple-title-bg:#f9e9fd;--home-banner-text-color:#fff;--home-banner-icons-container-border-color:rgba(255,255,255,0.35);--home-banner-icons-container-background-color:rgba(255,255,255,0.3);--redefine-box-shadow:var(--shadow-color-2) 0px 6px 24px 0px,var(--shadow-color-1) 0px 0px 0px 1px;--redefine-box-shadow-hover:var(--shadow-color-2) 0px 6px 24px 0px,var(--shadow-color-1) 0px 0px 0px 1px,var(--shadow-color-1) 0px 0px 0px 1px inset;--redefine-box-shadow-flat:var(--shadow-color-2) 0px 1px 4px 0px,var(--shadow-color-1) 0px 0px 0px 1px;--redefine-box-shadow-flat-hover:var(--shadow-color-2) 0px 1px 4px 0px,var(--shadow-color-1) 0px 0px 0px 1px,var(--shadow-color-1) 0px 0px 0px 1px inset;--mermaid-theme:''}}@media (prefers-color-scheme:dark){:root{--background-color:#202124;--background-color-transparent:rgba(32,33,36,0.4);--background-color-transparent-15:rgba(32,33,36,0.15);--background-color-transparent-40:rgba(32,33,36,0.4);--background-color-transparent-80:rgba(32,33,36,0.8);--second-background-color:#242529;--third-background-color:#292b2f;--third-background-color-transparent:rgba(32,33,36,0.6);--primary-color:#a31f34;--first-text-color:#d2d2d7;--second-text-color:#cbcbd1;--third-text-color:#9595a2;--fourth-text-color:#242429;--default-text-color:#bebec6;--invert-text-color:#373d3f;--border-color:rgba(255,255,255,0.08);--selection-color:#be243c;--shadow-color-1:rgba(255,255,255,0.08);--shadow-color-2:rgba(255,255,255,0.05);--shadow-hover-color:rgba(69,69,69,0.28);--scrollbar-color:#898989;--scrollbar-color-hover:#a1a1a1;--scroll-bar-bg-color:#2a2c30;--link-color:#c5c5cc;--copyright-info-color:#a30029;--avatar-background-color:#005cb8;--pjax-progress-bar-color:linear-gradient(45deg, #ea404a, #ea722f, #e9a71f, #67e559, #18ecec, #1b85f1, #ee1dee);--archive-timeline-last-child-color:linear-gradient(to bottom, #323232 60%, rgba(255,255,255,0) 100%) 1 100%;--note-blue-title-bg:#1e3e46;--note-red-title-bg:#4e1e1e;--note-cyan-title-bg:#1e4e4e;--note-green-title-bg:#1e4e1e;--note-yellow-title-bg:#4e4e1e;--note-gray-title-bg:#4e4e4e;--note-type-title-bg:#4e3a1e;--note-black-title-bg:#1e1e1e;--note-purple-title-bg:#4e1e4e;--home-banner-text-color:#d1d1b6;--home-banner-icons-container-border-color:rgba(197,197,197,0.35);--home-banner-icons-container-background-color:rgba(197,197,197,0.3);--redefine-box-shadow:var(--shadow-color-2) 0px 6px 24px 0px,var(--shadow-color-1) 0px 0px 0px 1px;--redefine-box-shadow-hover:var(--shadow-color-2) 0px 6px 24px 0px,var(--shadow-color-1) 0px 0px 0px 1px,var(--shadow-color-1) 0px 0px 0px 1px inset;--redefine-box-shadow-flat:var(--shadow-color-2) 0px 1px 4px 0px,var(--shadow-color-1) 0px 0px 0px 1px;--redefine-box-shadow-flat-hover:var(--shadow-color-2) 0px 1px 4px 0px,var(--shadow-color-1) 0px 0px 0px 1px,var(--shadow-color-1) 0px 0px 0px 1px inset;--mermaid-theme:''}}.light-mode{--background-color:#fff;--background-color-transparent:rgba(255,255,255,0.6);--background-color-transparent-15:rgba(255,255,255,0.15);--background-color-transparent-40:rgba(255,255,255,0.4);--background-color-transparent-80:rgba(255,255,255,0.8);--second-background-color:#fafafa;--third-background-color:#f7f7f7;--third-background-color-transparent:rgba(241,241,241,0.6);--primary-color:#a31f34;--first-text-color:#323739;--second-text-color:#343a3c;--third-text-color:#5c6669;--fourth-text-color:#eaeced;--default-text-color:#373d3f;--invert-text-color:#bebec6;--border-color:rgba(0,0,0,0.08);--selection-color:#be243c;--shadow-color-1:rgba(0,0,0,0.08);--shadow-color-2:rgba(0,0,0,0.05);--shadow-hover-color:rgba(0,0,0,0.28);--scrollbar-color:#c1c1c1;--scrollbar-color-hover:#a1a1a1;--scroll-bar-bg-color:#fafafa;--link-color:#323739;--copyright-info-color:#c03;--avatar-background-color:#06c;--pjax-progress-bar-color:linear-gradient(45deg, #f10006, #ef5b00, #e59c01, #19ca05, #00cab5, #0264c8, #c303c3);--archive-timeline-last-child-color:linear-gradient(to bottom, #e8e8e8 60%, rgba(0,0,0,0) 100%) 1 100%;--note-blue-title-bg:#d6f7fb;--note-red-title-bg:#fde9e9;--note-cyan-title-bg:#e9fdf9;--note-green-title-bg:#e9fde9;--note-yellow-title-bg:#fdf9e9;--note-gray-title-bg:#f9f9f9;--note-type-title-bg:#fdf3e9;--note-black-title-bg:#e9e9e9;--note-purple-title-bg:#f9e9fd;--home-banner-text-color:#fff;--home-banner-icons-container-border-color:rgba(255,255,255,0.35);--home-banner-icons-container-background-color:rgba(255,255,255,0.3);--redefine-box-shadow:var(--shadow-color-2) 0px 6px 24px 0px,var(--shadow-color-1) 0px 0px 0px 1px;--redefine-box-shadow-hover:var(--shadow-color-2) 0px 6px 24px 0px,var(--shadow-color-1) 0px 0px 0px 1px,var(--shadow-color-1) 0px 0px 0px 1px inset;--redefine-box-shadow-flat:var(--shadow-color-2) 0px 1px 4px 0px,var(--shadow-color-1) 0px 0px 0px 1px;--redefine-box-shadow-flat-hover:var(--shadow-color-2) 0px 1px 4px 0px,var(--shadow-color-1) 0px 0px 0px 1px,var(--shadow-color-1) 0px 0px 0px 1px inset;--mermaid-theme:''}.dark-mode{--background-color:#202124;--background-color-transparent:rgba(32,33,36,0.4);--background-color-transparent-15:rgba(32,33,36,0.15);--background-color-transparent-40:rgba(32,33,36,0.4);--background-color-transparent-80:rgba(32,33,36,0.8);--second-background-color:#242529;--third-background-color:#292b2f;--third-background-color-transparent:rgba(32,33,36,0.6);--primary-color:#a31f34;--first-text-color:#d2d2d7;--second-text-color:#cbcbd1;--third-text-color:#9595a2;--fourth-text-color:#242429;--default-text-color:#bebec6;--invert-text-color:#373d3f;--border-color:rgba(255,255,255,0.08);--selection-color:#be243c;--shadow-color-1:rgba(255,255,255,0.08);--shadow-color-2:rgba(255,255,255,0.05);--shadow-hover-color:rgba(69,69,69,0.28);--scrollbar-color:#898989;--scrollbar-color-hover:#a1a1a1;--scroll-bar-bg-color:#2a2c30;--link-color:#c5c5cc;--copyright-info-color:#a30029;--avatar-background-color:#005cb8;--pjax-progress-bar-color:linear-gradient(45deg, #ea404a, #ea722f, #e9a71f, #67e559, #18ecec, #1b85f1, #ee1dee);--archive-timeline-last-child-color:linear-gradient(to bottom, #323232 60%, rgba(255,255,255,0) 100%) 1 100%;--note-blue-title-bg:#1e3e46;--note-red-title-bg:#4e1e1e;--note-cyan-title-bg:#1e4e4e;--note-green-title-bg:#1e4e1e;--note-yellow-title-bg:#4e4e1e;--note-gray-title-bg:#4e4e4e;--note-type-title-bg:#4e3a1e;--note-black-title-bg:#1e1e1e;--note-purple-title-bg:#4e1e4e;--home-banner-text-color:#d1d1b6;--home-banner-icons-container-border-color:rgba(197,197,197,0.35);--home-banner-icons-container-background-color:rgba(197,197,197,0.3);--redefine-box-shadow:var(--shadow-color-2) 0px 6px 24px 0px,var(--shadow-color-1) 0px 0px 0px 1px;--redefine-box-shadow-hover:var(--shadow-color-2) 0px 6px 24px 0px,var(--shadow-color-1) 0px 0px 0px 1px,var(--shadow-color-1) 0px 0px 0px 1px inset;--redefine-box-shadow-flat:var(--shadow-color-2) 0px 1px 4px 0px,var(--shadow-color-1) 0px 0px 0px 1px;--redefine-box-shadow-flat-hover:var(--shadow-color-2) 0px 1px 4px 0px,var(--shadow-color-1) 0px 0px 0px 1px,var(--shadow-color-1) 0px 0px 0px 1px inset;--mermaid-theme:''}.home-content-container{margin-right:38px}@media (max-width:768px){.home-content-container{margin-right:0}}@media (max-width:640px){.home-content-container{margin-right:0}}.home-content-container .seo-reader-text{border:0;clip:rect(1px,1px,1px,1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;width:1px;word-wrap:normal!important;word-break:normal}.home-content-container .home-article-list .home-article-item{position:relative;padding:0;border-radius:18px;box-sizing:border-box;background:var(--background-color);margin-bottom:38px;box-shadow:var(--redefine-box-shadow);transition-property:color,background,box-shadow,border-color,transform;transition-delay:0s,0s,0s,0s,0s;transition-duration:.2s,.2s,.2s,.2s,.2s;transition-timing-function:ease,ease,ease,ease,linear}@media (max-width:768px){.home-content-container .home-article-list .home-article-item{margin-bottom:30.400000000000002px}}@media (max-width:640px){.home-content-container .home-article-list .home-article-item{margin-bottom:22.8px}}.home-content-container .home-article-list .home-article-item:hover{box-shadow:var(--redefine-box-shadow-hover)}@media (max-width:768px){.home-content-container .home-article-list .home-article-item{border-radius:18px}}@media (max-width:640px){.home-content-container .home-article-list .home-article-item{border-radius:18px}}.home-content-container .home-article-list .home-article-item .home-article-thumbnail img{width:100%;height:100%;object-fit:cover;position:absolute;top:50%;transform:translateY(-50%)}.home-content-container .home-article-list .home-article-item .home-article-title{position:relative;font-weight:700;font-size:1.4rem;line-height:1.5;color:var(--second-text-color);font-family:Satoshi-Variable,sans-serif,'Noto Sans SC',sans-serif,'Noto Sans SC',sans-serif;margin:0}@media (max-width:768px){.home-content-container .home-article-list .home-article-item .home-article-title{font-size:1.3rem}}@media (max-width:640px){.home-content-container .home-article-list .home-article-item .home-article-title{font-size:1.2rem}}.home-content-container .home-article-list .home-article-item .home-article-content{word-wrap:break-word;text-align:justify;color:var(--default-text-color)}.home-content-container .home-article-list .home-article-item .home-article-meta-info-container{display:flex;justify-content:space-between;align-items:center;font-size:.92rem;color:var(--third-text-color)}.home-content-container .home-article-list .home-article-item .home-article-meta-info-container .home-article-meta-info{letter-spacing:.5px}.home-content-container .home-article-list .home-article-item .home-article-meta-info-container .home-article-meta-info span{margin-right:10px}.home-content-container .home-article-list .home-article-item .home-article-meta-info-container .home-article-meta-info span:last-child{margin-right:0}.home-content-container .home-article-list .home-article-item .home-article-meta-info-container .home-article-meta-info span li,.home-content-container .home-article-list .home-article-item .home-article-meta-info-container .home-article-meta-info span ul{display:inline}@media (max-width:640px){.home-content-container .home-article-list .home-article-item .home-article-meta-info-container .home-article-meta-info .home-article-category{display:none}}@media (max-width:768px){.home-content-container .home-article-list .home-article-item .home-article-meta-info-container .home-article-meta-info .home-article-tag{display:none}}.home-content-container .home-article-list .home-article-item .home-article-meta-info-container hr{border:none;flex:1;height:1px;background:var(--border-color);margin:0 10px}.home-content-container .home-article-list .home-article-item .home-article-meta-info-container a{color:var(--third-text-color)}.home-content-container .home-article-list .home-article-item .home-article-meta-info-container a:hover{color:var(--primary-color)}:root{--background-color:#fff;--background-color-transparent:rgba(255,255,255,0.6);--background-color-transparent-15:rgba(255,255,255,0.15);--background-color-transparent-40:rgba(255,255,255,0.4);--background-color-transparent-80:rgba(255,255,255,0.8);--second-background-color:#fafafa;--third-background-color:#f7f7f7;--third-background-color-transparent:rgba(241,241,241,0.6);--primary-color:#a31f34;--first-text-color:#323739;--second-text-color:#343a3c;--third-text-color:#5c6669;--fourth-text-color:#eaeced;--default-text-color:#373d3f;--invert-text-color:#bebec6;--border-color:rgba(0,0,0,0.08);--selection-color:#be243c;--shadow-color-1:rgba(0,0,0,0.08);--shadow-color-2:rgba(0,0,0,0.05);--shadow-hover-color:rgba(0,0,0,0.28);--scrollbar-color:#c1c1c1;--scrollbar-color-hover:#a1a1a1;--scroll-bar-bg-color:#fafafa;--link-color:#323739;--copyright-info-color:#c03;--avatar-background-color:#06c;--pjax-progress-bar-color:linear-gradient(45deg, #f10006, #ef5b00, #e59c01, #19ca05, #00cab5, #0264c8, #c303c3);--archive-timeline-last-child-color:linear-gradient(to bottom, #e8e8e8 60%, rgba(0,0,0,0) 100%) 1 100%;--note-blue-title-bg:#d6f7fb;--note-red-title-bg:#fde9e9;--note-cyan-title-bg:#e9fdf9;--note-green-title-bg:#e9fde9;--note-yellow-title-bg:#fdf9e9;--note-gray-title-bg:#f9f9f9;--note-type-title-bg:#fdf3e9;--note-black-title-bg:#e9e9e9;--note-purple-title-bg:#f9e9fd;--home-banner-text-color:#fff;--home-banner-icons-container-border-color:rgba(255,255,255,0.35);--home-banner-icons-container-background-color:rgba(255,255,255,0.3);--redefine-box-shadow:var(--shadow-color-2) 0px 6px 24px 0px,var(--shadow-color-1) 0px 0px 0px 1px;--redefine-box-shadow-hover:var(--shadow-color-2) 0px 6px 24px 0px,var(--shadow-color-1) 0px 0px 0px 1px,var(--shadow-color-1) 0px 0px 0px 1px inset;--redefine-box-shadow-flat:var(--shadow-color-2) 0px 1px 4px 0px,var(--shadow-color-1) 0px 0px 0px 1px;--redefine-box-shadow-flat-hover:var(--shadow-color-2) 0px 1px 4px 0px,var(--shadow-color-1) 0px 0px 0px 1px,var(--shadow-color-1) 0px 0px 0px 1px inset;--mermaid-theme:''}@media (prefers-color-scheme:light){:root{--background-color:#fff;--background-color-transparent:rgba(255,255,255,0.6);--background-color-transparent-15:rgba(255,255,255,0.15);--background-color-transparent-40:rgba(255,255,255,0.4);--background-color-transparent-80:rgba(255,255,255,0.8);--second-background-color:#fafafa;--third-background-color:#f7f7f7;--third-background-color-transparent:rgba(241,241,241,0.6);--primary-color:#a31f34;--first-text-color:#323739;--second-text-color:#343a3c;--third-text-color:#5c6669;--fourth-text-color:#eaeced;--default-text-color:#373d3f;--invert-text-color:#bebec6;--border-color:rgba(0,0,0,0.08);--selection-color:#be243c;--shadow-color-1:rgba(0,0,0,0.08);--shadow-color-2:rgba(0,0,0,0.05);--shadow-hover-color:rgba(0,0,0,0.28);--scrollbar-color:#c1c1c1;--scrollbar-color-hover:#a1a1a1;--scroll-bar-bg-color:#fafafa;--link-color:#323739;--copyright-info-color:#c03;--avatar-background-color:#06c;--pjax-progress-bar-color:linear-gradient(45deg, #f10006, #ef5b00, #e59c01, #19ca05, #00cab5, #0264c8, #c303c3);--archive-timeline-last-child-color:linear-gradient(to bottom, #e8e8e8 60%, rgba(0,0,0,0) 100%) 1 100%;--note-blue-title-bg:#d6f7fb;--note-red-title-bg:#fde9e9;--note-cyan-title-bg:#e9fdf9;--note-green-title-bg:#e9fde9;--note-yellow-title-bg:#fdf9e9;--note-gray-title-bg:#f9f9f9;--note-type-title-bg:#fdf3e9;--note-black-title-bg:#e9e9e9;--note-purple-title-bg:#f9e9fd;--home-banner-text-color:#fff;--home-banner-icons-container-border-color:rgba(255,255,255,0.35);--home-banner-icons-container-background-color:rgba(255,255,255,0.3);--redefine-box-shadow:var(--shadow-color-2) 0px 6px 24px 0px,var(--shadow-color-1) 0px 0px 0px 1px;--redefine-box-shadow-hover:var(--shadow-color-2) 0px 6px 24px 0px,var(--shadow-color-1) 0px 0px 0px 1px,var(--shadow-color-1) 0px 0px 0px 1px inset;--redefine-box-shadow-flat:var(--shadow-color-2) 0px 1px 4px 0px,var(--shadow-color-1) 0px 0px 0px 1px;--redefine-box-shadow-flat-hover:var(--shadow-color-2) 0px 1px 4px 0px,var(--shadow-color-1) 0px 0px 0px 1px,var(--shadow-color-1) 0px 0px 0px 1px inset;--mermaid-theme:''}}@media (prefers-color-scheme:dark){:root{--background-color:#202124;--background-color-transparent:rgba(32,33,36,0.4);--background-color-transparent-15:rgba(32,33,36,0.15);--background-color-transparent-40:rgba(32,33,36,0.4);--background-color-transparent-80:rgba(32,33,36,0.8);--second-background-color:#242529;--third-background-color:#292b2f;--third-background-color-transparent:rgba(32,33,36,0.6);--primary-color:#a31f34;--first-text-color:#d2d2d7;--second-text-color:#cbcbd1;--third-text-color:#9595a2;--fourth-text-color:#242429;--default-text-color:#bebec6;--invert-text-color:#373d3f;--border-color:rgba(255,255,255,0.08);--selection-color:#be243c;--shadow-color-1:rgba(255,255,255,0.08);--shadow-color-2:rgba(255,255,255,0.05);--shadow-hover-color:rgba(69,69,69,0.28);--scrollbar-color:#898989;--scrollbar-color-hover:#a1a1a1;--scroll-bar-bg-color:#2a2c30;--link-color:#c5c5cc;--copyright-info-color:#a30029;--avatar-background-color:#005cb8;--pjax-progress-bar-color:linear-gradient(45deg, #ea404a, #ea722f, #e9a71f, #67e559, #18ecec, #1b85f1, #ee1dee);--archive-timeline-last-child-color:linear-gradient(to bottom, #323232 60%, rgba(255,255,255,0) 100%) 1 100%;--note-blue-title-bg:#1e3e46;--note-red-title-bg:#4e1e1e;--note-cyan-title-bg:#1e4e4e;--note-green-title-bg:#1e4e1e;--note-yellow-title-bg:#4e4e1e;--note-gray-title-bg:#4e4e4e;--note-type-title-bg:#4e3a1e;--note-black-title-bg:#1e1e1e;--note-purple-title-bg:#4e1e4e;--home-banner-text-color:#d1d1b6;--home-banner-icons-container-border-color:rgba(197,197,197,0.35);--home-banner-icons-container-background-color:rgba(197,197,197,0.3);--redefine-box-shadow:var(--shadow-color-2) 0px 6px 24px 0px,var(--shadow-color-1) 0px 0px 0px 1px;--redefine-box-shadow-hover:var(--shadow-color-2) 0px 6px 24px 0px,var(--shadow-color-1) 0px 0px 0px 1px,var(--shadow-color-1) 0px 0px 0px 1px inset;--redefine-box-shadow-flat:var(--shadow-color-2) 0px 1px 4px 0px,var(--shadow-color-1) 0px 0px 0px 1px;--redefine-box-shadow-flat-hover:var(--shadow-color-2) 0px 1px 4px 0px,var(--shadow-color-1) 0px 0px 0px 1px,var(--shadow-color-1) 0px 0px 0px 1px inset;--mermaid-theme:''}}.light-mode{--background-color:#fff;--background-color-transparent:rgba(255,255,255,0.6);--background-color-transparent-15:rgba(255,255,255,0.15);--background-color-transparent-40:rgba(255,255,255,0.4);--background-color-transparent-80:rgba(255,255,255,0.8);--second-background-color:#fafafa;--third-background-color:#f7f7f7;--third-background-color-transparent:rgba(241,241,241,0.6);--primary-color:#a31f34;--first-text-color:#323739;--second-text-color:#343a3c;--third-text-color:#5c6669;--fourth-text-color:#eaeced;--default-text-color:#373d3f;--invert-text-color:#bebec6;--border-color:rgba(0,0,0,0.08);--selection-color:#be243c;--shadow-color-1:rgba(0,0,0,0.08);--shadow-color-2:rgba(0,0,0,0.05);--shadow-hover-color:rgba(0,0,0,0.28);--scrollbar-color:#c1c1c1;--scrollbar-color-hover:#a1a1a1;--scroll-bar-bg-color:#fafafa;--link-color:#323739;--copyright-info-color:#c03;--avatar-background-color:#06c;--pjax-progress-bar-color:linear-gradient(45deg, #f10006, #ef5b00, #e59c01, #19ca05, #00cab5, #0264c8, #c303c3);--archive-timeline-last-child-color:linear-gradient(to bottom, #e8e8e8 60%, rgba(0,0,0,0) 100%) 1 100%;--note-blue-title-bg:#d6f7fb;--note-red-title-bg:#fde9e9;--note-cyan-title-bg:#e9fdf9;--note-green-title-bg:#e9fde9;--note-yellow-title-bg:#fdf9e9;--note-gray-title-bg:#f9f9f9;--note-type-title-bg:#fdf3e9;--note-black-title-bg:#e9e9e9;--note-purple-title-bg:#f9e9fd;--home-banner-text-color:#fff;--home-banner-icons-container-border-color:rgba(255,255,255,0.35);--home-banner-icons-container-background-color:rgba(255,255,255,0.3);--redefine-box-shadow:var(--shadow-color-2) 0px 6px 24px 0px,var(--shadow-color-1) 0px 0px 0px 1px;--redefine-box-shadow-hover:var(--shadow-color-2) 0px 6px 24px 0px,var(--shadow-color-1) 0px 0px 0px 1px,var(--shadow-color-1) 0px 0px 0px 1px inset;--redefine-box-shadow-flat:var(--shadow-color-2) 0px 1px 4px 0px,var(--shadow-color-1) 0px 0px 0px 1px;--redefine-box-shadow-flat-hover:var(--shadow-color-2) 0px 1px 4px 0px,var(--shadow-color-1) 0px 0px 0px 1px,var(--shadow-color-1) 0px 0px 0px 1px inset;--mermaid-theme:''}.dark-mode{--background-color:#202124;--background-color-transparent:rgba(32,33,36,0.4);--background-color-transparent-15:rgba(32,33,36,0.15);--background-color-transparent-40:rgba(32,33,36,0.4);--background-color-transparent-80:rgba(32,33,36,0.8);--second-background-color:#242529;--third-background-color:#292b2f;--third-background-color-transparent:rgba(32,33,36,0.6);--primary-color:#a31f34;--first-text-color:#d2d2d7;--second-text-color:#cbcbd1;--third-text-color:#9595a2;--fourth-text-color:#242429;--default-text-color:#bebec6;--invert-text-color:#373d3f;--border-color:rgba(255,255,255,0.08);--selection-color:#be243c;--shadow-color-1:rgba(255,255,255,0.08);--shadow-color-2:rgba(255,255,255,0.05);--shadow-hover-color:rgba(69,69,69,0.28);--scrollbar-color:#898989;--scrollbar-color-hover:#a1a1a1;--scroll-bar-bg-color:#2a2c30;--link-color:#c5c5cc;--copyright-info-color:#a30029;--avatar-background-color:#005cb8;--pjax-progress-bar-color:linear-gradient(45deg, #ea404a, #ea722f, #e9a71f, #67e559, #18ecec, #1b85f1, #ee1dee);--archive-timeline-last-child-color:linear-gradient(to bottom, #323232 60%, rgba(255,255,255,0) 100%) 1 100%;--note-blue-title-bg:#1e3e46;--note-red-title-bg:#4e1e1e;--note-cyan-title-bg:#1e4e4e;--note-green-title-bg:#1e4e1e;--note-yellow-title-bg:#4e4e1e;--note-gray-title-bg:#4e4e4e;--note-type-title-bg:#4e3a1e;--note-black-title-bg:#1e1e1e;--note-purple-title-bg:#4e1e4e;--home-banner-text-color:#d1d1b6;--home-banner-icons-container-border-color:rgba(197,197,197,0.35);--home-banner-icons-container-background-color:rgba(197,197,197,0.3);--redefine-box-shadow:var(--shadow-color-2) 0px 6px 24px 0px,var(--shadow-color-1) 0px 0px 0px 1px;--redefine-box-shadow-hover:var(--shadow-color-2) 0px 6px 24px 0px,var(--shadow-color-1) 0px 0px 0px 1px,var(--shadow-color-1) 0px 0px 0px 1px inset;--redefine-box-shadow-flat:var(--shadow-color-2) 0px 1px 4px 0px,var(--shadow-color-1) 0px 0px 0px 1px;--redefine-box-shadow-flat-hover:var(--shadow-color-2) 0px 1px 4px 0px,var(--shadow-color-1) 0px 0px 0px 1px,var(--shadow-color-1) 0px 0px 0px 1px inset;--mermaid-theme:''}.home-sidebar-container{width:240px;height:auto;margin:0 38px}@media (max-width:768px){.home-sidebar-container{margin:0 19px}}@media (max-width:640px){.home-sidebar-container{display:none}}.home-sidebar-container .sticky-container{top:70px}.home-sidebar-container .sidebar-content{padding:20px;border-radius:18px;box-sizing:border-box;background:var(--background-color);box-shadow:var(--redefine-box-shadow)}.home-sidebar-container .sidebar-content:hover{box-shadow:var(--redefine-box-shadow-hover)}@media (max-width:768px){.home-sidebar-container .sidebar-content{padding:16px;border-radius:18px}}@media (max-width:640px){.home-sidebar-container .sidebar-content{padding:12px;border-radius:18px}}.home-sidebar-container .sidebar-content[marginTop]{margin-top:22.8px}.home-sidebar-container .sidebar-content .avatar img{width:80px;height:80px;border-radius:18px;box-shadow:var(--redefine-box-shadow-flat);border:1px solid var(--border-color);padding:1px}.home-sidebar-container .sidebar-content .avatar img:hover{box-shadow:var(--redefine-box-shadow)}.home-sidebar-container .sidebar-content .author .name{text-align:center;font-size:1.2rem;font-weight:600;color:var(--second-text-color)}.home-sidebar-container .sidebar-content .author .label{text-align:center;font-size:.8rem;color:var(--third-text-color)}.home-sidebar-container .sidebar-links{overflow:hidden;padding:15px;border-radius:18px;box-sizing:border-box;background:var(--background-color);box-shadow:var(--redefine-box-shadow)}.home-sidebar-container .sidebar-links:hover{box-shadow:var(--redefine-box-shadow-hover)}@media (max-width:768px){.home-sidebar-container .sidebar-links{padding:11px;border-radius:18px}}@media (max-width:640px){.home-sidebar-container .sidebar-links{padding:7px;border-radius:18px}}.home-sidebar-container .sidebar-links[marginTop]{margin-top:22.8px}.home-sidebar-container .sidebar-links .site-info{background-color:var(--second-background-color);margin:-15px -15px 10px -15px;border-radius:18px 18px 0 0;padding:15px;border-bottom:1px solid var(--border-color)}.home-sidebar-container .sidebar-links .site-info .site-name{font-size:1.2rem;font-weight:500;color:var(--second-text-color);font-family:Chillax-Variable,sans-serif;text-align:center}.home-sidebar-container .sidebar-links .site-info .announcement{font-size:.9rem;color:var(--third-text-color);text-align:center;margin-top:10px;margin-bottom:5px}.home-sidebar-container .sidebar-links .links{padding:5px 0;display:flex;justify-content:center;align-items:center;color:var(--second-text-color);text-align:left;border-radius:9px;cursor:pointer;font-family:Satoshi-Variable,Noto Sans SC,-apple-system,system-ui,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,BlinkMacSystemFont,Helvetica Neue,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Arial}.home-sidebar-container .sidebar-links .links .link-name{font-weight:450}.home-sidebar-container .sidebar-links .links .icon-space{margin-right:5px}.home-sidebar-container .sidebar-links .links:hover{color:var(--primary-color);background-color:var(--second-background-color)}.home-sidebar-container .sidebar-links .links .icon{font-size:1.2rem}.home-sidebar-container .sidebar-links .links .label{font-size:.8rem}.home-sidebar-container .sidebar-links .announcement-outside{display:flex;justify-content:center;align-items:center;margin-top:10px;margin-bottom:5px;padding:5px 0;color:var(--second-text-color);text-align:center}.archive-container{padding:30px;border-radius:18px;box-sizing:border-box;background:var(--background-color);margin-bottom:30px;box-shadow:var(--redefine-box-shadow)}@media (max-width:768px){.archive-container{margin-bottom:24px}}@media (max-width:640px){.archive-container{margin-bottom:18px}}.archive-container:hover{box-shadow:var(--redefine-box-shadow-hover)}@media (max-width:768px){.archive-container{padding:26px;border-radius:18px}}@media (max-width:640px){.archive-container{padding:22px;border-radius:18px}}:root{--background-color:#fff;--background-color-transparent:rgba(255,255,255,0.6);--background-color-transparent-15:rgba(255,255,255,0.15);--background-color-transparent-40:rgba(255,255,255,0.4);--background-color-transparent-80:rgba(255,255,255,0.8);--second-background-color:#fafafa;--third-background-color:#f7f7f7;--third-background-color-transparent:rgba(241,241,241,0.6);--primary-color:#a31f34;--first-text-color:#323739;--second-text-color:#343a3c;--third-text-color:#5c6669;--fourth-text-color:#eaeced;--default-text-color:#373d3f;--invert-text-color:#bebec6;--border-color:rgba(0,0,0,0.08);--selection-color:#be243c;--shadow-color-1:rgba(0,0,0,0.08);--shadow-color-2:rgba(0,0,0,0.05);--shadow-hover-color:rgba(0,0,0,0.28);--scrollbar-color:#c1c1c1;--scrollbar-color-hover:#a1a1a1;--scroll-bar-bg-color:#fafafa;--link-color:#323739;--copyright-info-color:#c03;--avatar-background-color:#06c;--pjax-progress-bar-color:linear-gradient(45deg, #f10006, #ef5b00, #e59c01, #19ca05, #00cab5, #0264c8, #c303c3);--archive-timeline-last-child-color:linear-gradient(to bottom, #e8e8e8 60%, rgba(0,0,0,0) 100%) 1 100%;--note-blue-title-bg:#d6f7fb;--note-red-title-bg:#fde9e9;--note-cyan-title-bg:#e9fdf9;--note-green-title-bg:#e9fde9;--note-yellow-title-bg:#fdf9e9;--note-gray-title-bg:#f9f9f9;--note-type-title-bg:#fdf3e9;--note-black-title-bg:#e9e9e9;--note-purple-title-bg:#f9e9fd;--home-banner-text-color:#fff;--home-banner-icons-container-border-color:rgba(255,255,255,0.35);--home-banner-icons-container-background-color:rgba(255,255,255,0.3);--redefine-box-shadow:var(--shadow-color-2) 0px 6px 24px 0px,var(--shadow-color-1) 0px 0px 0px 1px;--redefine-box-shadow-hover:var(--shadow-color-2) 0px 6px 24px 0px,var(--shadow-color-1) 0px 0px 0px 1px,var(--shadow-color-1) 0px 0px 0px 1px inset;--redefine-box-shadow-flat:var(--shadow-color-2) 0px 1px 4px 0px,var(--shadow-color-1) 0px 0px 0px 1px;--redefine-box-shadow-flat-hover:var(--shadow-color-2) 0px 1px 4px 0px,var(--shadow-color-1) 0px 0px 0px 1px,var(--shadow-color-1) 0px 0px 0px 1px inset;--mermaid-theme:''}@media (prefers-color-scheme:light){:root{--background-color:#fff;--background-color-transparent:rgba(255,255,255,0.6);--background-color-transparent-15:rgba(255,255,255,0.15);--background-color-transparent-40:rgba(255,255,255,0.4);--background-color-transparent-80:rgba(255,255,255,0.8);--second-background-color:#fafafa;--third-background-color:#f7f7f7;--third-background-color-transparent:rgba(241,241,241,0.6);--primary-color:#a31f34;--first-text-color:#323739;--second-text-color:#343a3c;--third-text-color:#5c6669;--fourth-text-color:#eaeced;--default-text-color:#373d3f;--invert-text-color:#bebec6;--border-color:rgba(0,0,0,0.08);--selection-color:#be243c;--shadow-color-1:rgba(0,0,0,0.08);--shadow-color-2:rgba(0,0,0,0.05);--shadow-hover-color:rgba(0,0,0,0.28);--scrollbar-color:#c1c1c1;--scrollbar-color-hover:#a1a1a1;--scroll-bar-bg-color:#fafafa;--link-color:#323739;--copyright-info-color:#c03;--avatar-background-color:#06c;--pjax-progress-bar-color:linear-gradient(45deg, #f10006, #ef5b00, #e59c01, #19ca05, #00cab5, #0264c8, #c303c3);--archive-timeline-last-child-color:linear-gradient(to bottom, #e8e8e8 60%, rgba(0,0,0,0) 100%) 1 100%;--note-blue-title-bg:#d6f7fb;--note-red-title-bg:#fde9e9;--note-cyan-title-bg:#e9fdf9;--note-green-title-bg:#e9fde9;--note-yellow-title-bg:#fdf9e9;--note-gray-title-bg:#f9f9f9;--note-type-title-bg:#fdf3e9;--note-black-title-bg:#e9e9e9;--note-purple-title-bg:#f9e9fd;--home-banner-text-color:#fff;--home-banner-icons-container-border-color:rgba(255,255,255,0.35);--home-banner-icons-container-background-color:rgba(255,255,255,0.3);--redefine-box-shadow:var(--shadow-color-2) 0px 6px 24px 0px,var(--shadow-color-1) 0px 0px 0px 1px;--redefine-box-shadow-hover:var(--shadow-color-2) 0px 6px 24px 0px,var(--shadow-color-1) 0px 0px 0px 1px,var(--shadow-color-1) 0px 0px 0px 1px inset;--redefine-box-shadow-flat:var(--shadow-color-2) 0px 1px 4px 0px,var(--shadow-color-1) 0px 0px 0px 1px;--redefine-box-shadow-flat-hover:var(--shadow-color-2) 0px 1px 4px 0px,var(--shadow-color-1) 0px 0px 0px 1px,var(--shadow-color-1) 0px 0px 0px 1px inset;--mermaid-theme:''}}@media (prefers-color-scheme:dark){:root{--background-color:#202124;--background-color-transparent:rgba(32,33,36,0.4);--background-color-transparent-15:rgba(32,33,36,0.15);--background-color-transparent-40:rgba(32,33,36,0.4);--background-color-transparent-80:rgba(32,33,36,0.8);--second-background-color:#242529;--third-background-color:#292b2f;--third-background-color-transparent:rgba(32,33,36,0.6);--primary-color:#a31f34;--first-text-color:#d2d2d7;--second-text-color:#cbcbd1;--third-text-color:#9595a2;--fourth-text-color:#242429;--default-text-color:#bebec6;--invert-text-color:#373d3f;--border-color:rgba(255,255,255,0.08);--selection-color:#be243c;--shadow-color-1:rgba(255,255,255,0.08);--shadow-color-2:rgba(255,255,255,0.05);--shadow-hover-color:rgba(69,69,69,0.28);--scrollbar-color:#898989;--scrollbar-color-hover:#a1a1a1;--scroll-bar-bg-color:#2a2c30;--link-color:#c5c5cc;--copyright-info-color:#a30029;--avatar-background-color:#005cb8;--pjax-progress-bar-color:linear-gradient(45deg, #ea404a, #ea722f, #e9a71f, #67e559, #18ecec, #1b85f1, #ee1dee);--archive-timeline-last-child-color:linear-gradient(to bottom, #323232 60%, rgba(255,255,255,0) 100%) 1 100%;--note-blue-title-bg:#1e3e46;--note-red-title-bg:#4e1e1e;--note-cyan-title-bg:#1e4e4e;--note-green-title-bg:#1e4e1e;--note-yellow-title-bg:#4e4e1e;--note-gray-title-bg:#4e4e4e;--note-type-title-bg:#4e3a1e;--note-black-title-bg:#1e1e1e;--note-purple-title-bg:#4e1e4e;--home-banner-text-color:#d1d1b6;--home-banner-icons-container-border-color:rgba(197,197,197,0.35);--home-banner-icons-container-background-color:rgba(197,197,197,0.3);--redefine-box-shadow:var(--shadow-color-2) 0px 6px 24px 0px,var(--shadow-color-1) 0px 0px 0px 1px;--redefine-box-shadow-hover:var(--shadow-color-2) 0px 6px 24px 0px,var(--shadow-color-1) 0px 0px 0px 1px,var(--shadow-color-1) 0px 0px 0px 1px inset;--redefine-box-shadow-flat:var(--shadow-color-2) 0px 1px 4px 0px,var(--shadow-color-1) 0px 0px 0px 1px;--redefine-box-shadow-flat-hover:var(--shadow-color-2) 0px 1px 4px 0px,var(--shadow-color-1) 0px 0px 0px 1px,var(--shadow-color-1) 0px 0px 0px 1px inset;--mermaid-theme:''}}.light-mode{--background-color:#fff;--background-color-transparent:rgba(255,255,255,0.6);--background-color-transparent-15:rgba(255,255,255,0.15);--background-color-transparent-40:rgba(255,255,255,0.4);--background-color-transparent-80:rgba(255,255,255,0.8);--second-background-color:#fafafa;--third-background-color:#f7f7f7;--third-background-color-transparent:rgba(241,241,241,0.6);--primary-color:#a31f34;--first-text-color:#323739;--second-text-color:#343a3c;--third-text-color:#5c6669;--fourth-text-color:#eaeced;--default-text-color:#373d3f;--invert-text-color:#bebec6;--border-color:rgba(0,0,0,0.08);--selection-color:#be243c;--shadow-color-1:rgba(0,0,0,0.08);--shadow-color-2:rgba(0,0,0,0.05);--shadow-hover-color:rgba(0,0,0,0.28);--scrollbar-color:#c1c1c1;--scrollbar-color-hover:#a1a1a1;--scroll-bar-bg-color:#fafafa;--link-color:#323739;--copyright-info-color:#c03;--avatar-background-color:#06c;--pjax-progress-bar-color:linear-gradient(45deg, #f10006, #ef5b00, #e59c01, #19ca05, #00cab5, #0264c8, #c303c3);--archive-timeline-last-child-color:linear-gradient(to bottom, #e8e8e8 60%, rgba(0,0,0,0) 100%) 1 100%;--note-blue-title-bg:#d6f7fb;--note-red-title-bg:#fde9e9;--note-cyan-title-bg:#e9fdf9;--note-green-title-bg:#e9fde9;--note-yellow-title-bg:#fdf9e9;--note-gray-title-bg:#f9f9f9;--note-type-title-bg:#fdf3e9;--note-black-title-bg:#e9e9e9;--note-purple-title-bg:#f9e9fd;--home-banner-text-color:#fff;--home-banner-icons-container-border-color:rgba(255,255,255,0.35);--home-banner-icons-container-background-color:rgba(255,255,255,0.3);--redefine-box-shadow:var(--shadow-color-2) 0px 6px 24px 0px,var(--shadow-color-1) 0px 0px 0px 1px;--redefine-box-shadow-hover:var(--shadow-color-2) 0px 6px 24px 0px,var(--shadow-color-1) 0px 0px 0px 1px,var(--shadow-color-1) 0px 0px 0px 1px inset;--redefine-box-shadow-flat:var(--shadow-color-2) 0px 1px 4px 0px,var(--shadow-color-1) 0px 0px 0px 1px;--redefine-box-shadow-flat-hover:var(--shadow-color-2) 0px 1px 4px 0px,var(--shadow-color-1) 0px 0px 0px 1px,var(--shadow-color-1) 0px 0px 0px 1px inset;--mermaid-theme:''}.dark-mode{--background-color:#202124;--background-color-transparent:rgba(32,33,36,0.4);--background-color-transparent-15:rgba(32,33,36,0.15);--background-color-transparent-40:rgba(32,33,36,0.4);--background-color-transparent-80:rgba(32,33,36,0.8);--second-background-color:#242529;--third-background-color:#292b2f;--third-background-color-transparent:rgba(32,33,36,0.6);--primary-color:#a31f34;--first-text-color:#d2d2d7;--second-text-color:#cbcbd1;--third-text-color:#9595a2;--fourth-text-color:#242429;--default-text-color:#bebec6;--invert-text-color:#373d3f;--border-color:rgba(255,255,255,0.08);--selection-color:#be243c;--shadow-color-1:rgba(255,255,255,0.08);--shadow-color-2:rgba(255,255,255,0.05);--shadow-hover-color:rgba(69,69,69,0.28);--scrollbar-color:#898989;--scrollbar-color-hover:#a1a1a1;--scroll-bar-bg-color:#2a2c30;--link-color:#c5c5cc;--copyright-info-color:#a30029;--avatar-background-color:#005cb8;--pjax-progress-bar-color:linear-gradient(45deg, #ea404a, #ea722f, #e9a71f, #67e559, #18ecec, #1b85f1, #ee1dee);--archive-timeline-last-child-color:linear-gradient(to bottom, #323232 60%, rgba(255,255,255,0) 100%) 1 100%;--note-blue-title-bg:#1e3e46;--note-red-title-bg:#4e1e1e;--note-cyan-title-bg:#1e4e4e;--note-green-title-bg:#1e4e1e;--note-yellow-title-bg:#4e4e1e;--note-gray-title-bg:#4e4e4e;--note-type-title-bg:#4e3a1e;--note-black-title-bg:#1e1e1e;--note-purple-title-bg:#4e1e4e;--home-banner-text-color:#d1d1b6;--home-banner-icons-container-border-color:rgba(197,197,197,0.35);--home-banner-icons-container-background-color:rgba(197,197,197,0.3);--redefine-box-shadow:var(--shadow-color-2) 0px 6px 24px 0px,var(--shadow-color-1) 0px 0px 0px 1px;--redefine-box-shadow-hover:var(--shadow-color-2) 0px 6px 24px 0px,var(--shadow-color-1) 0px 0px 0px 1px,var(--shadow-color-1) 0px 0px 0px 1px inset;--redefine-box-shadow-flat:var(--shadow-color-2) 0px 1px 4px 0px,var(--shadow-color-1) 0px 0px 0px 1px;--redefine-box-shadow-flat-hover:var(--shadow-color-2) 0px 1px 4px 0px,var(--shadow-color-1) 0px 0px 0px 1px,var(--shadow-color-1) 0px 0px 0px 1px inset;--mermaid-theme:''}.post-page-container{gap:0}@media (max-width:640px){.post-page-container{overflow-x:hidden}}.post-page-container.show-toc{gap:30px}.post-page-container.show-toc .toc-content-container{display:block;opacity:1;transition:opacity .2s ease-in .2s;width:210px}.post-page-container.show-toc .toc-content-container:hover::-webkit-scrollbar-thumb{border:3px solid rgba(183,183,183,.3)}.post-page-container.show-toc .toc-content-container::-webkit-scrollbar{width:6px;height:6px;transition:all .2s ease;display:block}.post-page-container.show-toc .toc-content-container::-webkit-scrollbar-track{background:0 0;border:none}.post-page-container.show-toc .toc-content-container::-webkit-scrollbar-thumb{border-radius:20px;border:3px solid rgba(183,183,183,0);transition:all .2s ease}.post-page-container.show-toc .article-content-container{width:calc(100% - 210px)!important}@media (max-width:768px){.post-page-container .toc-content-container{display:none!important}.post-page-container .article-content-container{width:100%!important}.post-page-container.show-toc .toc-content-container{display:none}.post-page-container.show-toc .article-content-container{width:100%!important}}.post-page-container .article-content-container{width:100%;transition:width .2s ease;padding:0;border-radius:18px;box-sizing:border-box;background:var(--background-color);margin-bottom:30px;box-shadow:var(--redefine-box-shadow)}@media (max-width:768px){.post-page-container .article-content-container{margin-bottom:24px}}@media (max-width:640px){.post-page-container .article-content-container{margin-bottom:18px}}.post-page-container .article-content-container:hover{box-shadow:var(--redefine-box-shadow-hover)}@media (max-width:768px){.post-page-container .article-content-container{border-radius:18px}}@media (max-width:640px){.post-page-container .article-content-container{border-radius:18px}}@media (max-width:640px){.post-page-container .article-content-container{padding:1.2rem .2rem;box-shadow:none!important;max-width:100vw}}.post-page-container .article-content-container .article-header .avatar img{border-radius:12.18px;width:100%;height:100%}.post-page-container .article-content-container .article-header,.post-page-container .article-content-container .article-header-meta-info{margin-top:16px}@media (max-width:768px){.post-page-container .article-content-container .article-header,.post-page-container .article-content-container .article-header-meta-info{transform:scale(.9);transform-origin:left top}}.post-page-container .article-content-container .article-content{margin-top:38px;padding-bottom:10px;word-wrap:break-word;border-bottom:1px solid var(--border-color);color:var(--default-text-color)}.post-page-container .article-content-container .article-content>:first-child{margin-top:0!important}.post-page-container .article-content-container .article-next a,.post-page-container .article-content-container .article-prev a{position:relative;display:block;width:100%;height:100%;box-sizing:border-box}.post-page-container .article-content-container .article-next a.prev,.post-page-container .article-content-container .article-prev a.prev{padding-left:16px}.post-page-container .article-content-container .article-next a.next,.post-page-container .article-content-container .article-prev a.next{padding-right:16px}.post-page-container .article-content-container .article-next a .arrow-icon,.post-page-container .article-content-container .article-prev a .arrow-icon{position:absolute;top:0;height:100%;width:16px}.post-page-container .article-content-container .article-next a .arrow-icon.left,.post-page-container .article-content-container .article-prev a .arrow-icon.left{left:0}.post-page-container .article-content-container .article-next a .arrow-icon.right,.post-page-container .article-content-container .article-prev a .arrow-icon.right{right:0}.post-page-container .article-content-container .article-next a .title,.post-page-container .article-content-container .article-prev a .title{width:100%;height:100%}.post-page-container .article-content-container .post-nav-item{display:none}@media (max-width:768px){.post-page-container .article-content-container .post-nav-item{display:inline-block}}.post-page-container .article-content-container .post-nav-title-item{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width:768px){.post-page-container .article-content-container .post-nav-title-item{display:none}}.post-page-container .article-content-container .recommended-article{overflow:visible!important}.post-page-container .article-content-container .recommended-article .recommended-mobile{display:none}@media (max-width:768px){.post-page-container .article-content-container .recommended-article .recommended-mobile{display:block}}.post-page-container .article-content-container .recommended-article .recommended-desktop{display:block}@media (max-width:768px){.post-page-container .article-content-container .recommended-article .recommended-desktop{display:none}}.post-page-container .article-content-container .recommended-article .recommended-article-group{padding:10px 0;display:flex;justify-content:space-between;flex-wrap:wrap;overflow:visible!important}@media screen and (max-width:$device-tablet){.post-page-container .article-content-container .recommended-article .recommended-article-group{height:190px;overflow:scroll;-ms-overflow-style:none}.post-page-container .article-content-container .recommended-article .recommended-article-group::-webkit-scrollbar{width:0!important}}.post-page-container .article-content-container .recommended-article .recommended-article-group .recommended-article-item{padding:10px;border-radius:18px;box-sizing:border-box;background:var(--background-color);box-shadow:var(--redefine-box-shadow);box-shadow:var(--redefine-box-shadow-flat);padding:12px!important;display:flex;flex-wrap:wrap;align-content:center;justify-content:center;align-items:center;overflow:hidden;width:32%;max-height:200px;margin-top:15px;margin-right:0}.post-page-container .article-content-container .recommended-article .recommended-article-group .recommended-article-item:hover{box-shadow:var(--redefine-box-shadow-hover)}@media (max-width:768px){.post-page-container .article-content-container .recommended-article .recommended-article-group .recommended-article-item{padding:6px;border-radius:18px}}@media (max-width:640px){.post-page-container .article-content-container .recommended-article .recommended-article-group .recommended-article-item{padding:2px;border-radius:18px}}@media (max-width:768px){.post-page-container .article-content-container .recommended-article .recommended-article-group .recommended-article-item{width:49%}}.post-page-container .article-content-container .recommended-article .recommended-article-group .recommended-article-item img{display:flex;width:calc(100% + 24px);height:150px;object-fit:cover;border-radius:14px 14px 0 0;margin:-12px -12px 0 -12px!important}.post-page-container .article-content-container .recommended-article .recommended-article-group .recommended-article-item span{margin-top:.5rem;display:block;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}.post-page-container .toc-content-container{white-space:nowrap;opacity:0;position:sticky;top:108px;border-radius:0;width:0;height:auto;max-height:calc(100vh - 210px);overflow-y:auto;overflow-x:hidden;float:right;padding:10px;box-sizing:border-box;box-shadow:none!important;transition:opacity .3s ease-out .3s;box-shadow:var(--redefine-box-shadow);transition-property:color,background,box-shadow,border-color,display;transition-delay:0s,0s,0s,0s,0s;transition-duration:.2s,.2s,.2s,.2s,.3s;transition-timing-function:ease,ease,ease,ease,ease-out}.post-page-container .toc-content-container:hover{box-shadow:var(--redefine-box-shadow-hover)}@media (max-width:768px){.post-page-container .toc-content-container{left:0!important;display:none!important}}.post-page-container figure.image-caption img{margin-bottom:0}.post-page-container figure.image-caption figcaption{margin-top:5px;margin-bottom:10px;text-align:center;font-size:.9rem;color:var(--third-text-color)}:root{--background-color:#fff;--background-color-transparent:rgba(255,255,255,0.6);--background-color-transparent-15:rgba(255,255,255,0.15);--background-color-transparent-40:rgba(255,255,255,0.4);--background-color-transparent-80:rgba(255,255,255,0.8);--second-background-color:#fafafa;--third-background-color:#f7f7f7;--third-background-color-transparent:rgba(241,241,241,0.6);--primary-color:#a31f34;--first-text-color:#323739;--second-text-color:#343a3c;--third-text-color:#5c6669;--fourth-text-color:#eaeced;--default-text-color:#373d3f;--invert-text-color:#bebec6;--border-color:rgba(0,0,0,0.08);--selection-color:#be243c;--shadow-color-1:rgba(0,0,0,0.08);--shadow-color-2:rgba(0,0,0,0.05);--shadow-hover-color:rgba(0,0,0,0.28);--scrollbar-color:#c1c1c1;--scrollbar-color-hover:#a1a1a1;--scroll-bar-bg-color:#fafafa;--link-color:#323739;--copyright-info-color:#c03;--avatar-background-color:#06c;--pjax-progress-bar-color:linear-gradient(45deg, #f10006, #ef5b00, #e59c01, #19ca05, #00cab5, #0264c8, #c303c3);--archive-timeline-last-child-color:linear-gradient(to bottom, #e8e8e8 60%, rgba(0,0,0,0) 100%) 1 100%;--note-blue-title-bg:#d6f7fb;--note-red-title-bg:#fde9e9;--note-cyan-title-bg:#e9fdf9;--note-green-title-bg:#e9fde9;--note-yellow-title-bg:#fdf9e9;--note-gray-title-bg:#f9f9f9;--note-type-title-bg:#fdf3e9;--note-black-title-bg:#e9e9e9;--note-purple-title-bg:#f9e9fd;--home-banner-text-color:#fff;--home-banner-icons-container-border-color:rgba(255,255,255,0.35);--home-banner-icons-container-background-color:rgba(255,255,255,0.3);--redefine-box-shadow:var(--shadow-color-2) 0px 6px 24px 0px,var(--shadow-color-1) 0px 0px 0px 1px;--redefine-box-shadow-hover:var(--shadow-color-2) 0px 6px 24px 0px,var(--shadow-color-1) 0px 0px 0px 1px,var(--shadow-color-1) 0px 0px 0px 1px inset;--redefine-box-shadow-flat:var(--shadow-color-2) 0px 1px 4px 0px,var(--shadow-color-1) 0px 0px 0px 1px;--redefine-box-shadow-flat-hover:var(--shadow-color-2) 0px 1px 4px 0px,var(--shadow-color-1) 0px 0px 0px 1px,var(--shadow-color-1) 0px 0px 0px 1px inset;--mermaid-theme:''}@media (prefers-color-scheme:light){:root{--background-color:#fff;--background-color-transparent:rgba(255,255,255,0.6);--background-color-transparent-15:rgba(255,255,255,0.15);--background-color-transparent-40:rgba(255,255,255,0.4);--background-color-transparent-80:rgba(255,255,255,0.8);--second-background-color:#fafafa;--third-background-color:#f7f7f7;--third-background-color-transparent:rgba(241,241,241,0.6);--primary-color:#a31f34;--first-text-color:#323739;--second-text-color:#343a3c;--third-text-color:#5c6669;--fourth-text-color:#eaeced;--default-text-color:#373d3f;--invert-text-color:#bebec6;--border-color:rgba(0,0,0,0.08);--selection-color:#be243c;--shadow-color-1:rgba(0,0,0,0.08);--shadow-color-2:rgba(0,0,0,0.05);--shadow-hover-color:rgba(0,0,0,0.28);--scrollbar-color:#c1c1c1;--scrollbar-color-hover:#a1a1a1;--scroll-bar-bg-color:#fafafa;--link-color:#323739;--copyright-info-color:#c03;--avatar-background-color:#06c;--pjax-progress-bar-color:linear-gradient(45deg, #f10006, #ef5b00, #e59c01, #19ca05, #00cab5, #0264c8, #c303c3);--archive-timeline-last-child-color:linear-gradient(to bottom, #e8e8e8 60%, rgba(0,0,0,0) 100%) 1 100%;--note-blue-title-bg:#d6f7fb;--note-red-title-bg:#fde9e9;--note-cyan-title-bg:#e9fdf9;--note-green-title-bg:#e9fde9;--note-yellow-title-bg:#fdf9e9;--note-gray-title-bg:#f9f9f9;--note-type-title-bg:#fdf3e9;--note-black-title-bg:#e9e9e9;--note-purple-title-bg:#f9e9fd;--home-banner-text-color:#fff;--home-banner-icons-container-border-color:rgba(255,255,255,0.35);--home-banner-icons-container-background-color:rgba(255,255,255,0.3);--redefine-box-shadow:var(--shadow-color-2) 0px 6px 24px 0px,var(--shadow-color-1) 0px 0px 0px 1px;--redefine-box-shadow-hover:var(--shadow-color-2) 0px 6px 24px 0px,var(--shadow-color-1) 0px 0px 0px 1px,var(--shadow-color-1) 0px 0px 0px 1px inset;--redefine-box-shadow-flat:var(--shadow-color-2) 0px 1px 4px 0px,var(--shadow-color-1) 0px 0px 0px 1px;--redefine-box-shadow-flat-hover:var(--shadow-color-2) 0px 1px 4px 0px,var(--shadow-color-1) 0px 0px 0px 1px,var(--shadow-color-1) 0px 0px 0px 1px inset;--mermaid-theme:''}}@media (prefers-color-scheme:dark){:root{--background-color:#202124;--background-color-transparent:rgba(32,33,36,0.4);--background-color-transparent-15:rgba(32,33,36,0.15);--background-color-transparent-40:rgba(32,33,36,0.4);--background-color-transparent-80:rgba(32,33,36,0.8);--second-background-color:#242529;--third-background-color:#292b2f;--third-background-color-transparent:rgba(32,33,36,0.6);--primary-color:#a31f34;--first-text-color:#d2d2d7;--second-text-color:#cbcbd1;--third-text-color:#9595a2;--fourth-text-color:#242429;--default-text-color:#bebec6;--invert-text-color:#373d3f;--border-color:rgba(255,255,255,0.08);--selection-color:#be243c;--shadow-color-1:rgba(255,255,255,0.08);--shadow-color-2:rgba(255,255,255,0.05);--shadow-hover-color:rgba(69,69,69,0.28);--scrollbar-color:#898989;--scrollbar-color-hover:#a1a1a1;--scroll-bar-bg-color:#2a2c30;--link-color:#c5c5cc;--copyright-info-color:#a30029;--avatar-background-color:#005cb8;--pjax-progress-bar-color:linear-gradient(45deg, #ea404a, #ea722f, #e9a71f, #67e559, #18ecec, #1b85f1, #ee1dee);--archive-timeline-last-child-color:linear-gradient(to bottom, #323232 60%, rgba(255,255,255,0) 100%) 1 100%;--note-blue-title-bg:#1e3e46;--note-red-title-bg:#4e1e1e;--note-cyan-title-bg:#1e4e4e;--note-green-title-bg:#1e4e1e;--note-yellow-title-bg:#4e4e1e;--note-gray-title-bg:#4e4e4e;--note-type-title-bg:#4e3a1e;--note-black-title-bg:#1e1e1e;--note-purple-title-bg:#4e1e4e;--home-banner-text-color:#d1d1b6;--home-banner-icons-container-border-color:rgba(197,197,197,0.35);--home-banner-icons-container-background-color:rgba(197,197,197,0.3);--redefine-box-shadow:var(--shadow-color-2) 0px 6px 24px 0px,var(--shadow-color-1) 0px 0px 0px 1px;--redefine-box-shadow-hover:var(--shadow-color-2) 0px 6px 24px 0px,var(--shadow-color-1) 0px 0px 0px 1px,var(--shadow-color-1) 0px 0px 0px 1px inset;--redefine-box-shadow-flat:var(--shadow-color-2) 0px 1px 4px 0px,var(--shadow-color-1) 0px 0px 0px 1px;--redefine-box-shadow-flat-hover:var(--shadow-color-2) 0px 1px 4px 0px,var(--shadow-color-1) 0px 0px 0px 1px,var(--shadow-color-1) 0px 0px 0px 1px inset;--mermaid-theme:''}}.light-mode{--background-color:#fff;--background-color-transparent:rgba(255,255,255,0.6);--background-color-transparent-15:rgba(255,255,255,0.15);--background-color-transparent-40:rgba(255,255,255,0.4);--background-color-transparent-80:rgba(255,255,255,0.8);--second-background-color:#fafafa;--third-background-color:#f7f7f7;--third-background-color-transparent:rgba(241,241,241,0.6);--primary-color:#a31f34;--first-text-color:#323739;--second-text-color:#343a3c;--third-text-color:#5c6669;--fourth-text-color:#eaeced;--default-text-color:#373d3f;--invert-text-color:#bebec6;--border-color:rgba(0,0,0,0.08);--selection-color:#be243c;--shadow-color-1:rgba(0,0,0,0.08);--shadow-color-2:rgba(0,0,0,0.05);--shadow-hover-color:rgba(0,0,0,0.28);--scrollbar-color:#c1c1c1;--scrollbar-color-hover:#a1a1a1;--scroll-bar-bg-color:#fafafa;--link-color:#323739;--copyright-info-color:#c03;--avatar-background-color:#06c;--pjax-progress-bar-color:linear-gradient(45deg, #f10006, #ef5b00, #e59c01, #19ca05, #00cab5, #0264c8, #c303c3);--archive-timeline-last-child-color:linear-gradient(to bottom, #e8e8e8 60%, rgba(0,0,0,0) 100%) 1 100%;--note-blue-title-bg:#d6f7fb;--note-red-title-bg:#fde9e9;--note-cyan-title-bg:#e9fdf9;--note-green-title-bg:#e9fde9;--note-yellow-title-bg:#fdf9e9;--note-gray-title-bg:#f9f9f9;--note-type-title-bg:#fdf3e9;--note-black-title-bg:#e9e9e9;--note-purple-title-bg:#f9e9fd;--home-banner-text-color:#fff;--home-banner-icons-container-border-color:rgba(255,255,255,0.35);--home-banner-icons-container-background-color:rgba(255,255,255,0.3);--redefine-box-shadow:var(--shadow-color-2) 0px 6px 24px 0px,var(--shadow-color-1) 0px 0px 0px 1px;--redefine-box-shadow-hover:var(--shadow-color-2) 0px 6px 24px 0px,var(--shadow-color-1) 0px 0px 0px 1px,var(--shadow-color-1) 0px 0px 0px 1px inset;--redefine-box-shadow-flat:var(--shadow-color-2) 0px 1px 4px 0px,var(--shadow-color-1) 0px 0px 0px 1px;--redefine-box-shadow-flat-hover:var(--shadow-color-2) 0px 1px 4px 0px,var(--shadow-color-1) 0px 0px 0px 1px,var(--shadow-color-1) 0px 0px 0px 1px inset;--mermaid-theme:''}.dark-mode{--background-color:#202124;--background-color-transparent:rgba(32,33,36,0.4);--background-color-transparent-15:rgba(32,33,36,0.15);--background-color-transparent-40:rgba(32,33,36,0.4);--background-color-transparent-80:rgba(32,33,36,0.8);--second-background-color:#242529;--third-background-color:#292b2f;--third-background-color-transparent:rgba(32,33,36,0.6);--primary-color:#a31f34;--first-text-color:#d2d2d7;--second-text-color:#cbcbd1;--third-text-color:#9595a2;--fourth-text-color:#242429;--default-text-color:#bebec6;--invert-text-color:#373d3f;--border-color:rgba(255,255,255,0.08);--selection-color:#be243c;--shadow-color-1:rgba(255,255,255,0.08);--shadow-color-2:rgba(255,255,255,0.05);--shadow-hover-color:rgba(69,69,69,0.28);--scrollbar-color:#898989;--scrollbar-color-hover:#a1a1a1;--scroll-bar-bg-color:#2a2c30;--link-color:#c5c5cc;--copyright-info-color:#a30029;--avatar-background-color:#005cb8;--pjax-progress-bar-color:linear-gradient(45deg, #ea404a, #ea722f, #e9a71f, #67e559, #18ecec, #1b85f1, #ee1dee);--archive-timeline-last-child-color:linear-gradient(to bottom, #323232 60%, rgba(255,255,255,0) 100%) 1 100%;--note-blue-title-bg:#1e3e46;--note-red-title-bg:#4e1e1e;--note-cyan-title-bg:#1e4e4e;--note-green-title-bg:#1e4e1e;--note-yellow-title-bg:#4e4e1e;--note-gray-title-bg:#4e4e4e;--note-type-title-bg:#4e3a1e;--note-black-title-bg:#1e1e1e;--note-purple-title-bg:#4e1e4e;--home-banner-text-color:#d1d1b6;--home-banner-icons-container-border-color:rgba(197,197,197,0.35);--home-banner-icons-container-background-color:rgba(197,197,197,0.3);--redefine-box-shadow:var(--shadow-color-2) 0px 6px 24px 0px,var(--shadow-color-1) 0px 0px 0px 1px;--redefine-box-shadow-hover:var(--shadow-color-2) 0px 6px 24px 0px,var(--shadow-color-1) 0px 0px 0px 1px,var(--shadow-color-1) 0px 0px 0px 1px inset;--redefine-box-shadow-flat:var(--shadow-color-2) 0px 1px 4px 0px,var(--shadow-color-1) 0px 0px 0px 1px;--redefine-box-shadow-flat-hover:var(--shadow-color-2) 0px 1px 4px 0px,var(--shadow-color-1) 0px 0px 0px 1px,var(--shadow-color-1) 0px 0px 0px 1px inset;--mermaid-theme:''}.category-container{padding:30px;border-radius:18px;box-sizing:border-box;background:var(--background-color);margin-bottom:30px;box-shadow:var(--redefine-box-shadow)}@media (max-width:768px){.category-container{margin-bottom:24px}}@media (max-width:640px){.category-container{margin-bottom:18px}}.category-container:hover{box-shadow:var(--redefine-box-shadow-hover)}@media (max-width:768px){.category-container{padding:26px;border-radius:18px}}@media (max-width:640px){.category-container{padding:22px;border-radius:18px}}.category-container .category-name{color:var(--second-text-color);font-size:2.8rem;font-weight:600;padding-bottom:20px;margin-bottom:38px;border-bottom:1px solid var(--shadow-color-1)}.category-container .category-name i{color:var(--second-text-color)}@media (max-width:768px){.category-container .category-name{font-size:2.52rem}}@media (max-width:640px){.category-container .category-name{font-size:2.24rem}}:root{--background-color:#fff;--background-color-transparent:rgba(255,255,255,0.6);--background-color-transparent-15:rgba(255,255,255,0.15);--background-color-transparent-40:rgba(255,255,255,0.4);--background-color-transparent-80:rgba(255,255,255,0.8);--second-background-color:#fafafa;--third-background-color:#f7f7f7;--third-background-color-transparent:rgba(241,241,241,0.6);--primary-color:#a31f34;--first-text-color:#323739;--second-text-color:#343a3c;--third-text-color:#5c6669;--fourth-text-color:#eaeced;--default-text-color:#373d3f;--invert-text-color:#bebec6;--border-color:rgba(0,0,0,0.08);--selection-color:#be243c;--shadow-color-1:rgba(0,0,0,0.08);--shadow-color-2:rgba(0,0,0,0.05);--shadow-hover-color:rgba(0,0,0,0.28);--scrollbar-color:#c1c1c1;--scrollbar-color-hover:#a1a1a1;--scroll-bar-bg-color:#fafafa;--link-color:#323739;--copyright-info-color:#c03;--avatar-background-color:#06c;--pjax-progress-bar-color:linear-gradient(45deg, #f10006, #ef5b00, #e59c01, #19ca05, #00cab5, #0264c8, #c303c3);--archive-timeline-last-child-color:linear-gradient(to bottom, #e8e8e8 60%, rgba(0,0,0,0) 100%) 1 100%;--note-blue-title-bg:#d6f7fb;--note-red-title-bg:#fde9e9;--note-cyan-title-bg:#e9fdf9;--note-green-title-bg:#e9fde9;--note-yellow-title-bg:#fdf9e9;--note-gray-title-bg:#f9f9f9;--note-type-title-bg:#fdf3e9;--note-black-title-bg:#e9e9e9;--note-purple-title-bg:#f9e9fd;--home-banner-text-color:#fff;--home-banner-icons-container-border-color:rgba(255,255,255,0.35);--home-banner-icons-container-background-color:rgba(255,255,255,0.3);--redefine-box-shadow:var(--shadow-color-2) 0px 6px 24px 0px,var(--shadow-color-1) 0px 0px 0px 1px;--redefine-box-shadow-hover:var(--shadow-color-2) 0px 6px 24px 0px,var(--shadow-color-1) 0px 0px 0px 1px,var(--shadow-color-1) 0px 0px 0px 1px inset;--redefine-box-shadow-flat:var(--shadow-color-2) 0px 1px 4px 0px,var(--shadow-color-1) 0px 0px 0px 1px;--redefine-box-shadow-flat-hover:var(--shadow-color-2) 0px 1px 4px 0px,var(--shadow-color-1) 0px 0px 0px 1px,var(--shadow-color-1) 0px 0px 0px 1px inset;--mermaid-theme:''}@media (prefers-color-scheme:light){:root{--background-color:#fff;--background-color-transparent:rgba(255,255,255,0.6);--background-color-transparent-15:rgba(255,255,255,0.15);--background-color-transparent-40:rgba(255,255,255,0.4);--background-color-transparent-80:rgba(255,255,255,0.8);--second-background-color:#fafafa;--third-background-color:#f7f7f7;--third-background-color-transparent:rgba(241,241,241,0.6);--primary-color:#a31f34;--first-text-color:#323739;--second-text-color:#343a3c;--third-text-color:#5c6669;--fourth-text-color:#eaeced;--default-text-color:#373d3f;--invert-text-color:#bebec6;--border-color:rgba(0,0,0,0.08);--selection-color:#be243c;--shadow-color-1:rgba(0,0,0,0.08);--shadow-color-2:rgba(0,0,0,0.05);--shadow-hover-color:rgba(0,0,0,0.28);--scrollbar-color:#c1c1c1;--scrollbar-color-hover:#a1a1a1;--scroll-bar-bg-color:#fafafa;--link-color:#323739;--copyright-info-color:#c03;--avatar-background-color:#06c;--pjax-progress-bar-color:linear-gradient(45deg, #f10006, #ef5b00, #e59c01, #19ca05, #00cab5, #0264c8, #c303c3);--archive-timeline-last-child-color:linear-gradient(to bottom, #e8e8e8 60%, rgba(0,0,0,0) 100%) 1 100%;--note-blue-title-bg:#d6f7fb;--note-red-title-bg:#fde9e9;--note-cyan-title-bg:#e9fdf9;--note-green-title-bg:#e9fde9;--note-yellow-title-bg:#fdf9e9;--note-gray-title-bg:#f9f9f9;--note-type-title-bg:#fdf3e9;--note-black-title-bg:#e9e9e9;--note-purple-title-bg:#f9e9fd;--home-banner-text-color:#fff;--home-banner-icons-container-border-color:rgba(255,255,255,0.35);--home-banner-icons-container-background-color:rgba(255,255,255,0.3);--redefine-box-shadow:var(--shadow-color-2) 0px 6px 24px 0px,var(--shadow-color-1) 0px 0px 0px 1px;--redefine-box-shadow-hover:var(--shadow-color-2) 0px 6px 24px 0px,var(--shadow-color-1) 0px 0px 0px 1px,var(--shadow-color-1) 0px 0px 0px 1px inset;--redefine-box-shadow-flat:var(--shadow-color-2) 0px 1px 4px 0px,var(--shadow-color-1) 0px 0px 0px 1px;--redefine-box-shadow-flat-hover:var(--shadow-color-2) 0px 1px 4px 0px,var(--shadow-color-1) 0px 0px 0px 1px,var(--shadow-color-1) 0px 0px 0px 1px inset;--mermaid-theme:''}}@media (prefers-color-scheme:dark){:root{--background-color:#202124;--background-color-transparent:rgba(32,33,36,0.4);--background-color-transparent-15:rgba(32,33,36,0.15);--background-color-transparent-40:rgba(32,33,36,0.4);--background-color-transparent-80:rgba(32,33,36,0.8);--second-background-color:#242529;--third-background-color:#292b2f;--third-background-color-transparent:rgba(32,33,36,0.6);--primary-color:#a31f34;--first-text-color:#d2d2d7;--second-text-color:#cbcbd1;--third-text-color:#9595a2;--fourth-text-color:#242429;--default-text-color:#bebec6;--invert-text-color:#373d3f;--border-color:rgba(255,255,255,0.08);--selection-color:#be243c;--shadow-color-1:rgba(255,255,255,0.08);--shadow-color-2:rgba(255,255,255,0.05);--shadow-hover-color:rgba(69,69,69,0.28);--scrollbar-color:#898989;--scrollbar-color-hover:#a1a1a1;--scroll-bar-bg-color:#2a2c30;--link-color:#c5c5cc;--copyright-info-color:#a30029;--avatar-background-color:#005cb8;--pjax-progress-bar-color:linear-gradient(45deg, #ea404a, #ea722f, #e9a71f, #67e559, #18ecec, #1b85f1, #ee1dee);--archive-timeline-last-child-color:linear-gradient(to bottom, #323232 60%, rgba(255,255,255,0) 100%) 1 100%;--note-blue-title-bg:#1e3e46;--note-red-title-bg:#4e1e1e;--note-cyan-title-bg:#1e4e4e;--note-green-title-bg:#1e4e1e;--note-yellow-title-bg:#4e4e1e;--note-gray-title-bg:#4e4e4e;--note-type-title-bg:#4e3a1e;--note-black-title-bg:#1e1e1e;--note-purple-title-bg:#4e1e4e;--home-banner-text-color:#d1d1b6;--home-banner-icons-container-border-color:rgba(197,197,197,0.35);--home-banner-icons-container-background-color:rgba(197,197,197,0.3);--redefine-box-shadow:var(--shadow-color-2) 0px 6px 24px 0px,var(--shadow-color-1) 0px 0px 0px 1px;--redefine-box-shadow-hover:var(--shadow-color-2) 0px 6px 24px 0px,var(--shadow-color-1) 0px 0px 0px 1px,var(--shadow-color-1) 0px 0px 0px 1px inset;--redefine-box-shadow-flat:var(--shadow-color-2) 0px 1px 4px 0px,var(--shadow-color-1) 0px 0px 0px 1px;--redefine-box-shadow-flat-hover:var(--shadow-color-2) 0px 1px 4px 0px,var(--shadow-color-1) 0px 0px 0px 1px,var(--shadow-color-1) 0px 0px 0px 1px inset;--mermaid-theme:''}}.light-mode{--background-color:#fff;--background-color-transparent:rgba(255,255,255,0.6);--background-color-transparent-15:rgba(255,255,255,0.15);--background-color-transparent-40:rgba(255,255,255,0.4);--background-color-transparent-80:rgba(255,255,255,0.8);--second-background-color:#fafafa;--third-background-color:#f7f7f7;--third-background-color-transparent:rgba(241,241,241,0.6);--primary-color:#a31f34;--first-text-color:#323739;--second-text-color:#343a3c;--third-text-color:#5c6669;--fourth-text-color:#eaeced;--default-text-color:#373d3f;--invert-text-color:#bebec6;--border-color:rgba(0,0,0,0.08);--selection-color:#be243c;--shadow-color-1:rgba(0,0,0,0.08);--shadow-color-2:rgba(0,0,0,0.05);--shadow-hover-color:rgba(0,0,0,0.28);--scrollbar-color:#c1c1c1;--scrollbar-color-hover:#a1a1a1;--scroll-bar-bg-color:#fafafa;--link-color:#323739;--copyright-info-color:#c03;--avatar-background-color:#06c;--pjax-progress-bar-color:linear-gradient(45deg, #f10006, #ef5b00, #e59c01, #19ca05, #00cab5, #0264c8, #c303c3);--archive-timeline-last-child-color:linear-gradient(to bottom, #e8e8e8 60%, rgba(0,0,0,0) 100%) 1 100%;--note-blue-title-bg:#d6f7fb;--note-red-title-bg:#fde9e9;--note-cyan-title-bg:#e9fdf9;--note-green-title-bg:#e9fde9;--note-yellow-title-bg:#fdf9e9;--note-gray-title-bg:#f9f9f9;--note-type-title-bg:#fdf3e9;--note-black-title-bg:#e9e9e9;--note-purple-title-bg:#f9e9fd;--home-banner-text-color:#fff;--home-banner-icons-container-border-color:rgba(255,255,255,0.35);--home-banner-icons-container-background-color:rgba(255,255,255,0.3);--redefine-box-shadow:var(--shadow-color-2) 0px 6px 24px 0px,var(--shadow-color-1) 0px 0px 0px 1px;--redefine-box-shadow-hover:var(--shadow-color-2) 0px 6px 24px 0px,var(--shadow-color-1) 0px 0px 0px 1px,var(--shadow-color-1) 0px 0px 0px 1px inset;--redefine-box-shadow-flat:var(--shadow-color-2) 0px 1px 4px 0px,var(--shadow-color-1) 0px 0px 0px 1px;--redefine-box-shadow-flat-hover:var(--shadow-color-2) 0px 1px 4px 0px,var(--shadow-color-1) 0px 0px 0px 1px,var(--shadow-color-1) 0px 0px 0px 1px inset;--mermaid-theme:''}.dark-mode{--background-color:#202124;--background-color-transparent:rgba(32,33,36,0.4);--background-color-transparent-15:rgba(32,33,36,0.15);--background-color-transparent-40:rgba(32,33,36,0.4);--background-color-transparent-80:rgba(32,33,36,0.8);--second-background-color:#242529;--third-background-color:#292b2f;--third-background-color-transparent:rgba(32,33,36,0.6);--primary-color:#a31f34;--first-text-color:#d2d2d7;--second-text-color:#cbcbd1;--third-text-color:#9595a2;--fourth-text-color:#242429;--default-text-color:#bebec6;--invert-text-color:#373d3f;--border-color:rgba(255,255,255,0.08);--selection-color:#be243c;--shadow-color-1:rgba(255,255,255,0.08);--shadow-color-2:rgba(255,255,255,0.05);--shadow-hover-color:rgba(69,69,69,0.28);--scrollbar-color:#898989;--scrollbar-color-hover:#a1a1a1;--scroll-bar-bg-color:#2a2c30;--link-color:#c5c5cc;--copyright-info-color:#a30029;--avatar-background-color:#005cb8;--pjax-progress-bar-color:linear-gradient(45deg, #ea404a, #ea722f, #e9a71f, #67e559, #18ecec, #1b85f1, #ee1dee);--archive-timeline-last-child-color:linear-gradient(to bottom, #323232 60%, rgba(255,255,255,0) 100%) 1 100%;--note-blue-title-bg:#1e3e46;--note-red-title-bg:#4e1e1e;--note-cyan-title-bg:#1e4e4e;--note-green-title-bg:#1e4e1e;--note-yellow-title-bg:#4e4e1e;--note-gray-title-bg:#4e4e4e;--note-type-title-bg:#4e3a1e;--note-black-title-bg:#1e1e1e;--note-purple-title-bg:#4e1e4e;--home-banner-text-color:#d1d1b6;--home-banner-icons-container-border-color:rgba(197,197,197,0.35);--home-banner-icons-container-background-color:rgba(197,197,197,0.3);--redefine-box-shadow:var(--shadow-color-2) 0px 6px 24px 0px,var(--shadow-color-1) 0px 0px 0px 1px;--redefine-box-shadow-hover:var(--shadow-color-2) 0px 6px 24px 0px,var(--shadow-color-1) 0px 0px 0px 1px,var(--shadow-color-1) 0px 0px 0px 1px inset;--redefine-box-shadow-flat:var(--shadow-color-2) 0px 1px 4px 0px,var(--shadow-color-1) 0px 0px 0px 1px;--redefine-box-shadow-flat-hover:var(--shadow-color-2) 0px 1px 4px 0px,var(--shadow-color-1) 0px 0px 0px 1px,var(--shadow-color-1) 0px 0px 0px 1px inset;--mermaid-theme:''}.tag-container{padding:30px;border-radius:18px;box-sizing:border-box;background:var(--background-color);margin-bottom:30px;box-shadow:var(--redefine-box-shadow)}@media (max-width:768px){.tag-container{margin-bottom:24px}}@media (max-width:640px){.tag-container{margin-bottom:18px}}.tag-container:hover{box-shadow:var(--redefine-box-shadow-hover)}@media (max-width:768px){.tag-container{padding:26px;border-radius:18px}}@media (max-width:640px){.tag-container{padding:22px;border-radius:18px}}.tag-container .tag-name{color:var(--second-text-color);font-size:3rem;font-weight:600;padding-bottom:20px;margin-bottom:38px;border-bottom:1px solid var(--shadow-color-1)}.tag-container .tag-name i{color:var(--second-text-color)}@media (max-width:768px){.tag-container .tag-name{font-size:2.7rem}}@media (max-width:640px){.tag-container .tag-name{font-size:2.4rem}}.tagcloud-container{padding:30px;border-radius:18px;box-sizing:border-box;background:var(--background-color);box-shadow:var(--redefine-box-shadow)}.tagcloud-container:hover{box-shadow:var(--redefine-box-shadow-hover)}@media (max-width:768px){.tagcloud-container{padding:26px;border-radius:18px}}@media (max-width:640px){.tagcloud-container{padding:22px;border-radius:18px}}@media (max-width:640px){.tagcloud-container{padding:1.2rem .2rem;box-shadow:none}.tagcloud-container:hover{box-shadow:none}}.tagcloud-container .tagcloud-header{margin:6px 0 12px 0;font-size:3.2rem;padding:0;line-height:1;font-weight:700;color:var(--second-text-color)}.tagcloud-container .tagcloud-content{text-align:justify}.tagcloud-container .tagcloud-content:hover .tag-list a{filter:blur(0)!important;transition:filter .3s ease}.tagcloud-container .tagcloud-content .tag-list[data-show-value] a::after{content:attr(data-weight);font-size:1.5rem;background-color:var(--third-background-color);padding:4px 8px;min-width:35px;margin-left:10px;border-radius:9px;color:var(--third-text-color);transition:background-color .2s ease}.tagcloud-container .tagcloud-content .tag-list,.tagcloud-container .tagcloud-content .tags-punctuation{list-style:none;padding-left:0;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;line-height:2.5rem}.tagcloud-container .tagcloud-content .tag-list li a,.tagcloud-container .tagcloud-content .tags-punctuation li a{font-size:1.4rem;opacity:var(--opacity);padding:.9rem 1.4rem;display:block;position:relative;flex:1;border-radius:18px;box-shadow:var(--redefine-box-shadow);margin:10px;color:var(--default-text-color);filter:blur(var(--blur));transform:scaleX(1) scaleY(1);background-color:var(--default-background-color);transition:transform .2s ease,filter .3s ease,color .2s ease,background-color .2s ease}.tagcloud-container .tagcloud-content .tag-list li a[data-weight],.tagcloud-container .tagcloud-content .tags-punctuation li a[data-weight]{--blur:0}.tagcloud-container .tagcloud-content .tag-list li a[data-weight='1'],.tagcloud-container .tagcloud-content .tags-punctuation li a[data-weight='1']{--blur:3px}.tagcloud-container .tagcloud-content .tag-list li a[data-weight='2'],.tagcloud-container .tagcloud-content .tags-punctuation li a[data-weight='2']{--blur:1.8px}.tagcloud-container .tagcloud-content .tag-list li a[data-weight='3'],.tagcloud-container .tagcloud-content .tags-punctuation li a[data-weight='3']{--blur:0.8px}.tagcloud-container .tagcloud-content .tag-list li a[data-weight='4'],.tagcloud-container .tagcloud-content .tags-punctuation li a[data-weight='4']{--blur:0.4px}.tagcloud-container .tagcloud-content .tag-list li a[data-weight='5'],.tagcloud-container .tagcloud-content .tags-punctuation li a[data-weight='5']{--blur:0}.tagcloud-container .tagcloud-content .tag-list li a .fa-hashtag,.tagcloud-container .tagcloud-content .tags-punctuation li a .fa-hashtag{margin-right:5px;opacity:.3}.tagcloud-container .tagcloud-content .tag-list li a:hover,.tagcloud-container .tagcloud-content .tags-punctuation li a:hover{transform:scaleX(1.05) scaleY(1.05);box-shadow:var(--redefine-box-shadow-hover);background-color:var(--primary-color);color:var(--invert-text-color);transition:transform .3s ease,background-color .3s ease,color .3s ease}.tagcloud-container .tagcloud-content .tag-list li a:hover .fa-hashtag,.tagcloud-container .tagcloud-content .tags-punctuation li a:hover .fa-hashtag{margin-right:5px;color:var(--invert-text-color);opacity:.4}.tagcloud-container .tagcloud-content .tag-list li a:active,.tagcloud-container .tagcloud-content .tags-punctuation li a:active{transform:translateY(2px);transition:transform .1s}@media (prefers-reduced-motion){.tagcloud-container .tagcloud-content .tag-list *{transition:none!important}}.nf-container{width:100%;text-align:center}.nf-text{vertical-align:middle}.nf-text h1{line-height:1;font-size:100px;vertical-align:baseline;display:inline-block;padding-right:12px;color:var(first-text-color)}:root{--background-color:#fff;--background-color-transparent:rgba(255,255,255,0.6);--background-color-transparent-15:rgba(255,255,255,0.15);--background-color-transparent-40:rgba(255,255,255,0.4);--background-color-transparent-80:rgba(255,255,255,0.8);--second-background-color:#fafafa;--third-background-color:#f7f7f7;--third-background-color-transparent:rgba(241,241,241,0.6);--primary-color:#a31f34;--first-text-color:#323739;--second-text-color:#343a3c;--third-text-color:#5c6669;--fourth-text-color:#eaeced;--default-text-color:#373d3f;--invert-text-color:#bebec6;--border-color:rgba(0,0,0,0.08);--selection-color:#be243c;--shadow-color-1:rgba(0,0,0,0.08);--shadow-color-2:rgba(0,0,0,0.05);--shadow-hover-color:rgba(0,0,0,0.28);--scrollbar-color:#c1c1c1;--scrollbar-color-hover:#a1a1a1;--scroll-bar-bg-color:#fafafa;--link-color:#323739;--copyright-info-color:#c03;--avatar-background-color:#06c;--pjax-progress-bar-color:linear-gradient(45deg, #f10006, #ef5b00, #e59c01, #19ca05, #00cab5, #0264c8, #c303c3);--archive-timeline-last-child-color:linear-gradient(to bottom, #e8e8e8 60%, rgba(0,0,0,0) 100%) 1 100%;--note-blue-title-bg:#d6f7fb;--note-red-title-bg:#fde9e9;--note-cyan-title-bg:#e9fdf9;--note-green-title-bg:#e9fde9;--note-yellow-title-bg:#fdf9e9;--note-gray-title-bg:#f9f9f9;--note-type-title-bg:#fdf3e9;--note-black-title-bg:#e9e9e9;--note-purple-title-bg:#f9e9fd;--home-banner-text-color:#fff;--home-banner-icons-container-border-color:rgba(255,255,255,0.35);--home-banner-icons-container-background-color:rgba(255,255,255,0.3);--redefine-box-shadow:var(--shadow-color-2) 0px 6px 24px 0px,var(--shadow-color-1) 0px 0px 0px 1px;--redefine-box-shadow-hover:var(--shadow-color-2) 0px 6px 24px 0px,var(--shadow-color-1) 0px 0px 0px 1px,var(--shadow-color-1) 0px 0px 0px 1px inset;--redefine-box-shadow-flat:var(--shadow-color-2) 0px 1px 4px 0px,var(--shadow-color-1) 0px 0px 0px 1px;--redefine-box-shadow-flat-hover:var(--shadow-color-2) 0px 1px 4px 0px,var(--shadow-color-1) 0px 0px 0px 1px,var(--shadow-color-1) 0px 0px 0px 1px inset;--mermaid-theme:''}@media (prefers-color-scheme:light){:root{--background-color:#fff;--background-color-transparent:rgba(255,255,255,0.6);--background-color-transparent-15:rgba(255,255,255,0.15);--background-color-transparent-40:rgba(255,255,255,0.4);--background-color-transparent-80:rgba(255,255,255,0.8);--second-background-color:#fafafa;--third-background-color:#f7f7f7;--third-background-color-transparent:rgba(241,241,241,0.6);--primary-color:#a31f34;--first-text-color:#323739;--second-text-color:#343a3c;--third-text-color:#5c6669;--fourth-text-color:#eaeced;--default-text-color:#373d3f;--invert-text-color:#bebec6;--border-color:rgba(0,0,0,0.08);--selection-color:#be243c;--shadow-color-1:rgba(0,0,0,0.08);--shadow-color-2:rgba(0,0,0,0.05);--shadow-hover-color:rgba(0,0,0,0.28);--scrollbar-color:#c1c1c1;--scrollbar-color-hover:#a1a1a1;--scroll-bar-bg-color:#fafafa;--link-color:#323739;--copyright-info-color:#c03;--avatar-background-color:#06c;--pjax-progress-bar-color:linear-gradient(45deg, #f10006, #ef5b00, #e59c01, #19ca05, #00cab5, #0264c8, #c303c3);--archive-timeline-last-child-color:linear-gradient(to bottom, #e8e8e8 60%, rgba(0,0,0,0) 100%) 1 100%;--note-blue-title-bg:#d6f7fb;--note-red-title-bg:#fde9e9;--note-cyan-title-bg:#e9fdf9;--note-green-title-bg:#e9fde9;--note-yellow-title-bg:#fdf9e9;--note-gray-title-bg:#f9f9f9;--note-type-title-bg:#fdf3e9;--note-black-title-bg:#e9e9e9;--note-purple-title-bg:#f9e9fd;--home-banner-text-color:#fff;--home-banner-icons-container-border-color:rgba(255,255,255,0.35);--home-banner-icons-container-background-color:rgba(255,255,255,0.3);--redefine-box-shadow:var(--shadow-color-2) 0px 6px 24px 0px,var(--shadow-color-1) 0px 0px 0px 1px;--redefine-box-shadow-hover:var(--shadow-color-2) 0px 6px 24px 0px,var(--shadow-color-1) 0px 0px 0px 1px,var(--shadow-color-1) 0px 0px 0px 1px inset;--redefine-box-shadow-flat:var(--shadow-color-2) 0px 1px 4px 0px,var(--shadow-color-1) 0px 0px 0px 1px;--redefine-box-shadow-flat-hover:var(--shadow-color-2) 0px 1px 4px 0px,var(--shadow-color-1) 0px 0px 0px 1px,var(--shadow-color-1) 0px 0px 0px 1px inset;--mermaid-theme:''}}@media (prefers-color-scheme:dark){:root{--background-color:#202124;--background-color-transparent:rgba(32,33,36,0.4);--background-color-transparent-15:rgba(32,33,36,0.15);--background-color-transparent-40:rgba(32,33,36,0.4);--background-color-transparent-80:rgba(32,33,36,0.8);--second-background-color:#242529;--third-background-color:#292b2f;--third-background-color-transparent:rgba(32,33,36,0.6);--primary-color:#a31f34;--first-text-color:#d2d2d7;--second-text-color:#cbcbd1;--third-text-color:#9595a2;--fourth-text-color:#242429;--default-text-color:#bebec6;--invert-text-color:#373d3f;--border-color:rgba(255,255,255,0.08);--selection-color:#be243c;--shadow-color-1:rgba(255,255,255,0.08);--shadow-color-2:rgba(255,255,255,0.05);--shadow-hover-color:rgba(69,69,69,0.28);--scrollbar-color:#898989;--scrollbar-color-hover:#a1a1a1;--scroll-bar-bg-color:#2a2c30;--link-color:#c5c5cc;--copyright-info-color:#a30029;--avatar-background-color:#005cb8;--pjax-progress-bar-color:linear-gradient(45deg, #ea404a, #ea722f, #e9a71f, #67e559, #18ecec, #1b85f1, #ee1dee);--archive-timeline-last-child-color:linear-gradient(to bottom, #323232 60%, rgba(255,255,255,0) 100%) 1 100%;--note-blue-title-bg:#1e3e46;--note-red-title-bg:#4e1e1e;--note-cyan-title-bg:#1e4e4e;--note-green-title-bg:#1e4e1e;--note-yellow-title-bg:#4e4e1e;--note-gray-title-bg:#4e4e4e;--note-type-title-bg:#4e3a1e;--note-black-title-bg:#1e1e1e;--note-purple-title-bg:#4e1e4e;--home-banner-text-color:#d1d1b6;--home-banner-icons-container-border-color:rgba(197,197,197,0.35);--home-banner-icons-container-background-color:rgba(197,197,197,0.3);--redefine-box-shadow:var(--shadow-color-2) 0px 6px 24px 0px,var(--shadow-color-1) 0px 0px 0px 1px;--redefine-box-shadow-hover:var(--shadow-color-2) 0px 6px 24px 0px,var(--shadow-color-1) 0px 0px 0px 1px,var(--shadow-color-1) 0px 0px 0px 1px inset;--redefine-box-shadow-flat:var(--shadow-color-2) 0px 1px 4px 0px,var(--shadow-color-1) 0px 0px 0px 1px;--redefine-box-shadow-flat-hover:var(--shadow-color-2) 0px 1px 4px 0px,var(--shadow-color-1) 0px 0px 0px 1px,var(--shadow-color-1) 0px 0px 0px 1px inset;--mermaid-theme:''}}.light-mode{--background-color:#fff;--background-color-transparent:rgba(255,255,255,0.6);--background-color-transparent-15:rgba(255,255,255,0.15);--background-color-transparent-40:rgba(255,255,255,0.4);--background-color-transparent-80:rgba(255,255,255,0.8);--second-background-color:#fafafa;--third-background-color:#f7f7f7;--third-background-color-transparent:rgba(241,241,241,0.6);--primary-color:#a31f34;--first-text-color:#323739;--second-text-color:#343a3c;--third-text-color:#5c6669;--fourth-text-color:#eaeced;--default-text-color:#373d3f;--invert-text-color:#bebec6;--border-color:rgba(0,0,0,0.08);--selection-color:#be243c;--shadow-color-1:rgba(0,0,0,0.08);--shadow-color-2:rgba(0,0,0,0.05);--shadow-hover-color:rgba(0,0,0,0.28);--scrollbar-color:#c1c1c1;--scrollbar-color-hover:#a1a1a1;--scroll-bar-bg-color:#fafafa;--link-color:#323739;--copyright-info-color:#c03;--avatar-background-color:#06c;--pjax-progress-bar-color:linear-gradient(45deg, #f10006, #ef5b00, #e59c01, #19ca05, #00cab5, #0264c8, #c303c3);--archive-timeline-last-child-color:linear-gradient(to bottom, #e8e8e8 60%, rgba(0,0,0,0) 100%) 1 100%;--note-blue-title-bg:#d6f7fb;--note-red-title-bg:#fde9e9;--note-cyan-title-bg:#e9fdf9;--note-green-title-bg:#e9fde9;--note-yellow-title-bg:#fdf9e9;--note-gray-title-bg:#f9f9f9;--note-type-title-bg:#fdf3e9;--note-black-title-bg:#e9e9e9;--note-purple-title-bg:#f9e9fd;--home-banner-text-color:#fff;--home-banner-icons-container-border-color:rgba(255,255,255,0.35);--home-banner-icons-container-background-color:rgba(255,255,255,0.3);--redefine-box-shadow:var(--shadow-color-2) 0px 6px 24px 0px,var(--shadow-color-1) 0px 0px 0px 1px;--redefine-box-shadow-hover:var(--shadow-color-2) 0px 6px 24px 0px,var(--shadow-color-1) 0px 0px 0px 1px,var(--shadow-color-1) 0px 0px 0px 1px inset;--redefine-box-shadow-flat:var(--shadow-color-2) 0px 1px 4px 0px,var(--shadow-color-1) 0px 0px 0px 1px;--redefine-box-shadow-flat-hover:var(--shadow-color-2) 0px 1px 4px 0px,var(--shadow-color-1) 0px 0px 0px 1px,var(--shadow-color-1) 0px 0px 0px 1px inset;--mermaid-theme:''}.dark-mode{--background-color:#202124;--background-color-transparent:rgba(32,33,36,0.4);--background-color-transparent-15:rgba(32,33,36,0.15);--background-color-transparent-40:rgba(32,33,36,0.4);--background-color-transparent-80:rgba(32,33,36,0.8);--second-background-color:#242529;--third-background-color:#292b2f;--third-background-color-transparent:rgba(32,33,36,0.6);--primary-color:#a31f34;--first-text-color:#d2d2d7;--second-text-color:#cbcbd1;--third-text-color:#9595a2;--fourth-text-color:#242429;--default-text-color:#bebec6;--invert-text-color:#373d3f;--border-color:rgba(255,255,255,0.08);--selection-color:#be243c;--shadow-color-1:rgba(255,255,255,0.08);--shadow-color-2:rgba(255,255,255,0.05);--shadow-hover-color:rgba(69,69,69,0.28);--scrollbar-color:#898989;--scrollbar-color-hover:#a1a1a1;--scroll-bar-bg-color:#2a2c30;--link-color:#c5c5cc;--copyright-info-color:#a30029;--avatar-background-color:#005cb8;--pjax-progress-bar-color:linear-gradient(45deg, #ea404a, #ea722f, #e9a71f, #67e559, #18ecec, #1b85f1, #ee1dee);--archive-timeline-last-child-color:linear-gradient(to bottom, #323232 60%, rgba(255,255,255,0) 100%) 1 100%;--note-blue-title-bg:#1e3e46;--note-red-title-bg:#4e1e1e;--note-cyan-title-bg:#1e4e4e;--note-green-title-bg:#1e4e1e;--note-yellow-title-bg:#4e4e1e;--note-gray-title-bg:#4e4e4e;--note-type-title-bg:#4e3a1e;--note-black-title-bg:#1e1e1e;--note-purple-title-bg:#4e1e4e;--home-banner-text-color:#d1d1b6;--home-banner-icons-container-border-color:rgba(197,197,197,0.35);--home-banner-icons-container-background-color:rgba(197,197,197,0.3);--redefine-box-shadow:var(--shadow-color-2) 0px 6px 24px 0px,var(--shadow-color-1) 0px 0px 0px 1px;--redefine-box-shadow-hover:var(--shadow-color-2) 0px 6px 24px 0px,var(--shadow-color-1) 0px 0px 0px 1px,var(--shadow-color-1) 0px 0px 0px 1px inset;--redefine-box-shadow-flat:var(--shadow-color-2) 0px 1px 4px 0px,var(--shadow-color-1) 0px 0px 0px 1px;--redefine-box-shadow-flat-hover:var(--shadow-color-2) 0px 1px 4px 0px,var(--shadow-color-1) 0px 0px 0px 1px,var(--shadow-color-1) 0px 0px 0px 1px inset;--mermaid-theme:''}.aplayer{font-family:Arial,Helvetica,sans-serif;margin:5px;border-radius:14px;overflow:hidden;user-select:none;line-height:initial;position:relative;transition:opacity .3s ease}@media (max-width:640px){.aplayer{display:none}}.aplayer.hide{opacity:0;transition:opacity .3s ease;pointer-events:none}.aplayer *{box-sizing:content-box}.aplayer svg{width:100%;height:100%}.aplayer svg circle,.aplayer svg path{fill:#fff}.aplayer.aplayer-withlist .aplayer-info{border-bottom:1px solid #e9e9e9}.aplayer.aplayer-withlist .aplayer-list{display:block}.aplayer.aplayer-withlist .aplayer-info .aplayer-controller .aplayer-time .aplayer-icon.aplayer-icon-menu{display:inline}.aplayer.aplayer-withlist .aplayer-icon-order{display:inline}.aplayer.aplayer-withlrc .aplayer-pic{height:90px;width:90px}.aplayer.aplayer-withlrc .aplayer-info{margin-left:90px;height:90px;padding:10px 7px 0 7px}.aplayer.aplayer-withlrc .aplayer-lrc{display:block}.aplayer.aplayer-narrow{width:66px}.aplayer.aplayer-narrow .aplayer-info{display:none}.aplayer.aplayer-narrow .aplayer-list{display:none}.aplayer.aplayer-fixed{position:fixed;bottom:30.400000000000002px;left:30.400000000000002px;right:0;margin:0;z-index:99;overflow-y:visible;max-width:400px;border-radius:14px}.aplayer.aplayer-fixed .aplayer-list{margin-bottom:75px;border:1px solid var(--shadow-color-1)}.aplayer.aplayer-fixed .aplayer-body{position:fixed;bottom:30.400000000000002px;left:30.400000000000002px;right:0;margin:0;z-index:99;padding-right:18px;transition:all .3s ease;max-width:400px;border-radius:14px}.aplayer.aplayer-fixed .aplayer-lrc{display:block;position:fixed;bottom:10px;left:0;right:0;margin:0;z-index:98;pointer-events:none;text-shadow:-1px -1px 0 #fff}.aplayer.aplayer-fixed .aplayer-lrcafter,.aplayer.aplayer-fixed .aplayer-lrcbefore{display:none}.aplayer.aplayer-fixed .aplayer-info{transform:scaleX(1);transform-origin:0 0;transition:all .3s ease;border:1px solid var(--shadow-color-1);white-space:nowrap;border-radius:14px;background:var(--background-color-transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.aplayer.aplayer-fixed .aplayer-info .aplayer-music{width:calc(100% - 105px)}.aplayer.aplayer-fixed .aplayer-miniswitcher{display:block;opacity:0;transition:opacity .3s ease}.aplayer.aplayer-fixed.aplayer-narrow .aplayer-info{display:block;transform:scaleX(0)}.aplayer.aplayer-fixed.aplayer-narrow .aplayer-body{width:66px!important}.aplayer.aplayer-fixed.aplayer-narrow .aplayer-miniswitcher .aplayer-icon{transform:rotateY(0)}.aplayer.aplayer-fixed .aplayer-icon-back,.aplayer.aplayer-fixed .aplayer-icon-forward,.aplayer.aplayer-fixed .aplayer-icon-lrc,.aplayer.aplayer-fixed .aplayer-icon-play{display:inline-block}.aplayer.aplayer-fixed .aplayer-icon-back,.aplayer.aplayer-fixed .aplayer-icon-forward,.aplayer.aplayer-fixed .aplayer-icon-menu,.aplayer.aplayer-fixed .aplayer-icon-play{position:absolute;bottom:27px;width:20px;height:20px}.aplayer.aplayer-fixed .aplayer-icon-back{right:75px}.aplayer.aplayer-fixed .aplayer-icon-play{right:50px}.aplayer.aplayer-fixed .aplayer-icon-forward{right:25px}.aplayer.aplayer-fixed .aplayer-icon-menu{right:0}.aplayer.aplayer-mobile .aplayer-icon-volume-down{display:none}.aplayer.aplayer-arrow .aplayer-icon-loop,.aplayer.aplayer-arrow .aplayer-icon-order{display:none}.aplayer.aplayer-loading .aplayer-info .aplayer-controller .aplayer-loading-icon{display:block}.aplayer.aplayer-loading .aplayer-info .aplayer-controller .aplayer-bar-wrap .aplayer-bar .aplayer-played .aplayer-thumb{transform:scale(1)}.aplayer .aplayer-body{position:relative}.aplayer .aplayer-icon{width:15px;height:15px;border:none;background-color:transparent;outline:0;cursor:pointer;opacity:.8;vertical-align:middle;padding:0;font-size:12px;margin:0;display:inline-block}.aplayer .aplayer-icon path{transition:all .2s ease-in-out}.aplayer .aplayer-icon-back,.aplayer .aplayer-icon-forward,.aplayer .aplayer-icon-lrc,.aplayer .aplayer-icon-order,.aplayer .aplayer-icon-play{display:none}.aplayer .aplayer-icon-lrc{pointer-events:none}.aplayer .aplayer-icon-lrc svg{opacity:.4}.aplayer .aplayer-icon-lrc-inactivity svg{opacity:.4}.aplayer .aplayer-icon-forward{transform:rotate(180deg)}.aplayer .aplayer-lrc-content{display:none}.aplayer .aplayer-pic{position:relative;float:left;height:66px;width:66px;background-size:cover;background-position:center;transition:all .3s ease;cursor:pointer;border:1px solid var(--shadow-color-1);border-radius:14px}.aplayer .aplayer-pichover .aplayer-button{opacity:1}.aplayer .aplayer-pic .aplayer-button{position:absolute;border-radius:50%;opacity:.8;text-shadow:0 1px 1px rgba(0,0,0,.2);box-shadow:0 1px 1px rgba(0,0,0,.2);background:rgba(0,0,0,.2);transition:all .1s ease}.aplayer .aplayer-pic .aplayer-button path{fill:#fff}.aplayer .aplayer-pic .aplayer-hide{display:none}.aplayer .aplayer-pic .aplayer-play{width:26px;height:26px;border:2px solid #fff;bottom:50%;right:50%;margin:0 -15px -15px 0}.aplayer .aplayer-pic .aplayer-play svg{position:absolute;top:3px;left:4px;height:20px;width:20px}.aplayer .aplayer-pic .aplayer-pause{width:16px;height:16px;border:2px solid #fff;bottom:4px;right:4px}.aplayer .aplayer-pic .aplayer-pause svg{position:absolute;top:2px;left:2px;height:12px;width:12px}.aplayer .aplayer-info{margin-left:76px;padding:14px 7px 0 10px;height:68px;box-sizing:border-box}.aplayer .aplayer-info .aplayer-music{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin:0 0 13px 5px;user-select:text;cursor:default;padding-bottom:2px;height:20px}.aplayer .aplayer-info .aplayer-music .aplayer-title{font-size:14px}.aplayer .aplayer-info .aplayer-music .aplayer-author{font-size:12px;color:#666}.aplayer .aplayer-info .aplayer-controller{position:relative;display:flex}.aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap{margin:0 0 0 5px;padding:4px 0;cursor:pointer!important;flex:1}.aplayer .aplayer-info .aplayer-controller .aplayer-bar-wraphover .aplayer-bar .aplayer-played .aplayer-thumb{transform:scale(1)}.aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap .aplayer-bar{position:relative;height:2px;width:100%;background:#cdcdcd}.aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap .aplayer-bar .aplayer-loaded{position:absolute;left:0;top:0;bottom:0;background:#aaa;height:2px;transition:all .5s ease}.aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap .aplayer-bar .aplayer-played{position:absolute;left:0;top:0;bottom:0;height:2px}.aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap .aplayer-bar .aplayer-played .aplayer-thumb{display:none;position:absolute;top:0;right:5px;margin-top:-4px;margin-right:-10px;height:10px;width:10px;border-radius:50%;cursor:pointer;transition:all .3s ease-in-out;transform:scale(0)}.aplayer .aplayer-info .aplayer-controller .aplayer-time{position:relative;right:0;bottom:4px;height:17px;color:#999;font-size:11px;padding-left:7px}.aplayer .aplayer-info .aplayer-controller .aplayer-time .aplayer-time-inner{vertical-align:middle}.aplayer .aplayer-info .aplayer-controller .aplayer-time .aplayer-icon{cursor:pointer;transition:all .2s ease}.aplayer .aplayer-info .aplayer-controller .aplayer-time .aplayer-icon path{fill:#666}.aplayer .aplayer-info .aplayer-controller .aplayer-time .aplayer-icon.aplayer-icon-loop{margin-right:2px}.aplayer .aplayer-info .aplayer-controller .aplayer-time .aplayer-iconhover path{fill:#000}.aplayer .aplayer-info .aplayer-controller .aplayer-time .aplayer-icon.aplayer-icon-menu{display:none}.aplayer .aplayer-info .aplayer-controller .aplayer-time.aplayer-time-narrow .aplayer-icon-mode{display:none}.aplayer .aplayer-info .aplayer-controller .aplayer-time.aplayer-time-narrow .aplayer-icon-menu{display:none}.aplayer .aplayer-info .aplayer-controller .aplayer-volume-wrap{position:relative;display:inline-block;margin-left:3px;cursor:pointer!important}.aplayer .aplayer-info .aplayer-controller .aplayer-volume-wraphover .aplayer-volume-bar-wrap{height:40px}.aplayer .aplayer-info .aplayer-controller .aplayer-volume-wrap .aplayer-volume-bar-wrap{position:absolute;bottom:15px;right:-3px;width:25px;height:0;z-index:99;overflow:hidden;transition:all .2s ease-in-out}.aplayer .aplayer-info .aplayer-controller .aplayer-volume-wrap .aplayer-volume-bar-wrap.aplayer-volume-bar-wrap-active{height:40px}.aplayer .aplayer-info .aplayer-controller .aplayer-volume-wrap .aplayer-volume-bar-wrap .aplayer-volume-bar{position:absolute;bottom:0;right:10px;width:5px;height:35px;background:#aaa;border-radius:2.5px;overflow:hidden}.aplayer .aplayer-info .aplayer-controller .aplayer-volume-wrap .aplayer-volume-bar-wrap .aplayer-volume-bar .aplayer-volume{position:absolute;bottom:0;right:0;width:5px;transition:all .1s ease}.aplayer .aplayer-info .aplayer-controller .aplayer-loading-icon{display:none}.aplayer .aplayer-info .aplayer-controller .aplayer-loading-icon svg{position:absolute;animation:rotate 1s linear infinite}.aplayer .aplayer-lrc{display:none;position:relative;height:30px;text-align:center;overflow:hidden;margin:-10px 0 7px}.aplayer .aplayer-lrcbefore{position:absolute;top:0;z-index:1;display:block;overflow:hidden;width:100%;height:10%;content:' ';background:-moz-linear-gradient(top,#fff 0,rgba(255,255,255,0) 100%);background:-webkit-linear-gradient(top,#fff 0,rgba(255,255,255,0) 100%);background:linear-gradient(to bottom,#fff 0,rgba(255,255,255,0) 100%)}.aplayer .aplayer-lrcafter{position:absolute;bottom:0;z-index:1;display:block;overflow:hidden;width:100%;height:33%;content:' ';background:-moz-linear-gradient(top,rgba(255,255,255,0) 0,rgba(255,255,255,.8) 100%);background:-webkit-linear-gradient(top,rgba(255,255,255,0) 0,rgba(255,255,255,.8) 100%);background:linear-gradient(to bottom,rgba(255,255,255,0) 0,rgba(255,255,255,.8) 100%)}.aplayer .aplayer-lrc p{font-size:12px;color:#666;line-height:16px!important;height:16px!important;padding:0!important;margin:0!important;transition:all .5s ease-out;opacity:.4;overflow:hidden}.aplayer .aplayer-lrc p.aplayer-lrc-current{opacity:1;overflow:visible;height:initial!important;min-height:16px}.aplayer .aplayer-lrc.aplayer-lrc-hide{display:none}.aplayer .aplayer-lrc .aplayer-lrc-contents{width:100%;transition:all .5s ease-out;user-select:text;cursor:default}.aplayer .aplayer-list{overflow:auto;transition:all .5s ease;will-change:height;display:none;overflow:hidden;list-style-type:none;margin:0;padding:5px;overflow-y:auto;border-radius:14px;background:var(--background-color-transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.aplayer .aplayer-list-webkit-scrollbar{width:5px}.aplayer .aplayer-list-webkit-scrollbar-thumb{border-radius:3px;background-color:var(--scroll-bar-bg-color)}.aplayer .aplayer-list-webkit-scrollbar-thumbhover{background-color:var(--scroll-bar-bg-color-hover)}.aplayer .aplayer-list li{position:relative;height:32px;line-height:32px;padding:0 15px;font-size:12px;cursor:pointer;transition:all .2s ease;overflow:hidden;margin:0;border-radius:9px}.aplayer .aplayer-list lifirst-child{border-top:none}.aplayer .aplayer-list lihover{background:#efefef}.aplayer .aplayer-list li.aplayer-list-light{background:var(--third-background-color-transparent)}.aplayer .aplayer-list li.aplayer-list-light .aplayer-list-cur{display:inline-block}.aplayer .aplayer-list li .aplayer-list-cur{display:none;width:3px;height:18px;position:absolute;left:5px;top:7px;cursor:pointer;border-radius:2px}.aplayer .aplayer-list li .aplayer-list-index{color:#666;margin-right:12px;cursor:pointer}.aplayer .aplayer-list li .aplayer-list-author{color:#666;float:right;cursor:pointer}.aplayer .aplayer-list-hide{display:none!important}.aplayer .aplayer-notice{opacity:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:12px;border-radius:4px;padding:5px 10px;transition:all .3s ease-in-out;overflow:hidden;color:#fff;pointer-events:none;background-color:#f4f4f5;color:#909399}.aplayer .aplayer-miniswitcher{display:none;position:absolute;top:0;right:0;bottom:0;height:calc(100% - 2px);background:var(--third-background-color-transparent);border:1px solid var(--shadow-color-1);width:18px;border-radius:14px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.aplayer .aplayer-miniswitcher .aplayer-icon{height:100%;width:100%;transform:rotateY(180deg);transition:all .3s ease}.aplayer .aplayer-miniswitcher .aplayer-icon path{fill:#666}.aplayer .aplayer-miniswitcher .aplayer-iconhover path{fill:#000}.aplayer:hover .aplayer-miniswitcher{opacity:1;transition:opacity .3s ease}.aplayer:hover .aplayer-body{padding-right:28px;transition:padding-right .3s ease}@-moz-keyframes aplayer-roll{0%{left:0}100%{left:-100%}}@-webkit-keyframes aplayer-roll{0%{left:0}100%{left:-100%}}@-o-keyframes aplayer-roll{0%{left:0}100%{left:-100%}}@keyframes aplayer-roll{0%{left:0}100%{left:-100%}}@-moz-keyframes rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@-webkit-keyframes rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@-o-keyframes rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.note-large{box-shadow:var(--redefine-box-shadow-flat);border-radius:9px;margin-bottom:2rem}.note-large .notel-title{background-color:rgba(166,166,166,.251)}.note-large .notel-content{border-radius:0 0 5px 5px;padding:15px;background-color:var(--background-color);line-height:2rem}.note-large p{margin:0}.note-large.default,.note-large.gray{border-left:solid 4px #a6a6a6}.note-large.default .notel-title,.note-large.gray .notel-title{background-color:rgba(166,166,166,.251)}.note-large.green,.note-large.success{border-left:solid 4px #00c58e}.note-large.green .notel-title,.note-large.success .notel-title{background-color:rgba(0,197,142,.251)}.note-large.warning,.note-large.yellow{border-left:solid 4px #ffd43b}.note-large.warning .notel-title,.note-large.yellow .notel-title{background-color:rgba(255,212,59,.251)}.note-large.danger,.note-large.red{border-left:solid 4px #f85676}.note-large.danger .notel-title,.note-large.red .notel-title{background-color:rgba(248,86,118,.251)}.note-large.primary,.note-large.purple{border-left:solid 4px #a763ff}.note-large.primary .notel-title,.note-large.purple .notel-title{background-color:rgba(167,99,255,.251)}.note-large.orange{border-left:solid 4px #ffa940}.note-large.orange .notel-title{background-color:rgba(255,169,64,.251)}.note-large.blue,.note-large.info{border-left:solid 4px #2fd6f0}.note-large.blue .notel-title,.note-large.info .notel-title{background-color:rgba(47,214,240,.251)}.note{box-shadow:var(--redefine-box-shadow-flat);background-color:var(--background-color);border-left:solid 4px #a6a6a6}.note p{display:inline-block;margin:0;max-width:100%}.note-icon{font-size:1rem;padding-right:10px;display:inline-block}.icon-padding{padding-left:15px!important}.note.default{border-left:solid 4px #a6a6a6}.note.default .note.icon{color:#a6a6a6}.note.success{background-color:rgba(0,197,142,.063);border-left:solid 4px #00c58e}.note.success .note.icon{color:#00c58e}.note.warning{background-color:rgba(255,212,59,.063)}border-left solid 4px #FFD43B .note.icon{color:#ffd43b}.note.danger{background-color:rgba(248,86,118,.063);border-left:solid 4px #f85676}.note.danger .note.icon{color:#f85676}.note.primary{background-color:rgba(167,99,255,.063);border-left:solid 4px #a763ff}.note.primary .note.icon{color:#a763ff}.note.orange{background-color:rgba(255,169,64,.063);border-left:solid 4px #ffa940}.note.orange .note.icon{color:#ffa940}.note.info{background-color:rgba(47,214,240,.063);border-left:solid 4px #2fd6f0}.note.info .note.icon{color:#2fd6f0}.note.blue{background-color:rgba(47,214,240,.063);border-left:solid 4px #2fd6f0}.note.blue .note.icon{color:#2fd6f0}.note.gray{border-left:solid 4px #a6a6a6}.note.gray .note.icon{color:#a6a6a6}.note.yellow{background-color:rgba(255,212,59,.063);border-left:solid 4px #ffd43b}.note.yellow .note.icon{color:#ffd43b}.note.red{background-color:rgba(248,86,118,.063);border-left:solid 4px #f85676}.note.red .note.icon{color:#f85676}.note.purple,.note.question{background-color:rgba(167,99,255,.063);border-left:solid 4px #a763ff}.note.purple .note.icon,.note.question .note.icon{color:#a763ff}.note.red{background-color:rgba(248,86,118,.063);border-left:solid 4px #ff0739}.note.red .note.icon{color:#ff0739}.note.pink{background-color:rgba(228,75,141,.063);border-left:solid 4px #e44b8d}.note.pink .note.icon{color:#e44b8d}.note.green,.note.tip{background-color:rgba(71,218,85,.063);border-left:solid 4px #47da55}.note.green .note.icon,.note.tip .note.icon{color:#47da55}details{margin-bottom:1rem}details>summary{list-style:none}details>summary::-webkit-details-marker{display:none}details>summary::marker{display:none}details[open]>summary{border-radius:9px 9px 0 0;border-bottom:1px solid transparent}details[open]>summary i.fa-chevron-right{transform:rotate(90deg);transition:transform .2s ease}summary{border:solid 1px var(--shadow-color-1);border-radius:9px;padding:15px;font-size:1.2rem;background-color:var(--background-color);line-height:2rem;cursor:pointer}summary:marker{margin-right:100px}summary i.fa-chevron-right{transform:rotate(0);transition:transform .2s ease;margin-right:1rem;float:right;padding-top:6px}summary:hover{background-color:rgba(166,166,166,.188)}summary p{display:inline-block;margin:0;float:left}details div.content{border-radius:0 0 9px 9px;border:solid 1px var(--shadow-color-1);padding:1rem;margin-bottom:1rem;background-color:var(--second-background-color);animation:fade .2s ease forwards}details div.content>:first-child{margin-top:0}details.yellow summary:hover{background-color:rgba(255,238,48,.188)}details.yellow[open]>summary{background-color:rgba(255,238,48,.188)}details.blue summary:hover{background-color:rgba(0,166,255,.188)}details.blue[open]>summary{background-color:rgba(0,166,255,.188)}details.green summary:hover{background-color:rgba(0,255,166,.188)}details.green[open]>summary{background-color:rgba(0,255,166,.188)}details.red summary:hover{background-color:rgba(255,0,0,.188)}details.red[open]>summary{background-color:rgba(255,0,0,.188)}details.orange summary:hover{background-color:rgba(255,152,48,.188)}details.orange[open]>summary{background-color:rgba(255,152,48,.188)}details.pink summary:hover{background-color:rgba(255,0,255,.188)}details.pink[open]>summary{background-color:rgba(255,0,255,.188)}details.cyan summary:hover{background-color:rgba(0,255,255,.188)}details.cyan[open]>summary{background-color:rgba(0,255,255,.188)}details.white summary:hover{background-color:rgba(255,255,255,.188)}details.white[open]>summary{background-color:rgba(255,255,255,.188)}details.black summary:hover{background-color:rgba(0,0,0,.188)}details.black[open]>summary{background-color:rgba(0,0,0,.188)}details.gray summary:hover{background-color:rgba(166,166,166,.188)}details.gray[open]>summary{background-color:rgba(166,166,166,.188)}details.purple summary:hover{background-color:rgba(167,99,255,.188)}details.purple[open]>summary{background-color:rgba(167,99,255,.188)}details summary:hover{background-color:rgba(166,166,166,.188)}details[open]>summary{background-color:rgba(166,166,166,.188)}@-moz-keyframes fade{from{opacity:0;visibility:hidden;transform:translateY(-10px)}to{opacity:1;visibility:visible;transform:translateY(0)}}@-webkit-keyframes fade{from{opacity:0;visibility:hidden;transform:translateY(-10px)}to{opacity:1;visibility:visible;transform:translateY(0)}}@-o-keyframes fade{from{opacity:0;visibility:hidden;transform:translateY(-10px)}to{opacity:1;visibility:visible;transform:translateY(0)}}@keyframes fade{from{opacity:0;visibility:hidden;transform:translateY(-10px)}to{opacity:1;visibility:visible;transform:translateY(0)}}p a.button{margin-bottom:0!important;padding:8px 12px!important}a.button{background-color:var(--second-background-color)!important;border-radius:14px!important;cursor:pointer;display:inline-block;padding:12px 16px!important;text-align:center;text-decoration:none!important;padding:0;border-radius:18px;box-sizing:border-box;background:var(--background-color);margin-bottom:1rem;box-shadow:var(--redefine-box-shadow);box-shadow:var(--redefine-box-shadow-flat)!important;user-select:none;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none}@media (max-width:768px){a.button{margin-bottom:.8rem}}@media (max-width:640px){a.button{margin-bottom:.6rem}}a.button:hover{box-shadow:var(--redefine-box-shadow-hover)}@media (max-width:768px){a.button{border-radius:18px}}@media (max-width:640px){a.button{border-radius:18px}}a.button:focus,a.button:hover{box-shadow:var(--redefine-box-shadow)!important;background-color:var(--background-color)!important}a.button:active{transform:scale(.95);transition:transform .1s ease;box-shadow:var(--redefine-box-shadow-flat)!important;background-color:var(--third-background-color)!important}a.center{display:block;margin:1rem auto}a.large{font-size:1.2rem;padding:20px 24px}div.tabs{display:block;position:relative;margin-top:16px;margin-bottom:16px;background:var(--color-card)}div.tabs .highlight,div.tabs details,div.tabs div.note,div.tabs ol,div.tabs p,div.tabs ul{margin-top:16px;margin-bottom:16px}div.tabs ul.nav-tabs{display:table;position:relative;overflow-x:auto;margin:0!important;padding:4px;background:var(--third-background-color);border-radius:14px;line-height:1.5;text-align:center;left:50%;transform:translateX(-50%)}div.tabs ul.nav-tabs li.tab{list-style-type:none;display:inline-block;float:none;margin-top:0;margin-bottom:0;margin-left:10px}div.tabs ul.nav-tabs li.tab:first-child{margin-left:0}div.tabs ul.nav-tabs li.tab:last-child{padding-right:0}div.tabs ul.nav-tabs li.tab a{display:block;cursor:pointer;border-radius:9px;padding:4px 8px;text-align:center;font-size:$fontsize-meta;line-height:inherit;font-weight:700;color:var(--default-text-color);border:none;text-decoration:none}div.tabs ul.nav-tabs li.tab a:hover{color:var(--primary-color)}div.tabs ul.nav-tabs li.tab a i{pointer-events:none}div.tabs ul.nav-tabs li.tab.active a{cursor:default;color:var(--primary-color);background-color:var(--second-background-color);box-shadow:var(--redefine-box-shadow-flat);transition:transform .1s ease}div.tabs .tab-content{background-color:var(--second-background-color);border-radius:14px;box-shadow:var(--redefine-box-shadow-flat);margin-top:1rem}div.tabs .tab-content .highlight-container[data-rel]{border-radius:9px}div.tabs .tab-content .highlight{border-radius:0 0 9px 9px}div.tabs .tab-content blockquote{border-radius:0 9px 9px 0}div.tabs .tab-content .tab-pane{padding:20px}div.tabs .tab-content .tab-pane:not(.active){display:none}div.tabs .tab-content .tab-pane.active{display:block}div.tabs .tab-content .tab-pane .highlight:first-child,div.tabs .tab-content .tab-pane .note:first-child,div.tabs .tab-content .tab-pane .tabs:first-child,div.tabs .tab-content .tab-pane ol:first-child,div.tabs .tab-content .tab-pane ul:first-child,div.tabs .tab-content .tab-pane>p:first-child{margin-top:0}div.tabs .tab-content .tab-pane .highlight:last-child,div.tabs .tab-content .tab-pane .note:last-child,div.tabs .tab-content .tab-pane .tabs:last-child,div.tabs .tab-content .tab-pane ol:last-child,div.tabs .tab-content .tab-pane ul:last-child,div.tabs .tab-content .tab-pane>p:last-child{margin-bottom:0}.page-title-header{font-size:3.2rem;line-height:1;font-weight:700;color:var(--second-text-color);margin:6px 0 36px 0}.redefine-box-shadow{box-shadow:var(--redefine-box-shadow)}.redefine-box-shadow-flat{box-shadow:var(--redefine-box-shadow-flat)}@media (min-width:640px){.redefine-box-shadow:hover{box-shadow:var(--redefine-box-shadow-hover)}.redefine-box-shadow-flat:hover{box-shadow:var(--redefine-box-shadow)}}.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%} /* rebuild by neat */ \ No newline at end of file diff --git a/fonts/Chillax/chillax.css b/fonts/Chillax/chillax.css index adffaa6..3c16b45 100644 --- a/fonts/Chillax/chillax.css +++ b/fonts/Chillax/chillax.css @@ -1,3 +1,3 @@ -/* build time:Mon May 06 2024 14:54:11 GMT+0800 (中国标准时间)*/ +/* build time:Mon May 06 2024 15:22:02 GMT+0800 (中国标准时间)*/ @font-face{font-family:Chillax-Variable;src:url(Chillax-Variable.woff2) format('woff2'),url(Chillax-Variable.woff) format('woff'),url(Chillax-Variable.ttf) format('truetype');font-weight:200 700;font-display:swap;font-style:normal} /* rebuild by neat */ \ No newline at end of file diff --git a/fonts/Satoshi/satoshi.css b/fonts/Satoshi/satoshi.css index f590037..9e4a458 100644 --- a/fonts/Satoshi/satoshi.css +++ b/fonts/Satoshi/satoshi.css @@ -1,3 +1,3 @@ -/* build time:Mon May 06 2024 14:54:11 GMT+0800 (中国标准时间)*/ +/* build time:Mon May 06 2024 15:22:03 GMT+0800 (中国标准时间)*/ @font-face{font-family:Satoshi-Variable;src:url(Satoshi-Variable.woff2) format('woff2'),url(Satoshi-Variable.woff) format('woff'),url(Satoshi-Variable.ttf) format('truetype');font-weight:300 900;font-display:swap;font-style:normal}@font-face{font-family:Satoshi-VariableItalic;src:url(Satoshi-VariableItalic.woff2) format('woff2'),url(Satoshi-VariableItalic.woff) format('woff'),url(Satoshi-VariableItalic.ttf) format('truetype');font-weight:300 900;font-display:swap;font-style:italic} /* rebuild by neat */ \ No newline at end of file diff --git a/fonts/fonts.css b/fonts/fonts.css index 97d8205..b89c0c2 100644 --- a/fonts/fonts.css +++ b/fonts/fonts.css @@ -1,3 +1,3 @@ -/* build time:Mon May 06 2024 14:54:10 GMT+0800 (中国标准时间)*/ +/* build time:Mon May 06 2024 15:22:02 GMT+0800 (中国标准时间)*/ @font-face{font-family:"Noto Sans SC";font-style:normal;font-weight:400;font-display:swap;src:local("Noto Sans SC"),url(noto-sans-sc-v26-chinese-simplified-regular.woff2) format("woff2"),url(noto-sans-sc-v26-chinese-simplified-regular.woff) format("woff")}@font-face{font-family:"Noto Sans SC";font-style:normal;font-weight:700;font-display:swap;src:local("Noto Sans SC"),url(noto-sans-sc-v26-chinese-simplified-700.woff2) format("woff2"),url(noto-sans-sc-v26-chinese-simplified-700.woff) format("woff")}@font-face{font-display:swap;font-family:"Ubuntu Mono";font-style:normal;font-weight:400;src:url(ubuntu-mono-v15-latin-regular.woff2) format("woff2"),url(ubuntu-mono-v15-latin-regular.woff) format("woff")} /* rebuild by neat */ \ No newline at end of file diff --git a/index.html b/index.html index 6eece34..a88686d 100644 --- a/index.html +++ b/index.html @@ -1 +1 @@ -yangccBlog

    home-banner-background
    你好 世界

    yangccBlog

    9
    标签
    2
    分类
    13
    文章
    chalmery
    Lv2
    9
    标签
    2
    分类
    13
    文章
    12
    © 2021 - 2024    chalmery

    共 13 篇文章 共 20.2k 字

    访问人数 总访问量
    由 Hexo 驱动 主题 Redefine v2.6.1
    博客已运行 天 小时 分钟 秒
    \ No newline at end of file +yangccBlog

    home-banner-background
    你好 世界

    yangccBlog

    9
    标签
    2
    分类
    13
    文章
    chalmery
    Lv2
    9
    标签
    2
    分类
    13
    文章
    12
    © 2021 - 2024    chalmery

    共 13 篇文章 共 20.1k 字

    访问人数 总访问量
    由 Hexo 驱动 主题 Redefine v2.6.1
    博客已运行 天 小时 分钟 秒
    \ No newline at end of file diff --git a/links/index.html b/links/index.html index 98a4ff9..c0773b4 100644 --- a/links/index.html +++ b/links/index.html @@ -1 +1 @@ -友链 - yangccBlog

    yangccBlog
    9
    标签
    2
    分类
    13
    文章

    友链

    博客

    © 2021 - 2024    chalmery

    共 13 篇文章 共 20.2k 字

    访问人数 总访问量
    由 Hexo 驱动 主题 Redefine v2.6.1
    博客已运行 天 小时 分钟 秒
    \ No newline at end of file +友链 - yangccBlog

    yangccBlog
    9
    标签
    2
    分类
    13
    文章

    友链

    博客

    © 2021 - 2024    chalmery

    共 13 篇文章 共 20.1k 字

    访问人数 总访问量
    由 Hexo 驱动 主题 Redefine v2.6.1
    博客已运行 天 小时 分钟 秒
    \ No newline at end of file diff --git a/page/2/index.html b/page/2/index.html index 0d19bd7..dbc0509 100644 --- a/page/2/index.html +++ b/page/2/index.html @@ -1 +1 @@ -yangccBlog

    yangccBlog

    9
    标签
    2
    分类
    13
    文章
    chalmery
    Lv2
    9
    标签
    2
    分类
    13
    文章

    • 类型擦除

      一 泛型 在JAVA中的泛型，在编译的时候，所有的泛型信息都会被抹去。这个过程成为 类型擦除。这样做的原因是为了兼容老版本。 JAVA中泛型的引入主要是为了解决两个方面的问题： 减少类型转换 解决的时重复代码的编写，能够复用算法，泛化。 以类D...
        2021-10-02   
      阅读全文类型擦除 

    • Elasticsearch

      Elasticsearch一、现存问题1.1 现存问题 海量数据存储 海量数据中完成全文检索 如何实现关键字的高亮显示 海量数据中完成统计操作 1.2 ES的介绍（搜索引擎） Elasticsearch天生分布式，支持海量数据的存储，什么在大数据领...
        2021-10-01   
      阅读全文Elasticsearch 

    • Volatile关键字

      1 内存模型缓存不一致问题计算机在执行程序时，每条指令都是在CPU中执行的，而执行指令过程中，势必涉及到数据的读取和写入。由于程序运行过程中的临时数据是存放在主存（物理内存）当中的，这时就存在一个问题，由于CPU执行速度很快，而从内存读取数据和向内存...
        2021-08-12   
      阅读全文Volatile关键字 
    12
    © 2021 - 2024    chalmery

    共 13 篇文章 共 20.2k 字

    访问人数 总访问量
    由 Hexo 驱动 主题 Redefine v2.6.1
    博客已运行 天 小时 分钟 秒
    \ No newline at end of file +yangccBlog

    yangccBlog

    9
    标签
    2
    分类
    13
    文章
    chalmery
    Lv2
    9
    标签
    2
    分类
    13
    文章

    • 类型擦除

      一 泛型 在JAVA中的泛型，在编译的时候，所有的泛型信息都会被抹去。这个过程成为 类型擦除。这样做的原因是为了兼容老版本。 JAVA中泛型的引入主要是为了解决两个方面的问题： 减少类型转换 解决的时重复代码的编写，能够复用算法，泛化。 以类D...
        2021-10-02   
      阅读全文类型擦除 

    • Elasticsearch

      Elasticsearch一、现存问题1.1 现存问题 海量数据存储 海量数据中完成全文检索 如何实现关键字的高亮显示 海量数据中完成统计操作 1.2 ES的介绍（搜索引擎） Elasticsearch天生分布式，支持海量数据的存储，什么在大数据领...
        2021-10-01   
      阅读全文Elasticsearch 

    • Volatile关键字

      1 内存模型缓存不一致问题计算机在执行程序时，每条指令都是在CPU中执行的，而执行指令过程中，势必涉及到数据的读取和写入。由于程序运行过程中的临时数据是存放在主存（物理内存）当中的，这时就存在一个问题，由于CPU执行速度很快，而从内存读取数据和向内存...
        2021-08-12   
      阅读全文Volatile关键字 
    12
    © 2021 - 2024    chalmery

    共 13 篇文章 共 20.1k 字

    访问人数 总访问量
    由 Hexo 驱动 主题 Redefine v2.6.1
    博客已运行 天 小时 分钟 秒
    \ No newline at end of file diff --git a/search.xml b/search.xml index bbe6728..520b885 100644 --- a/search.xml +++ b/search.xml @@ -1,66 +1,5 @@ - - Electron(一) - /2402782093/ - Electron(一)

    Electron是一个js桌面端框架，让html，js 打包为桌面应用成为可能，已经有非常多的应用使用了这门技术，如：vscode，notion，figma，思源笔记等等

    -

    image

    -

    一 整体交互形式

    桌面应用最重要的是什么，或者说和浏览器页面有什么区别？大的来说就是可以和操作系统交互，那么什么叫可以和操作系统交互？让我们回顾下浏览器，浏览器就像一个盒子，里面的所有页面的权利是有限的，就比如，

    -
      -
    • 我想在浏览器自己写的一个html页面通过js函数，在文档这个文件夹下创建一个文件，或者修改一个文件
      • -
    • 调用系统通知api，使用系统通知
      • -
    • 修改系统音量？
      • -
    -

    这些都是做不到的，这些都涉及了操作系统的api，那electron是如何做到的呢，我们看下这个图：

    -

    image

    -

    Electron就相当于一个中间层，为js提供了一个曲线访问系统api的能力，做任何和系统有关的操作，都要通过electron

    -

    一个简单的例子，我想通过，文件选择器，拿到一个文件的路径，该如何实现？你可能会想到，浏览器也可以呀，通过选择器，选择一个文件，还要Electron干嘛？

    -

    是没问题，可以选到一个文件，但是文件的路径是获取不到的，简单思考下，如果一个普通的网页，点击就能获取到你本机文件的路径，甚至别的操作系统信息，你做为浏览器的开发者会允许这样吗？这样对浏览器使用者来讲显然是非常危险的，点开个网页信息泄密了，甚至电脑上文件丢了。

    -

    因此，我们要使用的文件选择器是操作系统的文件选择器，这个显然是js办不到的，因此有了Electron，它提供了这样的api：文档详见：https://www.electronjs.org/zh/docs/latest/api/dialog

    -
    import {dialog} from "electron";

    function open() {
        let files = dialog.showOpenDialogSync({
            title: '选择文件路径',
            properties: ['openDirectory', 'multiSelections']
        })
        console.log(files)
        return files
    }
    - -

    文件选择器是有了，我们该如何通知Electron呢？换句话说就是，上面的js函数是显示层调用不到的，因此Electron提供了一种方式，让我们可以与它交互。这种方式类似js的发布订阅模型，发布一个事件，消费者监听事件。

    -

    文档详见：https://www.electronjs.org/zh/docs/latest/api/ipc-renderer

    -

    js端通过ipcRenderer.send发送一个事件通过Electron

    -
    const electron = window.electron

    electron.ipcRenderer.send('事件名称',data)
    - -

    electron端通过ipcMain.on监听js端发送过来的事件，那当这件事情处理完成了，想要告诉js端怎么办？通过event.reply发送一个事件，携带数据给js，和上面的ipcRenderer.send是类似的

    -
    import {ipcMain} from "electron"

     ipcMain.on('事件名称',(event, data)) => {
            //处理


            //回调
            event.reply('新的事件名称', 要返回的数据)
        })
    - -

    js端该如何处理呢？以React为例：useEffect中，通过ipcRenderer.on，监听这个事件，然后处理，一定要在[]这个useEffect，代表页面创建就运行这个函数，监听这个事件，在return中删除这个事件，不然每次每次页面加载都会创建一个监听，这样会越建越多

    -
    useEffect(() => {
        //处理Electron端发送的事件
        electron.ipcRenderer.on('事件名称', (event, 数据) => {
          //处理
        });

        return () => {
          electron.ipcRenderer.removeAllListeners('事件名称');
        };
      }, []);
    - -

    到这里就完成了一个交互，是不是很简单。

    -

    二 打包

    打包全靠配置，这个是我的配置：

    -
    /**
     * @see https://www.electron.build/configuration/configuration
     */
    {
      appId: "electron-music",
      productName: "electron-music",
      copyright: "Copyright © 2023 ${author}",
      asar: true,
      directories: {
        output: "release",
        buildResources: "public"
      },
      files: [
        "dist"
      ],
      win: {
        icon: "public/icons/music256x256.png",
        target: [
          {
            target: "dir",
            arch: [
              "x64"
            ]
          },
          {
            target: "nsis",
            arch: [
              "x64"
            ]
          }
        ]
      },
      nsis: {
        "oneClick": false,
        // 创建一键安装程序还是辅助安装程序（默认是一键安装）
        "allowElevation": true,
        // 是否允许请求提升，如果为false，则用户必须使用提升的权限重新启动安装程序 （仅作用于辅助安装程序）
        "allowToChangeInstallationDirectory": true,
        // 是否允许修改安装目录 （仅作用于辅助安装程序）
        "installerIcon": "public/icons/music256x256.png",
        // 安装程序图标的路径
        "uninstallerIcon": "public/icons/music256x256.png",
        // 卸载程序图标的路径
        "installerHeader": "public/icons/music256x256.png",
        // 安装时头部图片路径（仅作用于辅助安装程序）
        "installerHeaderIcon": "public/icons/music256x256.png",
        // 安装时标题图标（进度条上方）的路径（仅作用于一键安装程序）
        "installerSidebar": "public/icons/music256x256.png",
        // 安装完毕界面图片的路径，（仅作用于辅助安装程序）
        "uninstallerSidebar": "public/icons/music256x256.png",
        // 开始卸载界面图片的路径（仅作用于辅助安装程序）
        "uninstallDisplayName": "electron-music-${version}",
        // 控制面板中的卸载程序显示名称
        "createDesktopShortcut": true,
        // 是否创建桌面快捷方式
        "createStartMenuShortcut": true,
        // 是否创建开始菜单快捷方式
        "include": "script/installer.nsi",
        // NSIS包含定制安装程序脚本的路径，安装过程中自行调用  (可用于写入注册表 开机自启动等操作)
        "script": "script/installer.nsi",
        // 用于自定义安装程序的NSIS脚本的路径
        "deleteAppDataOnUninstall": true,
        // 是否在卸载时删除应用程序数据（仅作用于一键安装程序）
        "runAfterFinish": false,
        // 完成后是否运行已安装的应用程序（对于辅助安装程序，应删除相应的复选框）
        "menuCategory": false,
        // 是否为开始菜单快捷方式和程序文件目录创建子菜单，如果为true，则使用公司名称
        "perMachine": true,
        //给机器上所有用户安装
        "language": "2052"
        //安装语言(中文)
      },
      mac: {
        icon: 'public/icons/music256x256.png',
        category: 'Productivity',
        target: [
          {
            target: 'default',
            arch: [
              'arm64',
              'x64'
            ]
          }
        ]
      },
      linux: {
        icon: "public/icons/music256x256.png",
        target: [
          "AppImage",
          "tar.gz"
        ],
        "category": "Audio",
        artifactName: "${productName}-Linux-${version}.${ext}"
      }
    }

    - -

    参考: 我的音乐播放器项目

    -

    三 注意事项

    1 在linux下窗口关闭前做一件事

    看环境，比如kde下是做不到比如隐藏窗口的，在kde下，点击关闭按钮，window对象对直接就销毁了。（曲线方式，我们可以不用系统自带的顶栏，自己实现一个，这样就不会有这样的问题了）

    -
    app.on('closed', () => {
      if (process.platform !== 'darwin') {
        app.quit()
      }
    })
    - -

    2 linux 下，英伟达显卡涉及到动画的页面报错（暂未解决）

    报错内容

    -
    libva error: vaGetDriverNameByIndex() failed with unknown libva error, driver_name = (null)
    - -

    ‍

    -]]>     - - 技术 - - - JavaScript - Electron - -     Elasticsearch /3542956005/ @@ -94,75 +33,16 @@

    准备好上述内容后，docker-compose up -d

    检测启动是否成功：

    -
      -
    • Linux中输入：curl localhost:9200| 成功访问es |
      | :——————————————————————————: |
      | image-20210908144227670 |
      • -
    • Windows浏览器输入：192.168.41.98:5601| 启动成功 |
      | :——————————————————————————: |
      | image-20210908144352004 |
      • -

    2.2 安装IK分词器

    在kibana中基于RESTful的形式和ES交互

    需要在kibana上发送HTTP请求并携带JSON参数与ES交互

    在kibana的dev tools上测试分词器

    - - - - - - - - - -
    自带分词器对中文支持不好
    image-20210908150803352

    安装IK分词器

    下载地址：https://github.com/medcl/elasticsearch-analysis-ik/releases/download/v7.8.0/elasticsearch-analysis-ik-7.8.0.zip

    需要将zip压缩包解压的内容放到elasticsearch容器内部的 /usr/share/elasticsearch/plugins/ik_analyzer/

    修改docker-compose.yml文件，给elasticsearch添加了一个数据卷，映射到 /usr/local/docker/es_docker/plugins

    将zip压缩包扔到Linux中，并且放到数据库内的ik_analyzer目录里，通过unzip解压，重启elasticsearch容器

    再次通过IK分词器进行分词

    - - - - - - - - - -
    IK分词器效果
    image-20210908151137092
    -

    三、ES的存储结构

    - - - - - - - - -
    存储数据结构
    image-20210908153241240
    -
    +

    三、ES的存储结构

    在ES服务中创建索引，并指定索引的主分片个数，以及备份分片个数。

    给索引设置存储数据的结构

    上述搞定后，可以向索引中添加文件……

    @@ -248,21 +128,6 @@

    4.3 创建索引（结构化存储）

    # 创建索引并设置存储结构
    PUT /novel
    {
      "settings": {
        "number_of_shards": 5,
        "number_of_replicas": 1
      },
      "mappings": {
        "properties": {
          "name": {
            "type": "text",    # 这样会使用默认的standard分词器，使用IK需要额外添加信息
            "analyzer": "ik_max_word"   # 添加这个才会使用IK分词器  
          },
          "author": {
            "type": "keyword"
          },
          "count": {
            "type": "long"
          },
          "onsale": {
            "type": "date",
            "format": "yyyy-MM-dd || yyyy-MM-dd HH:mm:ss || strict_date_optional_time || epoch_millis"
          }
        }
      }
    }

    创建成功，查看效果

    - - - - - - - - - -
    image-20210908163006480

    索引构建成功后

    • 主分片个数不允许修改……

      @@ -292,21 +157,6 @@

      5.4 根据id查询文档

      # 根据_id查询文档
      GET /novel/_doc/1
      - - - - - - - - - -
      查询返回结果
      image-20210909102845512

      六、Java操作ES

      Elasticsearch官方推出了两种Java操作的客户端，采用Rest-High-Level-Client。

      还有另一种与Elasticsearch交互客户端，可以写类似SQL的语句，与Elasticsearch交互。

      @@ -320,39 +170,9 @@

      6.3 修改文档

      @Test
      public void updateById() throws IOException {
          //1. 创建指定的request对象
          UpdateRequest request = new UpdateRequest();

          //2. 设置索引信息，文档id
          request.index("novel");
          request.id("3");

          //3. 准备具体文档数据
          Map<String, Object> source = new HashMap<>(4);
          source.put("name","明朝那么多事！");
          request.doc(source);

          //4. 将request用RestHighLevelClient发送出去，接收ES服务的响应
          UpdateResponse resp = ESClientUtil.getClient().update(request, RequestOptions.DEFAULT);

          //5. 基于响应结果，判断操作是否成功
          if (UPDATED.equals(resp.getResult().getLowercase())) {
              System.out.println("文档修改成功！");
          }
      }
      -

      6.5 批量操作

      - - - - - - - - -
      批量操作
      image-20210909113231519
      -

      6.6 根据id查询文档

      @Test
      public void get() throws IOException {
          //1. 创建指定的request对象
          GetRequest request = new GetRequest();

          //2. 设置索引信息，文档id
          request.index("novel");
          request.id("3");

          //3. 将request用RestHighLevelClient发送出去，接收ES服务的响应
          GetResponse resp = ESClientUtil.getClient().get(request, RequestOptions.DEFAULT);

          //4. 基于响应结果，判断操作是否成功
          System.out.println(resp.getSourceAsMap());
      }
      +

      6.5 批量操作

      6.6 根据id查询文档

      @Test
      public void get() throws IOException {
          //1. 创建指定的request对象
          GetRequest request = new GetRequest();

          //2. 设置索引信息，文档id
          request.index("novel");
          request.id("3");

          //3. 将request用RestHighLevelClient发送出去，接收ES服务的响应
          GetResponse resp = ESClientUtil.getClient().get(request, RequestOptions.DEFAULT);

          //4. 基于响应结果，判断操作是否成功
          System.out.println(resp.getSourceAsMap());
      }
      -

      七、ES的基本查询

      7.1 倒排/反向索引

      - - - - - - - - -
      倒排索引
      image-20210909142550809
      -

      7.2 term查询

      +

      七、ES的基本查询

      7.1 倒排/反向索引

      7.2 term查询

      term是ES最基本的查询，基本上所有的检索方式的底层都是term查询……

      7.2.1 term查询
      @@ -361,21 +181,6 @@

      term不会将用户输入的关键字进行分词，直接拿用户的完整关键字匹配分词库。

      term更适合查询keyword类型的属性

      - - - - - - - - - -
      查询执行流程
      image-20210909145205115
      # term查询
      POST /sms_logs_index/_search
      {
        "query": {
          "term": {
            "smsContent": {
              "value": "滴滴单车平台"
            }
          }
        }
      }
      7.2.2 terms查询
      @@ -511,62 +316,133 @@ 
      # 玩GEO，创建索引
      PUT /map 
      {
        "settings": {
          "number_of_shards": 3,
          "number_of_replicas": 1
        },
        "mappings": {
          "properties": {
            "name": {
              "type": "keyword"
            },
            "location": {
              "type": "geo_point"
            }
          }
        }
      }


      # 插入三条数据 北科，生命科学园地铁，巩华城地铁
      POST /map/_create/1
      {
        "name": "北科",
        "location": {
          "lat": 40.125318,
          "lon": 116.258312
        }
      }

      POST /map/_create/2
      {
        "name": "生命科学园地铁",
        "location": {
          "lat": 40.101109,
          "lon": 116.300721
        }
      }

      POST /map/_create/3
      {
        "name": "巩华城地铁",
        "location": {
          "lat": 40.13731,
          "lon": 116.300344
        }
      }

      GEO在ES中提供了三种查询方式

      - - - - - - - - - -
      geo_distance
      # 一个点，一个距离（半径）查询圆内数据
      POST /map/_search
      {
        "query": {
          "bool": {
            "filter": [
              {
                "geo_distance": {
                  "distance": 4700,
                  "location": {
                    "lat": 40.125318,
                    "lon": 116.258312
                  }
                }
              }
            ]
          }
        }
      }
      + +
      # 两个点确定矩形
      POST /map/_search
      {
        "query": {
          "bool": {
            "filter": [
              {
                "geo_bounding_box": {
                  "location": {
                    "top_left": {
                      "lat": 40.109973,
                      "lon": 116.278192
                    },
                    "bottom_right": {
                      "lat": 40.093416,
                      "lon": 116.32131
                    }
                  }
                }
              }
            ]
          }
        }
      }
      + +
      # 多个点确定多边形
      POST /map/_search
      {
        "query": {
          "bool": {
            "filter": [
              {
                "geo_polygon": {
                  "location": {
                    "points": [
                      {
                        "lat": 40.143736,
                        "lon": 116.29084
                      },
                      {
                        "lat": 40.127132,
                        "lon": 116.306003
                      },
                      {
                        "lat": 40.148479,
                        "lon": 116.313549
                      }
                    ]
                  }
                }
              }
            ]
          }
        }
      }
      +]]> + + 技术 + + + Java + + + + Electron(一) + /2402782093/ + Electron(一)

      Electron是一个js桌面端框架，让html，js 打包为桌面应用成为可能，已经有非常多的应用使用了这门技术，如：vscode，notion，figma，思源笔记等等

      +

      image-20210910114724159

      -
      # 一个点，一个距离（半径）查询圆内数据
      POST /map/_search
      {
        "query": {
          "bool": {
            "filter": [
              {
                "geo_distance": {
                  "distance": 4700,
                  "location": {
                    "lat": 40.125318,
                    "lon": 116.258312
                  }
                }
              }
            ]
          }
        }
      }
      + data-src="https://img-yangcc.oss-cn-beijing.aliyuncs.com/blog/Snipaste_2024-05-06_15-04-27.png" + alt="image" + >

      +

      一 整体交互形式

      桌面应用最重要的是什么，或者说和浏览器页面有什么区别？大的来说就是可以和操作系统交互，那么什么叫可以和操作系统交互？让我们回顾下浏览器，浏览器就像一个盒子，里面的所有页面的权利是有限的，就比如，

      +
        +
      • 我想在浏览器自己写的一个html页面通过js函数，在文档这个文件夹下创建一个文件，或者修改一个文件
        • +
      • 调用系统通知api，使用系统通知
        • +
      • 修改系统音量？
        • +
      +

      这些都是做不到的，这些都涉及了操作系统的api，那electron是如何做到的呢，我们看下这个图：

      +

      image

      +

      Electron就相当于一个中间层，为js提供了一个曲线访问系统api的能力，做任何和系统有关的操作，都要通过electron

      +

      一个简单的例子，我想通过，文件选择器，拿到一个文件的路径，该如何实现？你可能会想到，浏览器也可以呀，通过选择器，选择一个文件，还要Electron干嘛？

      +

      是没问题，可以选到一个文件，但是文件的路径是获取不到的，简单思考下，如果一个普通的网页，点击就能获取到你本机文件的路径，甚至别的操作系统信息，你做为浏览器的开发者会允许这样吗？这样对浏览器使用者来讲显然是非常危险的，点开个网页信息泄密了，甚至电脑上文件丢了。

      +

      因此，我们要使用的文件选择器是操作系统的文件选择器，这个显然是js办不到的，因此有了Electron，它提供了这样的api：文档详见：https://www.electronjs.org/zh/docs/latest/api/dialog

      +
      import {dialog} from "electron";

      function open() {
          let files = dialog.showOpenDialogSync({
              title: '选择文件路径',
              properties: ['openDirectory', 'multiSelections']
          })
          console.log(files)
          return files
      }
      - - - - - - - - - -
      geo_bounding_box
      文件选择器是有了，我们该如何通知Electron呢？换句话说就是，上面的js函数是显示层调用不到的，因此Electron提供了一种方式，让我们可以与它交互。这种方式类似js的发布订阅模型，发布一个事件，消费者监听事件。

      +

      文档详见：https://www.electronjs.org/zh/docs/latest/api/ipc-renderer

      +

      js端通过ipcRenderer.send发送一个事件通过Electron

      +
      const electron = window.electron

      electron.ipcRenderer.send('事件名称',data)
      + +

      electron端通过ipcMain.on监听js端发送过来的事件，那当这件事情处理完成了，想要告诉js端怎么办？通过event.reply发送一个事件，携带数据给js，和上面的ipcRenderer.send是类似的

      +
      import {ipcMain} from "electron"

       ipcMain.on('事件名称',(event, data)) => {
              //处理


              //回调
              event.reply('新的事件名称', 要返回的数据)
          })
      + +

      js端该如何处理呢？以React为例：useEffect中，通过ipcRenderer.on，监听这个事件，然后处理，一定要在[]这个useEffect，代表页面创建就运行这个函数，监听这个事件，在return中删除这个事件，不然每次每次页面加载都会创建一个监听，这样会越建越多

      +
      useEffect(() => {
          //处理Electron端发送的事件
          electron.ipcRenderer.on('事件名称', (event, 数据) => {
            //处理
          });

          return () => {
            electron.ipcRenderer.removeAllListeners('事件名称');
          };
        }, []);
      + +

      到这里就完成了一个交互，是不是很简单。

      +

      二 打包

      打包全靠配置，这个是我的配置：

      +
      /**
       * @see https://www.electron.build/configuration/configuration
       */
      {
        appId: "electron-music",
        productName: "electron-music",
        copyright: "Copyright © 2023 ${author}",
        asar: true,
        directories: {
          output: "release",
          buildResources: "public"
        },
        files: [
          "dist"
        ],
        win: {
          icon: "public/icons/music256x256.png",
          target: [
            {
              target: "dir",
              arch: [
                "x64"
              ]
            },
            {
              target: "nsis",
              arch: [
                "x64"
              ]
            }
          ]
        },
        nsis: {
          "oneClick": false,
          // 创建一键安装程序还是辅助安装程序（默认是一键安装）
          "allowElevation": true,
          // 是否允许请求提升，如果为false，则用户必须使用提升的权限重新启动安装程序 （仅作用于辅助安装程序）
          "allowToChangeInstallationDirectory": true,
          // 是否允许修改安装目录 （仅作用于辅助安装程序）
          "installerIcon": "public/icons/music256x256.png",
          // 安装程序图标的路径
          "uninstallerIcon": "public/icons/music256x256.png",
          // 卸载程序图标的路径
          "installerHeader": "public/icons/music256x256.png",
          // 安装时头部图片路径（仅作用于辅助安装程序）
          "installerHeaderIcon": "public/icons/music256x256.png",
          // 安装时标题图标（进度条上方）的路径（仅作用于一键安装程序）
          "installerSidebar": "public/icons/music256x256.png",
          // 安装完毕界面图片的路径，（仅作用于辅助安装程序）
          "uninstallerSidebar": "public/icons/music256x256.png",
          // 开始卸载界面图片的路径（仅作用于辅助安装程序）
          "uninstallDisplayName": "electron-music-${version}",
          // 控制面板中的卸载程序显示名称
          "createDesktopShortcut": true,
          // 是否创建桌面快捷方式
          "createStartMenuShortcut": true,
          // 是否创建开始菜单快捷方式
          "include": "script/installer.nsi",
          // NSIS包含定制安装程序脚本的路径，安装过程中自行调用  (可用于写入注册表 开机自启动等操作)
          "script": "script/installer.nsi",
          // 用于自定义安装程序的NSIS脚本的路径
          "deleteAppDataOnUninstall": true,
          // 是否在卸载时删除应用程序数据（仅作用于一键安装程序）
          "runAfterFinish": false,
          // 完成后是否运行已安装的应用程序（对于辅助安装程序，应删除相应的复选框）
          "menuCategory": false,
          // 是否为开始菜单快捷方式和程序文件目录创建子菜单，如果为true，则使用公司名称
          "perMachine": true,
          //给机器上所有用户安装
          "language": "2052"
          //安装语言(中文)
        },
        mac: {
          icon: 'public/icons/music256x256.png',
          category: 'Productivity',
          target: [
            {
              target: 'default',
              arch: [
                'arm64',
                'x64'
              ]
            }
          ]
        },
        linux: {
          icon: "public/icons/music256x256.png",
          target: [
            "AppImage",
            "tar.gz"
          ],
          "category": "Audio",
          artifactName: "${productName}-Linux-${version}.${ext}"
        }
      }

      + +

      参考: 我的音乐播放器项目

      +

      三 注意事项

      1 在linux下窗口关闭前做一件事

      看环境，比如kde下是做不到比如隐藏窗口的，在kde下，点击关闭按钮，window对象对直接就销毁了。（曲线方式，我们可以不用系统自带的顶栏，自己实现一个，这样就不会有这样的问题了）

      +
      app.on('closed', () => {
        if (process.platform !== 'darwin') {
          app.quit()
        }
      })
      + +

      2 linux 下，英伟达显卡涉及到动画的页面报错（暂未解决）

      报错内容

      +
      libva error: vaGetDriverNameByIndex() failed with unknown libva error, driver_name = (null)
      + +

      ‍

      +]]> + + 技术 + + + JavaScript + Electron + + + + Java版本管理 + /2427860074/ + 在接触前端的时候发现了nvm这样的工具，可以一行命令切换使用的node版本，非常方便，作为一个Java程序员，java是否有版本管理工具呢？

      +

      jenv

      +

      官网的解释: jEnv is a command line tool to help you forget how to set the JAVA_HOME environment variable

      +

      使用一条命令可以轻松配置JAVA_HOME到环境变量。

      +
      +

      用法是：

      +
      jenv <command> [<args>]
      # 命令参考：
      commands   列出所有可用的 jenv 命令
      local       设置或显示本地应用程序特定的 Java 版本
      global     设置或显示全局 Java 版本
      shell      设置或显示 shell 特定的 Java 版本
      rehash      刷新 jenv shims（安装可执行文件后运行此命令）
      version     显示当前Java版本及其来源
      versions    列出 jenv 可用的所有 Java 版本
      which      显示可执行文件的完整路径
      whence     列出包含给定可执行文件的所有 Java 版本
      add         添加 将 JDK 添加到 jenv 中
      + +

      archlinuxjdk

      在 archlinux 中提供了命令：archlinuxjdk用来管理jdk版本，参考 archwiki

      +
      archlinux-java <COMMAND>

      COMMAND:
      status                    列出已安装并启用的 Java 环境
      get                          返回设置为默认的 Java 环境的短名称
      set <JAVA_ENV>	强制 <JAVA_ENV> 设置为默认值
      unset	                取消当前默认 Java 环境
      fix	                       修复无效/损坏的默认 Java 环境配置
      +]]>       + + 工具 + + + Java + +       + + Rust学习(一)：猜数字游戏 + /2690763544/ + 一 Rust安装

      Rust安装极为简单，先下载rustup

      +

      image-20210910114910950

      -
      # 两个点确定矩形
      POST /map/_search
      {
        "query": {
          "bool": {
            "filter": [
              {
                "geo_bounding_box": {
                  "location": {
                    "top_left": {
                      "lat": 40.109973,
                      "lon": 116.278192
                    },
                    "bottom_right": {
                      "lat": 40.093416,
                      "lon": 116.32131
                    }
                  }
                }
              }
            ]
          }
        }
      }
      + data-src="https://img-yangcc.oss-cn-beijing.aliyuncs.com/blog/image-20220314220250790.png" + alt="image-20220314220250790" + >

      +

      之后使用命令下载：

      +
      curl --proto '=https' --tlsv1.2 -sSf https://sh.rustup.rs | sh
      - - - - - - - - - -
      geo_polygon
      在vscode下载插件 rust-analyzer即可快速开发

      +

      image-20210910115101114

      -
      # 多个点确定多边形
      POST /map/_search
      {
        "query": {
          "bool": {
            "filter": [
              {
                "geo_polygon": {
                  "location": {
                    "points": [
                      {
                        "lat": 40.143736,
                        "lon": 116.29084
                      },
                      {
                        "lat": 40.127132,
                        "lon": 116.306003
                      },
                      {
                        "lat": 40.148479,
                        "lon": 116.313549
                      }
                    ]
                  }
                }
              }
            ]
          }
        }
      }
      + data-src="https://img-yangcc.oss-cn-beijing.aliyuncs.com/blog/image-20220314220452099.png" + alt="image-20220314220452099" + >

      +

      二 cargo

      cargo就是rust的包管理工具，与npm,maven等是一样的，一般rustup来安装rust会自带cargo，常见命令如下

      +
      # 创建一个catgo项目
      cargo new 项目
      # 编译和执行结果，可以用来检验是否编写错误
      cargo run 
      # 发布的构建，编译会优化，代码更快，但是编译时间更长
      cargo build --release
      # 普通的构建
      cargo build
      + +

      三 猜数字游戏

      use rand::Rng;
      use std::cmp::Ordering; //Ordering是一个枚举类型
      use std::io; //Rng是一个trait 可以认为是接口
                   //rust默认会倒入prelude这个模块
      fn main() {
          println!("猜一个数字");
          //i32 u32 i64 都是整形
          let number = rand::thread_rng().gen_range(1..101);
          // loop表示无限循环
          loop {
              let mut guess = String::new();
              // io函数读取输  使用expect方法，表示如果result是err则执行
              io::stdin().read_line(&mut guess).expect("无法读取行");

              //将字符串转为整形 parse方法返回中为Result
              // 隐藏shadow 隐藏重名的旧变量，从18行开始，变量guess类型就变了
              let guess: u32 = match guess.trim().parse() {
                  Ok(num) => num,
                  //_：此通配符表示不关心这个值
                  Err(_) => continue,
              };

              println!("你猜测的数是：{}", guess);

              //match表达式：可以让我们根据 枚举值选择不同的操作，就相当于if else
              //cmp就是compere，比较的意思
              match guess.cmp(&number) {
                  //三个枚举分别表示小大等
                  Ordering::Less => println!("Too Small!"),
                  Ordering::Greater => println!("Too Big!"),
                  Ordering::Equal => {
                      println!("You Win!");
                      break;
                  }
              }
          }
      }
      + +

      参考：

      ]]> 技术 - Java + Rust @@ -576,7 +452,7 @@

      image-20220312145320693

      二 配置

        @@ -606,27 +482,6 @@ Linux - - Java版本管理 - /2427860074/ - 在接触前端的时候发现了nvm这样的工具，可以一行命令切换使用的node版本，非常方便，作为一个Java程序员，java是否有版本管理工具呢？

        -

        jenv

        -

        官网的解释: jEnv is a command line tool to help you forget how to set the JAVA_HOME environment variable

        -

        使用一条命令可以轻松配置JAVA_HOME到环境变量。

        -
        -

        用法是：

        -
        jenv <command> [<args>]
        # 命令参考：
        commands   列出所有可用的 jenv 命令
        local       设置或显示本地应用程序特定的 Java 版本
        global     设置或显示全局 Java 版本
        shell      设置或显示 shell 特定的 Java 版本
        rehash      刷新 jenv shims（安装可执行文件后运行此命令）
        version     显示当前Java版本及其来源
        versions    列出 jenv 可用的所有 Java 版本
        which      显示可执行文件的完整路径
        whence     列出包含给定可执行文件的所有 Java 版本
        add         添加 将 JDK 添加到 jenv 中
        - -

        archlinuxjdk

        在 archlinux 中提供了命令：archlinuxjdk用来管理jdk版本，参考 archwiki

        -
        archlinux-java <COMMAND>

        COMMAND:
        status                    列出已安装并启用的 Java 环境
        get                          返回设置为默认的 Java 环境的短名称
        set <JAVA_ENV>	强制 <JAVA_ENV> 设置为默认值
        unset	                取消当前默认 Java 环境
        fix	                       修复无效/损坏的默认 Java 环境配置
        -]]>         - - 工具 - - - Java - -         Rust学习(二)：所有权 /2861842578/ @@ -658,7 +513,7 @@

        image.png

        而当将携带此字符串值的变量s1赋值给s2的时候，s1在栈中就不可用,失效了，不同于浅拷贝，这种方式被称为移动（Move）

        @@ -698,7 +553,7 @@

        image.png

        而引用的内容，是否可以修改呢？，我们尝试在上面的方法内修改变量，会报如下的错：

        @@ -744,57 +599,17 @@

        image.png

        改造之前的小例子，使其返回一个字符串切片,字符串切片的类型标识为：&str

        fn main(){
            let  s = String::from("Hello World");
            let str = first_world(&s);
            println!("{}",str);
        }

        fn first_world(s: &String) ->&str{
            let bytes = s.as_bytes();
            // iter会返回一个迭代器
            // enumerate会将迭代器包装为一个元组，1 索引， 2 元素的引用
            for (i,&item) in bytes.iter().enumerate() {
                if item == b' ' {
                    return  &s[..i];
                }  
            }
            &s[..]
        }

        字符串字面值

        字符串字面值，是什么类型的呢，没错就是切片

        -

        image.png

        将切片作为参数

        之前的例子都是字符串引用作为入参：

        fn first_world(s: &String) ->&str{
        }

        其实，可以使用切片作为入参，这样切片可以作为入参，二字符串可以传入完整的切片，入参更为多样了。因为切片还是一种引用嘛，一样的

        -]]> - - 技术 - - - Rust - -         - - Rust学习(一)：猜数字游戏 - /2690763544/ - 一 Rust安装

        Rust安装极为简单，先下载rustup

        -

        image-20220314220250790

        -

        之后使用命令下载：

        -
        curl --proto '=https' --tlsv1.2 -sSf https://sh.rustup.rs | sh
        - -

        在vscode下载插件 rust-analyzer即可快速开发

        -

        image-20220314220452099

        -

        二 cargo

        cargo就是rust的包管理工具，与npm,maven等是一样的，一般rustup来安装rust会自带cargo，常见命令如下

        -
        # 创建一个catgo项目
        cargo new 项目
        # 编译和执行结果，可以用来检验是否编写错误
        cargo run 
        # 发布的构建，编译会优化，代码更快，但是编译时间更长
        cargo build --release
        # 普通的构建
        cargo build
        - -

        三 猜数字游戏

        use rand::Rng;
        use std::cmp::Ordering; //Ordering是一个枚举类型
        use std::io; //Rng是一个trait 可以认为是接口
                     //rust默认会倒入prelude这个模块
        fn main() {
            println!("猜一个数字");
            //i32 u32 i64 都是整形
            let number = rand::thread_rng().gen_range(1..101);
            // loop表示无限循环
            loop {
                let mut guess = String::new();
                // io函数读取输  使用expect方法，表示如果result是err则执行
                io::stdin().read_line(&mut guess).expect("无法读取行");

                //将字符串转为整形 parse方法返回中为Result
                // 隐藏shadow 隐藏重名的旧变量，从18行开始，变量guess类型就变了
                let guess: u32 = match guess.trim().parse() {
                    Ok(num) => num,
                    //_：此通配符表示不关心这个值
                    Err(_) => continue,
                };

                println!("你猜测的数是：{}", guess);

                //match表达式：可以让我们根据 枚举值选择不同的操作，就相当于if else
                //cmp就是compere，比较的意思
                match guess.cmp(&number) {
                    //三个枚举分别表示小大等
                    Ordering::Less => println!("Too Small!"),
                    Ordering::Greater => println!("Too Big!"),
                    Ordering::Equal => {
                        println!("You Win!");
                        break;
                    }
                }
            }
        }
        - -

        参考：

        ]]>         技术 @@ -1058,7 +873,7 @@

        截屏-20220306110328-2560x1600

        二 设置开机自启

        比如在gnome中工具中设置开机自启，是没有效果的，因为conky需要在系统启动桌面加载好后才启动，因此需要一个延时，因此，在目录 ~/.config/autostart/目录中可以看到很多的开机自启的 desktop文件，因此只需要新建一个 sh设置休眠后启动即可：

        @@ -1083,6 +898,30 @@ Linux         + + 控制缩放以及多倍图 + /1839521991/ + 一 系统缩放

        Javafx针对系统缩放是有优化的，比如在我的小新pro13上默认缩放比例为200%，因此在默认情况下如下的代码：

        +
        primaryStage.setWidth(500);
        primaryStage.setHeight(500);
        + +

        展示的宽高是1000x1000,而我们是否可以自己来进行控制呢？也就是很多桌面程序常见的功能：是否禁止屏幕DPI适配

        +

        在Javafx中为我们提供了两个虚拟机参数：

        +
        #  禁止屏幕缩放
        -Dprism.allowhidpi = false
        # 默认起始缩放比例
        ：-Dglass.win.minHiDPI = 1
        + +

        因此只需要在虚拟机启动的时候加上这个参数即可，而Java为我们提供了两种方式，分别是键值对，以及传入一个Properties对象，因此就可以将参数写入Properties文件中，就可以保存用户的设置。

        +

        二 多倍图

        多倍图还是对系统缩放的优化，因为如果图片是固定大小的，如果高分屏缩放很可能是150%，200%，那这样图片就会出现模糊的效果，因此Javafx对此进行了优化只要图片名称后加入 @2x或者 @3x,注意只能是整数倍，就可以实现自动切换,比如下面的代码，加载的其实是 java@2x.png这张图片。

        +
        primaryStage.getIcons().add(
            new Image(getClass().getResource("/img/java.png").toExternalForm())
        );
        + +

        注意加载图片的方式要使用非流的方式，因为如果是流就固定的使用那张图片了。

        +

        三 参考

        感谢B站LeeWyatt的讲解，这是视频地址 https://www.bilibili.com/video/BV113411k7Zr

        +]]>         + + 技术 + + + Javafx + +         类型擦除 /2260828129/ @@ -1161,42 +1000,6 @@ Java - - 控制缩放以及多倍图 - /1839521991/ - 一 系统缩放

        Javafx针对系统缩放是有优化的，比如在我的小新pro13上默认缩放比例为200%，因此在默认情况下如下的代码：

        -
        primaryStage.setWidth(500);
        primaryStage.setHeight(500);
        - -

        展示的宽高是1000x1000,而我们是否可以自己来进行控制呢？也就是很多桌面程序常见的功能：是否禁止屏幕DPI适配

        -

        在Javafx中为我们提供了两个虚拟机参数：

        -
        #  禁止屏幕缩放
        -Dprism.allowhidpi = false
        # 默认起始缩放比例
        ：-Dglass.win.minHiDPI = 1
        - -

        因此只需要在虚拟机启动的时候加上这个参数即可，而Java为我们提供了两种方式，分别是键值对，以及传入一个Properties对象，因此就可以将参数写入Properties文件中，就可以保存用户的设置。

        -

        image-20211113180315027

        -

        二 多倍图

        多倍图还是对系统缩放的优化，因为如果图片是固定大小的，如果高分屏缩放很可能是150%，200%，那这样图片就会出现模糊的效果，因此Javafx对此进行了优化只要图片名称后加入 @2x或者 @3x,注意只能是整数倍，就可以实现自动切换,比如下面的代码，加载的其实是 java@2x.png这张图片。

        -
        primaryStage.getIcons().add(
            new Image(getClass().getResource("/img/java.png").toExternalForm())
        );
        - -

        注意加载图片的方式要使用非流的方式，因为如果是流就固定的使用那张图片了。

        -

        image-20211113191416012

        -

        三 参考

        感谢B站LeeWyatt老师的讲解，这是视频地址 https://www.bilibili.com/video/BV113411k7Zr

        -]]>         - - 技术 - - - Javafx - -         设计模式-发布订阅 /1698904213/ @@ -1212,12 +1015,6 @@

        观察者模式在实际应用中非常常见，例如事件驱动编程、GUI开发、消息队列等。它可以帮助我们实现对象之间的松散耦合，提高系统的可维护性、扩展性和灵活性。

      概念

      发布订阅核心就是一个Map或者数组之类的容器，存储所有注册的事件，以及对应的回调。而具体每件事情完成后，告诉事件中心，我要触发某个事件的回调，事件中心从容器中找到对应的事件，然后执行函数。可以发现整体是解耦的状态，事件触发者，和事件的函数是分离的，通过中间者eventManager来沟通。

      -

      observer

      框架的使用

      上述概念有没有很熟悉，这个和后端常用中间件MQ，桌面框架electron中的一些地方很像？其实这些地方都用到了这个设计模式。

      • 在我们使用消息队列，无论是rabbitMq还是RocketMq的时候，都是一样的，我们往指定的topic中发送消息，然后监听这个topic的消息，然后处理，和上述图的结构一样，本质就是一个发布订阅的设计模式。
        • @@ -1247,8 +1044,8 @@ 技术 - JavaScript Java + JavaScript 设计模式 @@ -1298,7 +1095,7 @@

        表达式转换

        三 后缀表达式如何使用

        上面的算法，我们已经得到了一个后缀表达式，这个表达式的运算逻辑是怎样的呢？我们一起来看下：

        @@ -1311,7 +1108,7 @@

        规则解析

        这样很方便的就实现了一个复杂算术表达式的运算，而逻辑表达式也是一样运算方式，比如||，&& 唯一区别就是每次去出两个字符。

        diff --git a/sitemap.xml b/sitemap.xml index 6ac9314..a90d27e 100644 --- a/sitemap.xml +++ b/sitemap.xml @@ -164,35 +164,35 @@ - https://www.yangcc.top/tags/JavaScript/ + https://www.yangcc.top/tags/Java/ 2024-05-06 weekly 0.2 - https://www.yangcc.top/tags/Electron/ + https://www.yangcc.top/tags/JavaScript/ 2024-05-06 weekly 0.2 - https://www.yangcc.top/tags/Java/ + https://www.yangcc.top/tags/Electron/ 2024-05-06 weekly 0.2 - https://www.yangcc.top/tags/Linux/ + https://www.yangcc.top/tags/Rust/ 2024-05-06 weekly 0.2 - https://www.yangcc.top/tags/Rust/ + https://www.yangcc.top/tags/Linux/ 2024-05-06 weekly 0.2 diff --git a/tags/Electron/index.html b/tags/Electron/index.html index 0e624e1..964b84f 100644 --- a/tags/Electron/index.html +++ b/tags/Electron/index.html @@ -1 +1 @@ -标签: Electron - yangccBlog

        yangccBlog
        9
        标签
        2
        分类
        13
        文章
         Electron
        2023 1
        1
        © 2021 - 2024    chalmery

        共 13 篇文章 共 20.2k 字

        访问人数 总访问量
        由 Hexo 驱动 主题 Redefine v2.6.1
        博客已运行 天 小时 分钟 秒
        \ No newline at end of file +标签: Electron - yangccBlog

        yangccBlog
        9
        标签
        2
        分类
        13
        文章
         Electron
        2023 1
        1
        © 2021 - 2024    chalmery

        共 13 篇文章 共 20.1k 字

        访问人数 总访问量
        由 Hexo 驱动 主题 Redefine v2.6.1
        博客已运行 天 小时 分钟 秒
        \ No newline at end of file diff --git a/tags/Java/index.html b/tags/Java/index.html index a0ae7c8..dc16388 100644 --- a/tags/Java/index.html +++ b/tags/Java/index.html @@ -1 +1 @@ -标签: Java - yangccBlog

        yangccBlog
        9
        标签
        2
        分类
        13
        文章
         Java
        2023 3
        2021 3
        1
        © 2021 - 2024    chalmery

        共 13 篇文章 共 20.2k 字

        访问人数 总访问量
        由 Hexo 驱动 主题 Redefine v2.6.1
        博客已运行 天 小时 分钟 秒
        \ No newline at end of file +标签: Java - yangccBlog

        yangccBlog
        9
        标签
        2
        分类
        13
        文章
         Java
        2023 3
        2021 3
        1
        © 2021 - 2024    chalmery

        共 13 篇文章 共 20.1k 字

        访问人数 总访问量
        由 Hexo 驱动 主题 Redefine v2.6.1
        博客已运行 天 小时 分钟 秒
        \ No newline at end of file diff --git a/tags/JavaScript/index.html b/tags/JavaScript/index.html index e4ee177..df86637 100644 --- a/tags/JavaScript/index.html +++ b/tags/JavaScript/index.html @@ -1 +1 @@ -标签: JavaScript - yangccBlog

        yangccBlog
        9
        标签
        2
        分类
        13
        文章
         JavaScript
        2023 2
        1
        © 2021 - 2024    chalmery

        共 13 篇文章 共 20.2k 字

        访问人数 总访问量
        由 Hexo 驱动 主题 Redefine v2.6.1
        博客已运行 天 小时 分钟 秒
        \ No newline at end of file +标签: JavaScript - yangccBlog

        yangccBlog
        9
        标签
        2
        分类
        13
        文章
         JavaScript
        2023 2
        1
        © 2021 - 2024    chalmery

        共 13 篇文章 共 20.1k 字

        访问人数 总访问量
        由 Hexo 驱动 主题 Redefine v2.6.1
        博客已运行 天 小时 分钟 秒
        \ No newline at end of file diff --git a/tags/Javafx/index.html b/tags/Javafx/index.html index 3648e56..acc5da0 100644 --- a/tags/Javafx/index.html +++ b/tags/Javafx/index.html @@ -1 +1 @@ -标签: Javafx - yangccBlog

        yangccBlog
        9
        标签
        2
        分类
        13
        文章
         Javafx
        2022 1
        1
        © 2021 - 2024    chalmery

        共 13 篇文章 共 20.2k 字

        访问人数 总访问量
        由 Hexo 驱动 主题 Redefine v2.6.1
        博客已运行 天 小时 分钟 秒
        \ No newline at end of file +标签: Javafx - yangccBlog

        yangccBlog
        9
        标签
        2
        分类
        13
        文章
         Javafx
        2022 1
        1
        © 2021 - 2024    chalmery

        共 13 篇文章 共 20.1k 字

        访问人数 总访问量
        由 Hexo 驱动 主题 Redefine v2.6.1
        博客已运行 天 小时 分钟 秒
        \ No newline at end of file diff --git a/tags/Linux/index.html b/tags/Linux/index.html index fbfab17..e6efa92 100644 --- a/tags/Linux/index.html +++ b/tags/Linux/index.html @@ -1 +1 @@ -标签: Linux - yangccBlog

        yangccBlog
        9
        标签
        2
        分类
        13
        文章
         Linux
        2022 2
        1
        © 2021 - 2024    chalmery

        共 13 篇文章 共 20.2k 字

        访问人数 总访问量
        由 Hexo 驱动 主题 Redefine v2.6.1
        博客已运行 天 小时 分钟 秒
        \ No newline at end of file +标签: Linux - yangccBlog

        yangccBlog
        9
        标签
        2
        分类
        13
        文章
         Linux
        2022 2
        1
        © 2021 - 2024    chalmery

        共 13 篇文章 共 20.1k 字

        访问人数 总访问量
        由 Hexo 驱动 主题 Redefine v2.6.1
        博客已运行 天 小时 分钟 秒
        \ No newline at end of file diff --git a/tags/Rust/index.html b/tags/Rust/index.html index 5f939c7..9f7f2c2 100644 --- a/tags/Rust/index.html +++ b/tags/Rust/index.html @@ -1 +1 @@ -标签: Rust - yangccBlog

        yangccBlog
        9
        标签
        2
        分类
        13
        文章
         Rust
        2022 3
        1
        © 2021 - 2024    chalmery

        共 13 篇文章 共 20.2k 字

        访问人数 总访问量
        由 Hexo 驱动 主题 Redefine v2.6.1
        博客已运行 天 小时 分钟 秒
        \ No newline at end of file +标签: Rust - yangccBlog

        yangccBlog
        9
        标签
        2
        分类
        13
        文章
         Rust
        2022 3
        1
        © 2021 - 2024    chalmery

        共 13 篇文章 共 20.1k 字

        访问人数 总访问量
        由 Hexo 驱动 主题 Redefine v2.6.1
        博客已运行 天 小时 分钟 秒
        \ No newline at end of file diff --git a/tags/index.html b/tags/index.html index 056796d..57b6312 100644 --- a/tags/index.html +++ b/tags/index.html @@ -1 +1 @@ -标签 - yangccBlog

        yangccBlog
        9
        标签
        2
        分类
        13
        文章

        标签

        © 2021 - 2024    chalmery

        共 13 篇文章 共 20.2k 字

        访问人数 总访问量
        由 Hexo 驱动 主题 Redefine v2.6.1
        博客已运行 天 小时 分钟 秒
        \ No newline at end of file +标签 - yangccBlog

        yangccBlog
        9
        标签
        2
        分类
        13
        文章

        标签

        © 2021 - 2024    chalmery

        共 13 篇文章 共 20.1k 字

        访问人数 总访问量
        由 Hexo 驱动 主题 Redefine v2.6.1
        博客已运行 天 小时 分钟 秒
        \ No newline at end of file diff --git "a/tags/\347\256\227\346\263\225/index.html" "b/tags/\347\256\227\346\263\225/index.html" index 31bee3b..3af4969 100644 --- "a/tags/\347\256\227\346\263\225/index.html" +++ "b/tags/\347\256\227\346\263\225/index.html" @@ -1 +1 @@ -标签: 算法 - yangccBlog

        yangccBlog
        9
        标签
        2
        分类
        13
        文章
         算法
        2023 1
        1
        © 2021 - 2024    chalmery

        共 13 篇文章 共 20.2k 字

        访问人数 总访问量
        由 Hexo 驱动 主题 Redefine v2.6.1
        博客已运行 天 小时 分钟 秒
        \ No newline at end of file +标签: 算法 - yangccBlog

        yangccBlog
        9
        标签
        2
        分类
        13
        文章
         算法
        2023 1
        1
        © 2021 - 2024    chalmery

        共 13 篇文章 共 20.1k 字

        访问人数 总访问量
        由 Hexo 驱动 主题 Redefine v2.6.1
        博客已运行 天 小时 分钟 秒
        \ No newline at end of file diff --git "a/tags/\350\247\204\345\210\231\345\274\225\346\223\216/index.html" "b/tags/\350\247\204\345\210\231\345\274\225\346\223\216/index.html" index 1b2a69d..6a4a208 100644 --- "a/tags/\350\247\204\345\210\231\345\274\225\346\223\216/index.html" +++ "b/tags/\350\247\204\345\210\231\345\274\225\346\223\216/index.html" @@ -1 +1 @@ -标签: 规则引擎 - yangccBlog

        yangccBlog
        9
        标签
        2
        分类
        13
        文章
         规则引擎
        2023 1
        1
        © 2021 - 2024    chalmery

        共 13 篇文章 共 20.2k 字

        访问人数 总访问量
        由 Hexo 驱动 主题 Redefine v2.6.1
        博客已运行 天 小时 分钟 秒
        \ No newline at end of file +标签: 规则引擎 - yangccBlog

        yangccBlog
        9
        标签
        2
        分类
        13
        文章
         规则引擎
        2023 1
        1
        © 2021 - 2024    chalmery

        共 13 篇文章 共 20.1k 字

        访问人数 总访问量
        由 Hexo 驱动 主题 Redefine v2.6.1
        博客已运行 天 小时 分钟 秒
        \ No newline at end of file diff --git "a/tags/\350\256\276\350\256\241\346\250\241\345\274\217/index.html" "b/tags/\350\256\276\350\256\241\346\250\241\345\274\217/index.html" index cea8a7d..a755c2c 100644 --- "a/tags/\350\256\276\350\256\241\346\250\241\345\274\217/index.html" +++ "b/tags/\350\256\276\350\256\241\346\250\241\345\274\217/index.html" @@ -1 +1 @@ -标签: 设计模式 - yangccBlog

        yangccBlog
        9
        标签
        2
        分类
        13
        文章
         设计模式
        2023 2
        1
        © 2021 - 2024    chalmery

        共 13 篇文章 共 20.2k 字

        访问人数 总访问量
        由 Hexo 驱动 主题 Redefine v2.6.1
        博客已运行 天 小时 分钟 秒
        \ No newline at end of file +标签: 设计模式 - yangccBlog

        yangccBlog
        9
        标签
        2
        分类
        13
        文章
         设计模式
        2023 2
        1
        © 2021 - 2024    chalmery

        共 13 篇文章 共 20.1k 字

        访问人数 总访问量
        由 Hexo 驱动 主题 Redefine v2.6.1
        博客已运行 天 小时 分钟 秒
        \ No newline at end of file