1.图像放大测试

1.1绝对路径

默认路径是从static开始，在static/img中新建md同名文件夹存储图片

写法：![绝对路径] (/img/test_tech/1.jpg) 去掉“]”和“(”的空格即可，这里怕被页面识别 绝对路径

1.2相对路径

在当前博客目录下建立与md同名的文件夹保存图片 直接输入图片名称即可 写法：![相对路径] (1.jpg) 去掉“]”和“(”的空格即可，这里怕被页面识别 相对路径

1.3网络路径

直接输入图片的网络链接再根据markdown语法即可实现

![网络路径] ( https://cdn.jsdelivr.net/gh/TShiKun/Picture@main/MyBlog/posts/tech/202408290112673.jpg )

2.博客内联测试

防止被识别而在 “{” 和 “{” 、“}” 和 “}” 之间加了空格

{ { < innerlink src="posts/life/test_life.md" >} }
test_life
日期: 2024-07-28   标签: #test 
电影经典台词 1.以前我认为那句话很重要，因为我觉得有些话说出来就是一生一世，现在想一想，说不说也没有什么分别，有些事会变的。 我一直以为是我自己赢了，直到有一天看着镜子，才知道自己输了，在我最好的时候，我最喜欢的人都不在我身边。如果能重新开始那该多好。——《东邪西毒》 2.有些鸟儿是 ......

3.代码高亮测试

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>节流</title>
    <style>
        p{
            width: 400px;
            height: 400px;
        }
    </style>
</head>
<body>
    <p>p标签1</p>
    <p>p标签2</p>
    <p>p标签3</p>
    <p>p标签4</p>
    <p>p标签5</p>
  
    <script>
        // 1.设置滚动监听
        // 缺点：滚动频率太高了，需要优化
        // window.onscroll = scrollHandle
        // function scrollHandle(){
        //     var scrollTop = document.documentElement.scrollTop
        //     console.log("页面滚动了"+scrollTop);
        // }

        // 2.解决方案:节流设计一个定时器(短时间内同时大量触发同一函数，按频率执行一次)
        // 适用于搜索框input事件
        function throttle(fn,delay){
            //初始化默认不执行 33-37
            var valid = true;
            return function(){
                if (!valid){
                    return false
                }
            //按照频率执行
                valid = false;
                setTimeout(function(){
                    fn();
                    valid = true;
                },delay);
            }
        }
        // 按照频率2s内只要动了,都会打印
        window.onscroll = throttle(scrollHandle,2000)
        function scrollHandle(){
            var scrollTop = document.documentElement.scrollTop
            console.log("页面滚动了"+scrollTop);
        }
    </script>
</body>
</html>