607 lines
35 KiB
PHP
607 lines
35 KiB
PHP
<?php
|
||
/**
|
||
* 友情链接
|
||
*
|
||
* @package custom
|
||
* @author allms
|
||
* @version 1.0
|
||
*/
|
||
|
||
if (!defined('__TYPECHO_ROOT_DIR__')) exit;
|
||
$this->need('base/header.php');
|
||
?>
|
||
<head>
|
||
<style>.friends-container {
|
||
margin-top: -100px;
|
||
margin-bottom: 30px
|
||
}
|
||
|
||
.frind-ship img {
|
||
border-radius: 50%
|
||
}
|
||
|
||
.frind-ship .title img {
|
||
object-fit: contain;
|
||
transition: all 1s
|
||
}
|
||
|
||
.friend-div:hover .title img {
|
||
transform: rotate(360deg);
|
||
-ms-transform: rotate(360deg);
|
||
-moz-transform: rotate(360deg);
|
||
-webkit-transform: rotate(360deg);
|
||
-o-transform: rotate(360deg)
|
||
}
|
||
|
||
.frind-ship {
|
||
padding: 10px 20px
|
||
}
|
||
|
||
.frind-ship .title {
|
||
display: flex;
|
||
align-items: center
|
||
}
|
||
|
||
.frind-ship .title div {
|
||
color: #fff;
|
||
padding-left: 10px
|
||
}
|
||
|
||
.frind-ship .title img {
|
||
width: 100px;
|
||
height: 100px;
|
||
flex-shrink: 0
|
||
}
|
||
|
||
.frind-ship .title h1 {
|
||
line-height: .8rem;
|
||
padding-bottom: 16px;
|
||
border-bottom: 2px solid #fff
|
||
}
|
||
|
||
.friend-button {
|
||
display: flex;
|
||
justify-content: center;
|
||
margin-bottom: -27px
|
||
}
|
||
|
||
.friend-button a {
|
||
border-radius: 40px
|
||
}
|
||
|
||
.friend-all .tag-post {
|
||
margin-bottom: 30px
|
||
}
|
||
|
||
.button-caution {
|
||
background-color: #ff4351;
|
||
border-color: #ff4351;
|
||
color: #fff
|
||
}
|
||
|
||
.button {
|
||
font-weight: 300;
|
||
font-size: 16px;
|
||
font-family: "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
|
||
text-decoration: none;
|
||
text-align: center;
|
||
line-height: 40px;
|
||
height: 40px;
|
||
padding: 0 40px;
|
||
margin: 0;
|
||
display: inline-block;
|
||
appearance: none;
|
||
cursor: pointer;
|
||
border: none;
|
||
-webkit-box-sizing: border-box;
|
||
-moz-box-sizing: border-box;
|
||
box-sizing: border-box;
|
||
-webkit-transition-property: all;
|
||
transition-property: all;
|
||
-webkit-transition-duration: .3s;
|
||
transition-duration: .3s
|
||
}
|
||
|
||
.title {
|
||
margin-bottom: 0 !important
|
||
}
|
||
|
||
.card {
|
||
margin: 3rem 0 1rem 0 !important
|
||
}
|
||
|
||
.button-glow.button-caution {
|
||
-webkit-animation-name: glowing-caution;
|
||
animation-name: glowing-caution
|
||
}
|
||
|
||
@-webkit-keyframes glowing-caution {
|
||
from {
|
||
-webkit-box-shadow: 0 0 0 rgba(255, 67, 81, .3);
|
||
box-shadow: 0 0 0 rgba(255, 67, 81, .3)
|
||
}
|
||
50% {
|
||
-webkit-box-shadow: 0 0 20px rgba(255, 67, 81, .8);
|
||
box-shadow: 0 0 20px rgba(255, 67, 81, .8)
|
||
}
|
||
to {
|
||
-webkit-box-shadow: 0 0 0 rgba(255, 67, 81, .3);
|
||
box-shadow: 0 0 0 rgba(255, 67, 81, .3)
|
||
}
|
||
}
|
||
|
||
@keyframes glowing-caution {
|
||
from {
|
||
-webkit-box-shadow: 0 0 0 rgba(255, 67, 81, .3);
|
||
box-shadow: 0 0 0 rgba(255, 67, 81, .3)
|
||
}
|
||
50% {
|
||
-webkit-box-shadow: 0 0 20px rgba(255, 67, 81, .8);
|
||
box-shadow: 0 0 20px rgba(255, 67, 81, .8)
|
||
}
|
||
to {
|
||
-webkit-box-shadow: 0 0 0 rgba(255, 67, 81, .3);
|
||
box-shadow: 0 0 0 rgba(255, 67, 81, .3)
|
||
}
|
||
}
|
||
|
||
.button-caution:hover {
|
||
background-color: #ff7680;
|
||
border-color: #ff7680;
|
||
color: #fff;
|
||
text-decoration: none
|
||
}
|
||
|
||
.frind-card1 {
|
||
background-image: linear-gradient(to right, #4facfe 0, #00f2fe 100%)
|
||
}
|
||
|
||
.frind-card2 {
|
||
background-image: linear-gradient(135deg, #667eea 0, #764ba2 100%)
|
||
}
|
||
|
||
.frind-card3 {
|
||
background-image: linear-gradient(to right, #b8cbb8 0, #b8cbb8 0, #b465da 0, #cf6cc9 33%, #ee609c 66%, #ee609c 100%)
|
||
}
|
||
|
||
.frind-card4 {
|
||
background-image: linear-gradient(to right, #6a11cb 0, #2575fc 100%)
|
||
}
|
||
|
||
.frind-card5 {
|
||
background-image: linear-gradient(to top, #c471f5 0, #fa71cd 100%)
|
||
}
|
||
|
||
.frind-card6 {
|
||
background-image: linear-gradient(to top, #48c6ef 0, #6f86d6 100%)
|
||
}
|
||
|
||
.frind-card7 {
|
||
background-image: linear-gradient(to top, #0ba360 0, #3cba92 100%)
|
||
}
|
||
|
||
.frind-card8 {
|
||
background-image: linear-gradient(to top, #0c3483 0, #a2b6df 100%, #6b8cce 100%, #a2b6df 100%)
|
||
}
|
||
|
||
.frind-card9 {
|
||
background-image: linear-gradient(to right, #ff758c 0, #ff7eb3 100%)
|
||
}
|
||
|
||
.frind-card10 {
|
||
background-image: linear-gradient(to top, #f77062 0, #fe5196 100%)
|
||
}
|
||
|
||
.friend-introduction {
|
||
min-height: 3rem
|
||
}
|
||
|
||
article .card {
|
||
overflow: visible !important
|
||
}</style>
|
||
</head>
|
||
<main class="content" style="min-height: 0px;">
|
||
<div class="container friends-container">
|
||
<article id="friends-link" style="position: relative; height: 2024px;">
|
||
<div class="row tags-posts friend-all">
|
||
<div class="col s12 m6 l4 friend-div aos-init aos-animate" data-aos="zoom-in-up"
|
||
style="position: absolute; left: 0px; top: 0px;">
|
||
<div class="card frind-card1">
|
||
<div class="frind-ship">
|
||
<div class="title"><img
|
||
src="https://cdn.jsdelivr.net/gh/mobaijun/blog_css_js/image/avatar.jpg"
|
||
alt="img">
|
||
<div><h1 class="friend-name">学习资料</h1>
|
||
<p class="friend-introduction">涵盖后端,前端等学习资料</p></div>
|
||
</div>
|
||
<div class="friend-button"><a
|
||
href="/go.html?u=aHR0cHM6Ly9tb2JhaWp1bi5naXRlZS5pby9tb2JhaV9pbWFnZXMuZ2l0ZWUuaW8vemlsaWFveGlhemFpLmh0bWw="
|
||
target="_blank" class="button button-glow button-rounded button-caution"
|
||
rel="external nofollow noopener noreferrer">我要学习</a></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col s12 m6 l4 friend-div aos-init aos-animate" data-aos="zoom-in-up"
|
||
style="position: absolute; left: 375px; top: 0px;">
|
||
<div class="card frind-card2">
|
||
<div class="frind-ship">
|
||
<div class="title"><img src="https://gitee.com/eesdh/eesdh/raw/master/img/tx.png"
|
||
alt="img">
|
||
<div><h1 class="friend-name">伊舍导航</h1>
|
||
<p class="friend-introduction">伊舍导航，做一个有用的导航。</p></div>
|
||
</div>
|
||
<div class="friend-button"><a href="/go.html?u=aHR0cHM6Ly9lZXNkaC5jb20v" target="_blank"
|
||
class="button button-glow button-rounded button-caution"
|
||
rel="external nofollow noopener noreferrer">访问主页</a></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col s12 m6 l4 friend-div aos-init aos-animate" data-aos="zoom-in-up"
|
||
style="position: absolute; left: 750px; top: 0px;">
|
||
<div class="card frind-card3">
|
||
<div class="frind-ship">
|
||
<div class="title"><img
|
||
src="https://mobaijun.gitee.io/mobai_images.gitee.io/img/zatu/7.jpg"
|
||
alt="img">
|
||
<div><h1 class="friend-name">Jerry Huang</h1>
|
||
<p class="friend-introduction">何以解忧 唯有暴富</p></div>
|
||
</div>
|
||
<div class="friend-button"><a
|
||
href="/go.html?u=aHR0cDovL2h1ZGlza29yYXkuaWljcC5uZXQ6NDAwMC8="
|
||
target="_blank" class="button button-glow button-rounded button-caution"
|
||
rel="external nofollow noopener noreferrer">访问主页</a></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col s12 m6 l4 friend-div aos-init" data-aos="zoom-in-up"
|
||
style="position: absolute; left: 0px; top: 253px;">
|
||
<div class="card frind-card4">
|
||
<div class="frind-ship">
|
||
<div class="title"><img
|
||
src="https://mobaijun.gitee.io/mobai_images.gitee.io/img/zatu/9.jpg"
|
||
alt="img">
|
||
<div><h1 class="friend-name">Xu’s Blog</h1>
|
||
<p class="friend-introduction">博观而约取，厚积而薄发！~</p></div>
|
||
</div>
|
||
<div class="friend-button"><a href="/go.html?u=aHR0cHM6Ly9oYXNhaWsuY29t" target="_blank"
|
||
class="button button-glow button-rounded button-caution"
|
||
rel="external nofollow noopener noreferrer">访问主页</a></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col s12 m6 l4 friend-div aos-init" data-aos="zoom-in-up"
|
||
style="position: absolute; left: 375px; top: 253px;">
|
||
<div class="card frind-card5">
|
||
<div class="frind-ship">
|
||
<div class="title"><img
|
||
src="https://mobaijun.gitee.io/mobai_images.gitee.io/img/zatu/3.jpg"
|
||
alt="img">
|
||
<div><h1 class="friend-name">Sitoi</h1>
|
||
<p class="friend-introduction">活到老，学到老</p></div>
|
||
</div>
|
||
<div class="friend-button"><a href="/go.html?u=aHR0cHM6Ly9zaXRvaS5jbi8=" target="_blank"
|
||
class="button button-glow button-rounded button-caution"
|
||
rel="external nofollow noopener noreferrer">访问主页</a></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col s12 m6 l4 friend-div aos-init" data-aos="zoom-in-up"
|
||
style="position: absolute; left: 750px; top: 253px;">
|
||
<div class="card frind-card6">
|
||
<div class="frind-ship">
|
||
<div class="title"><img
|
||
src="https://cdn.jsdelivr.net/gh/small-rose/small-rose.github.io@master/medias/avatar.jpg"
|
||
alt="img">
|
||
<div><h1 class="friend-name">Small-Rose</h1>
|
||
<p class="friend-introduction">JAVA WEB | 道虽迩，不行不至；事虽小，不为不成。</p></div>
|
||
</div>
|
||
<div class="friend-button"><a href="/go.html?u=aHR0cHM6Ly96aGFuZ3hpYW9jYWkuY24="
|
||
target="_blank"
|
||
class="button button-glow button-rounded button-caution"
|
||
rel="external nofollow noopener noreferrer">访问主页</a></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col s12 m6 l4 friend-div aos-init" data-aos="zoom-in-up"
|
||
style="position: absolute; left: 0px; top: 506px;">
|
||
<div class="card frind-card7">
|
||
<div class="frind-ship">
|
||
<div class="title"><img
|
||
src="https://gitee.com/mobaijun/image/raw/master/20201210140758.jpg"
|
||
alt="img">
|
||
<div><h1 class="friend-name">静待花开</h1>
|
||
<p class="friend-introduction">Java，后端开发大佬！</p></div>
|
||
</div>
|
||
<div class="friend-button"><a href="/go.html?u=aHR0cHM6Ly93d3cueWFuemhhb2NoYW5nLnRvcA=="
|
||
target="_blank"
|
||
class="button button-glow button-rounded button-caution"
|
||
rel="external nofollow noopener noreferrer">访问主页</a></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col s12 m6 l4 friend-div aos-init" data-aos="zoom-in-up"
|
||
style="position: absolute; left: 375px; top: 506px;">
|
||
<div class="card frind-card8">
|
||
<div class="frind-ship">
|
||
<div class="title"><img
|
||
src="https://cdn.jsdelivr.net/gh/jitwxs/cdn/blog/configuration/avatar.jpg"
|
||
alt="img">
|
||
<div><h1 class="friend-name">Jitwxs</h1>
|
||
<p class="friend-introduction">Java 后端开发大佬</p></div>
|
||
</div>
|
||
<div class="friend-button"><a href="/go.html?u=aHR0cHM6Ly93d3cuaml0d3hzLmNuLw=="
|
||
target="_blank"
|
||
class="button button-glow button-rounded button-caution"
|
||
rel="external nofollow noopener noreferrer">访问主页</a></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col s12 m6 l4 friend-div aos-init" data-aos="zoom-in-up"
|
||
style="position: absolute; left: 750px; top: 506px;">
|
||
<div class="card frind-card9">
|
||
<div class="frind-ship">
|
||
<div class="title"><img src="https://www.perry.ren/avatar.png" alt="img">
|
||
<div><h1 class="friend-name">Perry</h1>
|
||
<p class="friend-introduction">两千个秘密没人知道</p></div>
|
||
</div>
|
||
<div class="friend-button"><a href="/go.html?u=aHR0cHM6Ly93d3cucGVycnkucmVu"
|
||
target="_blank"
|
||
class="button button-glow button-rounded button-caution"
|
||
rel="external nofollow noopener noreferrer">访问主页</a></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col s12 m6 l4 friend-div aos-init" data-aos="zoom-in-up"
|
||
style="position: absolute; left: 0px; top: 759px;">
|
||
<div class="card frind-card10">
|
||
<div class="frind-ship">
|
||
<div class="title"><img src="https://hesifan.top/medias/avatar.jpg" alt="img">
|
||
<div><h1 class="friend-name">凡尘纪</h1>
|
||
<p class="friend-introduction">念念不忘 必有回响</p></div>
|
||
</div>
|
||
<div class="friend-button"><a href="/go.html?u=aHR0cHM6Ly9oZXNpZmFuLnRvcC8="
|
||
target="_blank"
|
||
class="button button-glow button-rounded button-caution"
|
||
rel="external nofollow noopener noreferrer">访问主页</a></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col s12 m6 l4 friend-div aos-init" data-aos="zoom-in-up"
|
||
style="position: absolute; left: 375px; top: 759px;">
|
||
<div class="card frind-card1">
|
||
<div class="frind-ship">
|
||
<div class="title"><img src="https://lyp123.com/favicon.ico" alt="img">
|
||
<div><h1 class="friend-name">小明难亡</h1>
|
||
<p class="friend-introduction">小明难亡的博客 | 做自己</p></div>
|
||
</div>
|
||
<div class="friend-button"><a href="/go.html?u=aHR0cHM6Ly9seXAxMjMuY29t" target="_blank"
|
||
class="button button-glow button-rounded button-caution"
|
||
rel="external nofollow noopener noreferrer">访问主页</a></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col s12 m6 l4 friend-div aos-init" data-aos="zoom-in-up"
|
||
style="position: absolute; left: 750px; top: 759px;">
|
||
<div class="card frind-card2">
|
||
<div class="frind-ship">
|
||
<div class="title"><img src="https://tmr.js.org/images/logo.png" alt="img">
|
||
<div><h1 class="friend-name">明天的乌云</h1>
|
||
<p class="friend-introduction">透明人博客</p></div>
|
||
</div>
|
||
<div class="friend-button"><a href="/go.html?u=aHR0cHM6Ly90bXIuanMub3Jn" target="_blank"
|
||
class="button button-glow button-rounded button-caution"
|
||
rel="external nofollow noopener noreferrer">访问主页</a></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col s12 m6 l4 friend-div aos-init" data-aos="zoom-in-up"
|
||
style="position: absolute; left: 0px; top: 1012px;">
|
||
<div class="card frind-card3">
|
||
<div class="frind-ship">
|
||
<div class="title"><img
|
||
src="https://gravatar.loli.net/avatar/45ca137701929e92174dcc44f6bb02e0?s=256&d=robohash"
|
||
alt="img">
|
||
<div><h1 class="friend-name">掘墓人小铲子</h1>
|
||
<p class="friend-introduction">记录生活，分享技术</p></div>
|
||
</div>
|
||
<div class="friend-button"><a href="/go.html?u=aHR0cHM6Ly9qdWVtdXJlbjQ0NDkuY29tLw=="
|
||
target="_blank"
|
||
class="button button-glow button-rounded button-caution"
|
||
rel="external nofollow noopener noreferrer">访问主页</a></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col s12 m6 l4 friend-div aos-init" data-aos="zoom-in-up"
|
||
style="position: absolute; left: 375px; top: 1012px;">
|
||
<div class="card frind-card4">
|
||
<div class="frind-ship">
|
||
<div class="title"><img src="https://www.seghart.com/favicon.ico" alt="img">
|
||
<div><h1 class="friend-name">天空之城</h1>
|
||
<p class="friend-introduction">迷倒我的不是彩虹，而是在我面前，看彩虹的人</p></div>
|
||
</div>
|
||
<div class="friend-button"><a href="/go.html?u=aHR0cHM6Ly93d3cuc2VnaGFydC5jb20="
|
||
target="_blank"
|
||
class="button button-glow button-rounded button-caution"
|
||
rel="external nofollow noopener noreferrer">访问主页</a></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col s12 m6 l4 friend-div aos-init" data-aos="zoom-in-up"
|
||
style="position: absolute; left: 750px; top: 1012px;">
|
||
<div class="card frind-card5">
|
||
<div class="frind-ship">
|
||
<div class="title"><img src="https://cdn.jsdelivr.net/gh/coder-lida/CDN/img/logoImg.png"
|
||
alt="img">
|
||
<div><h1 class="friend-name">LeePandar</h1>
|
||
<p class="friend-introduction">Don’t be one of the leches Practice make
|
||
perfect</p></div>
|
||
</div>
|
||
<div class="friend-button"><a href="/go.html?u=aHR0cHM6Ly9saWtleW91LmNvb2w="
|
||
target="_blank"
|
||
class="button button-glow button-rounded button-caution"
|
||
rel="external nofollow noopener noreferrer">访问主页</a></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col s12 m6 l4 friend-div aos-init" data-aos="zoom-in-up"
|
||
style="position: absolute; left: 0px; top: 1265px;">
|
||
<div class="card frind-card6">
|
||
<div class="frind-ship">
|
||
<div class="title"><img
|
||
src="https://gravatar.loli.net/avatar/501db21843ff7e879f1b361ed71ccdf1?d=mp&v=1.4.14"
|
||
alt="img">
|
||
<div><h1 class="friend-name">Krryblog</h1>
|
||
<p class="friend-introduction">你的美好，我都记得</p></div>
|
||
</div>
|
||
<div class="friend-button"><a href="/go.html?u=aHR0cHM6Ly9haW55aS5jb20=" target="_blank"
|
||
class="button button-glow button-rounded button-caution"
|
||
rel="external nofollow noopener noreferrer">访问主页</a></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col s12 m6 l4 friend-div aos-init" data-aos="zoom-in-up"
|
||
style="position: absolute; left: 375px; top: 1265px;">
|
||
<div class="card frind-card7">
|
||
<div class="frind-ship">
|
||
<div class="title"><img src="https://public.cdn.nesxc.com/avatar.jpg" alt="img">
|
||
<div><h1 class="friend-name">小N同学</h1>
|
||
<p class="friend-introduction">青石落晚巷 故人未还乡</p></div>
|
||
</div>
|
||
<div class="friend-button"><a href="/go.html?u=aHR0cHM6Ly93d3cubmVzeGMuY29t"
|
||
target="_blank"
|
||
class="button button-glow button-rounded button-caution"
|
||
rel="external nofollow noopener noreferrer">访问主页</a></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col s12 m6 l4 friend-div aos-init" data-aos="zoom-in-up"
|
||
style="position: absolute; left: 750px; top: 1265px;">
|
||
<div class="card frind-card8">
|
||
<div class="frind-ship">
|
||
<div class="title"><img src="https://cdn.jsdelivr.net/gh/betsyx/vlibrary/xbetsy.jpg"
|
||
alt="img">
|
||
<div><h1 class="friend-name">今今今生</h1>
|
||
<p class="friend-introduction">医不自医，人不渡己</p></div>
|
||
</div>
|
||
<div class="friend-button"><a href="/go.html?u=aHR0cHM6Ly9ub2hlYXJ0LmNu" target="_blank"
|
||
class="button button-glow button-rounded button-caution"
|
||
rel="external nofollow noopener noreferrer">访问主页</a></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col s12 m6 l4 friend-div aos-init" data-aos="zoom-in-up"
|
||
style="position: absolute; left: 0px; top: 1518px;">
|
||
<div class="card frind-card9">
|
||
<div class="frind-ship">
|
||
<div class="title"><img
|
||
src="https://cdn.jsdelivr.net/gh/mobaijun/blog_css_js/image/friends/fyyys.jpg"
|
||
alt="img">
|
||
<div><h1 class="friend-name">风也雨忆笙</h1>
|
||
<p class="friend-introduction">编程与学习，自律与生活</p></div>
|
||
</div>
|
||
<div class="friend-button"><a href="/go.html?u=aHR0cHM6Ly9ibG9nLmtheWdiLmNvbQ=="
|
||
target="_blank"
|
||
class="button button-glow button-rounded button-caution"
|
||
rel="external nofollow noopener noreferrer">访问主页</a></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col s12 m6 l4 friend-div aos-init" data-aos="zoom-in-up"
|
||
style="position: absolute; left: 375px; top: 1518px;">
|
||
<div class="card frind-card10">
|
||
<div class="frind-ship">
|
||
<div class="title"><img
|
||
src="https://cdn.jsdelivr.net/gh/fenghen0918/fenghen0918.github.io/medias/logo.png"
|
||
alt="img">
|
||
<div><h1 class="friend-name">小苏の万事屋</h1>
|
||
<p class="friend-introduction">一个不是只会写业务代码的后端攻城狮！</p></div>
|
||
</div>
|
||
<div class="friend-button"><a href="/go.html?u=aHR0cHM6Ly9zdWxvZy50b3A=" target="_blank"
|
||
class="button button-glow button-rounded button-caution"
|
||
rel="external nofollow noopener noreferrer">访问主页</a></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col s12 m6 l4 friend-div aos-init" data-aos="zoom-in-up"
|
||
style="position: absolute; left: 750px; top: 1518px;">
|
||
<div class="card frind-card1">
|
||
<div class="frind-ship">
|
||
<div class="title"><img
|
||
src="https://cdn.jsdelivr.net/gh/lewky/lewky.github.io@master/images/avatar.jpg"
|
||
alt="img">
|
||
<div><h1 class="friend-name">雨临Lewis</h1>
|
||
<p class="friend-introduction">不想当写手的码农不是好咸鱼_(xз」∠)_</p></div>
|
||
</div>
|
||
<div class="friend-button"><a href="/go.html?u=aHR0cHM6Ly9sZXdreS5jbi8=" target="_blank"
|
||
class="button button-glow button-rounded button-caution"
|
||
rel="external nofollow noopener noreferrer">访问主页</a></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col s12 m6 l4 friend-div aos-init" data-aos="zoom-in-up"
|
||
style="position: absolute; left: 0px; top: 1771px;">
|
||
<div class="card frind-card2">
|
||
<div class="frind-ship">
|
||
<div class="title"><img src="https://www.yevpt.com/logo.jpg" alt="img">
|
||
<div><h1 class="friend-name">YEVPT</h1>
|
||
<p class="friend-introduction">我喜欢要么极度悲伤要么淡淡温暖。</p></div>
|
||
</div>
|
||
<div class="friend-button"><a href="/go.html?u=aHR0cHM6Ly93d3cueWV2cHQuY29t"
|
||
target="_blank"
|
||
class="button button-glow button-rounded button-caution"
|
||
rel="external nofollow noopener noreferrer">访问主页</a></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col s12 m6 l4 friend-div aos-init" data-aos="zoom-in-up"
|
||
style="position: absolute; left: 375px; top: 1771px;">
|
||
<div class="card frind-card3">
|
||
<div class="frind-ship">
|
||
<div class="title"><img
|
||
src="https://pzh-blog-photo.oss-cn-shenzhen.aliyuncs.com/avatar.jpg"
|
||
alt="img">
|
||
<div><h1 class="friend-name">iGnite</h1>
|
||
<p class="friend-introduction">不以物喜，不以己悲</p></div>
|
||
</div>
|
||
<div class="friend-button"><a href="/go.html?u=aHR0cHM6Ly9wemg5OS5jb20=" target="_blank"
|
||
class="button button-glow button-rounded button-caution"
|
||
rel="external nofollow noopener noreferrer">访问主页</a></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</article>
|
||
</div>
|
||
</main>
|
||
<script type="text/javascript">$(function () {
|
||
!function (t, r, s) {
|
||
"use strict";
|
||
$.ajax({
|
||
url: t, dataType: "xml", success: function (t) {
|
||
var e = $("entry", t).map(function () {
|
||
return {
|
||
title: $("title", this).text(),
|
||
content: $("content", this).text(),
|
||
url: $("url", this).text()
|
||
}
|
||
}).get(), t = document.getElementById(r), n = document.getElementById(s);
|
||
t.addEventListener("input", function () {
|
||
var o = '<ul class="search-result-list">',
|
||
h = this.value.trim().toLowerCase().split(/[\s\-]+/);
|
||
n.innerHTML = "", this.value.trim().length <= 0 || (e.forEach(function (t) {
|
||
var n, e, r, s = !0, i = t.title.trim().toLowerCase(),
|
||
l = t.content.trim().replace(/<[^>]+>/g, "").toLowerCase(),
|
||
a = 0 === (a = t.url).indexOf("/") ? t.url : "/" + a, c = -1, u = -1;
|
||
"" !== i && "" !== l && h.forEach(function (t, e) {
|
||
n = i.indexOf(t), c = l.indexOf(t), n < 0 && c < 0 ? s = !1 : (c < 0 && (c = 0), 0 === e && (u = c))
|
||
}), s && (o += "<li><a href='" + a + "' class='search-result-title'>" + i + "</a>", e = t.content.trim().replace(/<[^>]+>/g, ""), 0 <= u && (a = u + 80, (a = 0 === (t = (t = u - 20) < 0 ? 0 : t) ? 100 : a) > e.length && (a = e.length), r = e.substr(t, a), h.forEach(function (t) {
|
||
var e = new RegExp(t, "gi");
|
||
r = r.replace(e, '<em class="search-keyword">' + t + "</em>")
|
||
}), o += '<p class="search-result">' + r + "...</p>"), o += "</li>")
|
||
}), o += "</ul>", n.innerHTML = o)
|
||
})
|
||
}
|
||
})
|
||
}("/search.xml", "searchInput", "searchResult")
|
||
})</script>
|
||
<?php $this->need('base/footer.php'); ?>
|