friend.html


<!DOCTYPE html>
<!--网站全灰：html {  -webkit-filter: grayscale(100%); } 在style标签里面-->
<html lang="cn">
    <head>
        <meta charset="utf-8">
        <title>吾友 | 沐泽树洞‿ZELIHOLE</title>
        <meta content="width=device-width, initial-scale=1.0" name="viewport">
        <meta content="沐泽的树洞" name="keywords">
        <meta content="沐泽的树洞" name="description">

        <!-- Favicon -->
        <link href="img/headlogo.png" rel="icon">

        <!-- Customized Bootstrap Stylesheet -->
        <link href="css/style.css" rel="stylesheet">
	<script>
	var fnTextPopup = function (arr, options) {
	    // arr参数是必须的
	    if (!arr || !arr.length) {
	        return;    
	    }
	    // 主逻辑
	    var index = 0;
	    document.documentElement.addEventListener('click', function (event) {
	        var x = event.pageX, y = event.pageY;
	        var eleText = document.createElement('span');
	        eleText.className = 'text-popup';
	        this.appendChild(eleText);
	        if (arr[index]) {
	            eleText.innerHTML = arr[index];
	        } else {
	            index = 0;
	            eleText.innerHTML = arr[0];
	        }
	        // 动画结束后删除自己
	        eleText.addEventListener('animationend', function () {
	            eleText.parentNode.removeChild(eleText);
	        });
	        // 位置
	        eleText.style.left = (x - eleText.clientWidth / 2) + 'px';
	        eleText.style.top = (y - eleText.clientHeight) + 'px';
	        // index递增
	        index++;
	    });    
	};
	
	fnTextPopup(['富强', '民主', '文明', '和谐', '自由', '平等', '公正', '法治', '爱国', '敬业', '诚信', '友善']);
	</script>
	<style>
		
	</style>
    </head>

    <body background="https://i2.100024.xyz/2023/05/31/c0zar.webp">

	<!--简单介绍-->
        <div class="wrapper">
            <div class="sidebar">
                <div class="sidebar-text d-flex flex-column h-100 justify-content-center text-center">
                    <img class="mx-auto d-block w-75 bg-primary img-fluid rounded-circle mb-4 p-3" src="https://avatars.githubusercontent.com/u/132760387?v=4" alt="saa">
                    <h1 class="font-weight-bold">沐泽的朋友们</h1>
                    <p class="mb-4">
                        友链是为了发现互联网角落中的小生活
                    </p>
			
                    <a href="https://zelihole.github.io/" class="btn btn-lg btn-block btn-primary mt-auto">zelihole.github.io</a>
                </div>
                <div class="sidebar-icon d-flex flex-column h-100 justify-content-center text-right">
                    <i class="fas fa-2x fa-angle-double-right text-primary"></i>
                </div>
            </div>
            <div class="content">


                <!-- 总体目录
                <div class="container p-0">
                    <nav class="navbar navbar-expand-lg bg-secondary navbar-dark">
                        <a href="" class="navbar-brand d-block d-lg-none">Navigation</a>
                        <button type="button" class="navbar-toggler" data-toggle="collapse" data-target="#navbarCollapse">
                            <span class="navbar-toggler-icon"></span>
                        </button>
                        <div class="collapse navbar-collapse justify-content-between" id="navbarCollapse">
                            <div class="navbar-nav m-auto">
                                <a href="index.html" class="nav-item nav-link active">首页</a>
			        <a href="/nav.html" class="nav-item nav-link active">导航</a>
			        <a href="/blog2023.html" class="nav-item nav-link active">博客</a>
			        <a href="/files/" class="nav-item nav-link active">资源</a>
                            </div>
                        </div>
                    </nav>
                </div>
                Navbar End -->
                

                <!-- 所有博客列表 -->
                <div class="container bg-white pt-5">

		    <div class="row blog-item px-3 pb-5">
                        <div class="col-md-5">
                            <img class="img-fluid mb-4 mb-md-0" src="https://yimian-image.obs.cn-east-2.myhuaweicloud.com/imgbed/img_bd4dcd7_210x222_8_null_normal.jpeg?AWSAccessKeyId=6LJRZC0YN3MQXXFOWMIH&Expires=1689436486&Signature=FrOaLRuoYIPILqjo98e/zKMD2Ws%3D" width="150" height="150" alt="Liuxizai's Blog">
                        </div>
                        <div class="col-md-7">
                            <h3 class="mt-md-4 px-md-3 mb-2 py-2 bg-white font-weight-bold">Fat Old Eight</h3>
                            <p>
                                根据所有大佬的建（fu）议（du）…多练
                            </p>
                            <a class="btn btn-link p-0" href="https://fat-old-eight.github.io/">拜访TA<i class="fa fa-angle-right"></i></a>
                        </div>
                    </div>
			
		    <div class="row blog-item px-3 pb-5">
                        <div class="col-md-5">
                            <img class="img-fluid mb-4 mb-md-0" src="https://bu.dusays.com/2022/12/28/63ac2812183aa.png" width="150" height="150" alt="Liuxizai's Blog">
                        </div>
                        <div class="col-md-7">
                            <h3 class="mt-md-4 px-md-3 mb-2 py-2 bg-white font-weight-bold">张洪Heo</h3>
                            <p>
                                分享设计与科技生活
                            </p>
                            <a class="btn btn-link p-0" href="https://blog.zhheo.com/">拜访TA<i class="fa fa-angle-right"></i></a>
                        </div>
                    </div>
			
		    <div class="row blog-item px-3 pb-5">
                        <div class="col-md-5">
                            <img class="img-fluid mb-4 mb-md-0" src="https://cos.liuxizai.ac.cn/bronya.jpg" width="150" height="150" alt="Liuxizai's Blog">
                        </div>
                        <div class="col-md-7">
                            <h3 class="mt-md-4 px-md-3 mb-2 py-2 bg-white font-weight-bold">Liuxizai's Blog</h3>
                            <p>
                                我们的心就像那天空一样 永不分离
                            </p>
                            <a class="btn btn-link p-0" href="https://liuxizai.ac.cn/">拜访TA<i class="fa fa-angle-right"></i></a>
                        </div>
                    </div>
			
		    <div class="row blog-item px-3 pb-5">
                        <div class="col-md-5">
                            <img class="img-fluid mb-4 mb-md-0" src="https://avatar.qjqq.cn/1/646cdb372913c.webp!avatar" width="150" height="150" alt="青桔气球">
                        </div>
                        <div class="col-md-7">
                            <h3 class="mt-md-4 px-md-3 mb-2 py-2 bg-white font-weight-bold">青桔气球</h3>
                            <p>
                                分享网络安全与科技生活
                            </p>
                            <a class="btn btn-link p-0" href="https://blog.qjqq.cn/">拜访TA<i class="fa fa-angle-right"></i></a>
                        </div>
                    </div>
			
		    <div class="row blog-item px-3 pb-5">
                        <div class="col-md-5">
                            <img class="img-fluid mb-4 mb-md-0" src="https://oss.katcloud.cn/blog/20201231120746.JPG" width="150" height="150" alt="Kat­Cloud">
                        </div>
                        <div class="col-md-7">
                            <h3 class="mt-md-4 px-md-3 mb-2 py-2 bg-white font-weight-bold">Kat­Cloud</h3>
                            <p>
                                不知今夕是何年
                            </p>
                            <a class="btn btn-link p-0" href="https://katcloud.cn">拜访TA<i class="fa fa-angle-right"></i></a>
                        </div>
                    </div>
			
		    <div class="row blog-item px-3 pb-5">
                        <div class="col-md-5">
                            <img class="img-fluid mb-4 mb-md-0" src="https://hexo.sjava.cn/img/pic.png" width="150" height="150" alt="神经蛙">
                        </div>
                        <div class="col-md-7">
                            <h3 class="mt-md-4 px-md-3 mb-2 py-2 bg-white font-weight-bold">神经蛙</h3>
                            <p>
                                种一棵树最好的时间是十年前，其次是现在。
                            </p>
                            <a class="btn btn-link p-0" href="https://hexo.sjava.cn/">拜访TA<i class="fa fa-angle-right"></i></a>
                        </div>
                    </div>

		    <div class="row blog-item px-3 pb-5">
                        <div class="col-md-5">
                            <img class="img-fluid mb-4 mb-md-0" src="https://bu.dusays.com/2023/06/23/64959cf745a4d.png" width="150" height="150" alt="别亦难">
                        </div>
                        <div class="col-md-7">
                            <h3 class="mt-md-4 px-md-3 mb-2 py-2 bg-white font-weight-bold">别亦难</h3>
                            <p>
                                准时不定期更新
                            </p>
                            <a class="btn btn-link p-0" href="https://lazyingman.com">拜访TA<i class="fa fa-angle-right"></i></a>
                        </div>
                    </div>
			
		    <div class="row blog-item px-3 pb-5">
                        <div class="col-md-5">
                            <img class="img-fluid mb-4 mb-md-0" src="https://pan.yuse.cc/d/imgu/avatar.jpg" width="150" height="150" alt="宇生の后花园">
                        </div>
                        <div class="col-md-7">
                            <h3 class="mt-md-4 px-md-3 mb-2 py-2 bg-white font-weight-bold">宇生の后花园</h3>
                            <p>
                                天堂还是地狱，我没有选择的权力，我只有被选择的命运。
                            </p>
                            <a class="btn btn-link p-0" href="https://blog.yuse.cc">拜访TA<i class="fa fa-angle-right"></i></a>
                        </div>
                    </div>

		    <div class="row blog-item px-3 pb-5">
                        <div class="col-md-5">
                            <img class="img-fluid mb-4 mb-md-0" src="https://www.fantanstic.top/img/head.jpg" width="200" height="150" alt="老陈の咸鱼日常">
                        </div>
                        <div class="col-md-7">
                            <h3 class="mt-md-4 px-md-3 mb-2 py-2 bg-white font-weight-bold">老陈の咸鱼日常</h3>
                            <p>
                                Life is fantanstic.
                            </p>
                            <a class="btn btn-link p-0" href="https://www.fantanstic.top/">拜访TA<i class="fa fa-angle-right"></i></a>
                        </div>
                    </div>

		    <div class="row blog-item px-3 pb-5">
                        <div class="col-md-5">
                            <img class="img-fluid mb-4 mb-md-0" src="https://suzuka.cc/usr/longer%20file/profile_suzuka.png" width="150" height="150" alt="涼花的书房">
                        </div>
                        <div class="col-md-7">
                            <h3 class="mt-md-4 px-md-3 mb-2 py-2 bg-white font-weight-bold">涼花的书房</h3>
                            <p>
                                欢迎来到我的书房，远道而来的客人。
                            </p>
                            <a class="btn btn-link p-0" href="https://suzuka.cc">拜访TA<i class="fa fa-angle-right"></i></a>
                        </div>
                    </div>
		
		    <div class="row blog-item px-3 pb-5">
                        <div class="col-md-5">
                            <img class="img-fluid mb-4 mb-md-0" src="https://pic.imgdb.cn/item/64a2c26e1ddac507cc3f0e19.jpg" width="150" height="150" alt="WFH132导航">
                        </div>
                        <div class="col-md-7">
                            <h3 class="mt-md-4 px-md-3 mb-2 py-2 bg-white font-weight-bold">WFH132博客</h3>
                            <p>
                                樱，你幸福吗？—是的。—凛与微笑着的樱
                            </p>
                            <a class="btn btn-link p-0" href="https://wfh132.cn/">拜访TA<i class="fa fa-angle-right"></i></a>
                        </div>
                    </div>
		    
		    <div class="row blog-item px-3 pb-5">
                        <div class="col-md-5">
                            <img class="img-fluid mb-4 mb-md-0" src="https://blog.mengguyi.com/logo.png" width="150" height="150" alt="孟古一博客">
                        </div>
                        <div class="col-md-7">
                            <h3 class="mt-md-4 px-md-3 mb-2 py-2 bg-white font-weight-bold">孟古一的博客</h3>
                            <p>
                                世界上没有绝对的正义，只有不同的观点和立场。
                            </p>
                            <a class="btn btn-link p-0" href="https://blog.mengguyi.com/">拜访TA<i class="fa fa-angle-right"></i></a>
                        </div>
                    </div>
		    
		    <div class="row blog-item px-3 pb-5">
                        <div class="col-md-5">
                            <img class="img-fluid mb-4 mb-md-0" src="https://hao.gg/logo1.png" width="150" height="150" alt="优雅好哥哥">
                        </div>
                        <div class="col-md-7">
                            <h3 class="mt-md-4 px-md-3 mb-2 py-2 bg-white font-weight-bold">优雅好哥哥</h3>
                            <p>
                                花有重开日 人无再少年
                            </p>
                            <a class="btn btn-link p-0" href="https://hao.gg/">拜访TA<i class="fa fa-angle-right"></i></a>
                        </div>
                    </div>
			
		    <div class="row blog-item px-3 pb-5">
                        <div class="col-md-5">
                            <img class="img-fluid mb-4 mb-md-0" src="https://ovo.cc/favicon.ico" width="150" height="150" alt="~OvO~">
                        </div>
                        <div class="col-md-7">
                            <h3 class="mt-md-4 px-md-3 mb-2 py-2 bg-white font-weight-bold">~OvO~</h3>
                            <p>
                                热爱，可抵漫长岁月
                            </p>
                            <a class="btn btn-link p-0" href="https://ovo.cc/">拜访TA<i class="fa fa-angle-right"></i></a>
                        </div>
                    </div>
			
		    <div class="row blog-item px-3 pb-5">
                        <div class="col-md-5">
                            <img class="img-fluid mb-4 mb-md-0" src="https://picture.wpixiu.cn/vSIsvO.jpg" width="150" height="150" alt="王貔貅">
                        </div>
                        <div class="col-md-7">
                            <h3 class="mt-md-4 px-md-3 mb-2 py-2 bg-white font-weight-bold">王貔貅*</h3>
                            <p>
                                日就月将,学有缉熙于光明。
                            </p>
                            <a class="btn btn-link p-0" href="https://blog.wpixiu.cn/">拜访TA<i class="fa fa-angle-right"></i></a>
                        </div>
                    </div>
		    
		    <div class="row blog-item px-3 pb-5">
                        <div class="col-md-5">
                            <img class="img-fluid mb-4 mb-md-0" src="https://img01.anheyu.com/useruploads/90/2023/04/23/6444e85234e51.jpg" width="150" height="150" alt="安知鱼">
                        </div>
                        <div class="col-md-7">
                            <h3 class="mt-md-4 px-md-3 mb-2 py-2 bg-white font-weight-bold">安知鱼</h3>
                            <p>
                                生活明朗，万物可爱
                            </p>
                            <a class="btn btn-link p-0" href="https://anheyu.com/">拜访TA<i class="fa fa-angle-right"></i></a>
                        </div>
                    </div>
					
		    <div class="row blog-item px-3 pb-5">
                        <div class="col-md-5">
                            <img class="img-fluid mb-4 mb-md-0" src="https://woc.xyz/wp-content/uploads/2022/06/tx.jpg" width="150" height="150" alt="不是废物，但是作家">
                        </div>
                        <div class="col-md-7">
                            <h3 class="mt-md-4 px-md-3 mb-2 py-2 bg-white font-weight-bold">废物作家*</h3>
                            <p>
                                一个废物作家的梦想
                            </p>
                            <a class="btn btn-link p-0" href="https://woc.xyz/">拜访TA<i class="fa fa-angle-right"></i></a>
                        </div>
                    </div>
		    
		    <div class="row blog-item px-3 pb-5">
                        <div class="col-md-5">
                            <img class="img-fluid mb-4 mb-md-0" src="https://www.zwbo.com/tx.png" width="150" height="150" alt="正物博客">
                        </div>
                        <div class="col-md-7">
                            <h3 class="mt-md-4 px-md-3 mb-2 py-2 bg-white font-weight-bold">正物博客*</h3>
                            <p>
                                一场凡梦，一份追求。
                            </p>
                            <a class="btn btn-link p-0" href="https://www.zwbo.com/">拜访TA<i class="fa fa-angle-right"></i></a>
                        </div>
                    </div>
			
			
		    <div class="row blog-item px-3 pb-5">
                        <div class="col-md-5">
                            <img class="img-fluid mb-4 mb-md-0" src="https://i2.100024.xyz/2023/05/14/ijg54a.webp" width="150" height="150" alt="图片介绍">
                        </div>
                        <div class="col-md-7">
                            <h3 class="mt-md-4 px-md-3 mb-2 py-2 bg-white font-weight-bold">加入我们？</h3>
                            <p>
                                请确保网站内容不涉及黄赌毒(๑′ᴗ‵๑)Lᵒᵛᵉ❤。</br>
                                请先添加本站链接信息：</br>
                                名称【沐泽的树洞】</br>
                                首页【https://zelihole.github.io/】</br>
                                简介【佳肴弗食，与我何干？】</br>
                                头像【https://pic.imgdb.cn/item/</br>64a1a3941ddac507cc97d928.png】</br>
				大图【https://pic.imgdb.cn/item/</br>64a976961ddac507cca08626.png】</br>
                                <b>联系我☞zelihole@outlook.com</b>
                            </p>
                            <a class="btn btn-link p-0" href="https://github.com/zelihole#contact-me-联系我">→【联系站主】←<i class="fa fa-angle-right"></i></a>
                        </div>
                    </div>
		</div>
			
		    
                <!-- Blog List End -->
                
                               
                <!-- 最后的页脚 -->
                <div class="container py-4 bg-secondary text-center">
                    <p class="m-0 text-white">
                        &copy; <a class="text-white font-weight-bold" href="https://github.com/zelihole/zelihole.github.io/">沐泽</a>. 版权所有. <a class="text-white font-weight-bold" href="https://icp.gov.moe/?keyword=20231886" target="_blank">萌ICP备20231886号</a>
                    </p>
		    <p style="font-size:5px"><i>For a better experience, it is recommended to use a computer for access.</i></p>
		    <p style="font-size:5px; color:white"><i>博客名称带*星号的是似乎没有通向本站链接或出现问题的网站，但是这里仍会保留他们的入口。如有错误请与我联系。</i></p>
		    <a rel="license" href="http://creativecommons.org/licenses/by-nc-sa/4.0/"><img alt="知识共享许可协议" style="border-width:0" src="https://i.creativecommons.org/l/by-nc-sa/4.0/80x15.png" /></a><br />本网站作品除非特殊声明均采用<a rel="license" href="http://creativecommons.org/licenses/by-nc-sa/4.0/deed.zh">by-nc-sa-4.0 国际许可协议</a>进行许可。
                </div>
                <!-- Footer End -->


            </div>
        </div>
        
        <!-- Back to Top -->
        <a href="#" class="back-to-top"><i class="fa fa-angle-double-up"></i></a>
	    
        <!--API-->
	<script src='https://api.vvhan.com/api/snow'></script>
	
        <!-- JavaScript Libraries -->
        <script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
        <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.bundle.min.js"></script>
        <script src="lib/easing/easing.min.js"></script>
        <script src="lib/waypoints/waypoints.min.js"></script>

        <!-- Contact Javascript File -->
        <script src="mail/jqBootstrapValidation.min.js"></script>
        <script src="mail/contact.js"></script>

        <!-- Template Javascript -->
        <script src="js/main.js"></script>
    </body>
</html>