add bj
This commit is contained in:
hehh
@@ -5,7 +5,7 @@
|
||||
希望大家喜欢 ❤️
|
||||
</p>
|
||||
|
||||
|
||||
|
||||
|
||||
>和风天气 API 每日限量1000次，需 [自行申请](https://dev.qweather.com/)，或更换其他 API
|
||||
|
||||
@@ -13,7 +13,7 @@
|
||||
>由于 CDN 缓存原因，查看最新效果可能需要 `Ctrl` + `F5` 强制刷新浏览器缓存
|
||||
|
||||
### 👀 预览
|
||||
- [LQBBYの主页](https://zy.lqbby.com:1443)
|
||||
- [Honesty的主页](https://www.hehouhui.cn)
|
||||
|
||||
### 🌈 功能
|
||||
|
||||
|
||||
BIN
images/bj/1.jpg
Normal file
BIN
images/bj/1.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.1 MiB |
BIN
images/bj/2.jpg
Normal file
BIN
images/bj/2.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.0 MiB |
BIN
images/bj/3.jpg
Normal file
BIN
images/bj/3.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.9 MiB |
BIN
images/bj/4.jpg
Normal file
BIN
images/bj/4.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.1 MiB |
BIN
images/bj/5.jpg
Normal file
BIN
images/bj/5.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.4 MiB |
BIN
images/bj/6.jpg
Normal file
BIN
images/bj/6.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.2 MiB |
BIN
images/bj/7.jpg
Normal file
BIN
images/bj/7.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.5 MiB |
BIN
images/kj.webp
BIN
images/kj.webp
Binary file not shown.
|
Before Width: | Height: | Size: 54 KiB |
BIN
images/my-wechat.jpeg
Normal file
BIN
images/my-wechat.jpeg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 106 KiB |
120
index.html
120
index.html
@@ -5,19 +5,19 @@
|
||||
<!-- 基础信息 -->
|
||||
<html lang="zh-cmn-Hans">
|
||||
<meta charset="utf-8">
|
||||
<meta name="renderer" content="webkit" />
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
|
||||
<meta name="force-rendering" content="webkit" />
|
||||
<meta name="renderer" content="webkit"/>
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
|
||||
<meta name="force-rendering" content="webkit"/>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<meta name="description" content="LQBBYの主页">
|
||||
<meta name="keywords" content="LQBBY,个人主页">
|
||||
<meta name="author" content="LQBBY">
|
||||
<title>LQBBYの主页</title>
|
||||
<link rel="stylesheet" type="text/css" href="./css/style.css">
|
||||
<link rel="stylesheet" type="text/css" href="./css/iconfont.css">
|
||||
<link rel="apple-touch-icon" href="./images/apple-touch-icon.png">
|
||||
<link rel="icon" href="./favicon.ico">
|
||||
<link rel="stylesheet" href="./js/bj.js">
|
||||
<meta name="description" content="Honesty的主页,HeHouHui的主页,HeHui的主页,明厚的主页">
|
||||
<meta name="keywords" content="Honesty,HeHouHui,HeHui,明厚">
|
||||
<meta name="author" content="Honesty">
|
||||
<title>Honesty的主页</title>
|
||||
<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/gh/listener-He/Home/css/style.css">
|
||||
<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/gh/listener-He/Home/css/iconfont.css">
|
||||
<link rel="apple-touch-icon" href="https://cdn.jsdelivr.net/gh/listener-He/Home/images/apple-touch-icon.png">
|
||||
<link rel="icon" href="https://cdn.jsdelivr.net/gh/listener-He/Home/favicon.ico">
|
||||
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/listener-He/Home/js/bj.js">
|
||||
<!--引入SweetAlert
|
||||
<script src="https://fastly.jsdelivr.net/npm/sweetalert@2.1.2/dist/sweetalert.min.js"></script>-->
|
||||
<script src="https://fastly.jsdelivr.net/npm/sweetalert2@10.15.5/dist/sweetalert2.all.min.js"></script>
|
||||
@@ -29,21 +29,21 @@
|
||||
<link rel="stylesheet" href="https://fastly.jsdelivr.net/gh/volantis-x/cdn-fontawesome-pro@master/css/all.min.css"
|
||||
media="all">
|
||||
<!--科技炫酷按钮-->
|
||||
<link rel="stylesheet" type="text/css" href="./css/sey.css">
|
||||
<!--LQ网站监控-->
|
||||
<script async defer data-website-id="1e581f81-4a95-4be4-8449-c74742cf2475"
|
||||
src="https://wz.lqbby.com/umami.js"></script>
|
||||
<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/gh/listener-He/Home/css/sey.css">
|
||||
|
||||
<!--IE淘汰计划-->
|
||||
<script>if (/*@cc_on!@*/false || (!!window.MSInputMethodContext && !!document.documentMode)) window.location.href = "https://imsyy.top/upgrade-your-browser/index.html?referrer=" + encodeURIComponent(window.location.href);</script>
|
||||
<script>
|
||||
if (/*@cc_on!@*/false || (!!window.MSInputMethodContext && !!document.documentMode)) window.location.href = "https://imsyy.top/upgrade-your-browser/index.html?referrer=" + encodeURIComponent(window.location.href);
|
||||
</script>
|
||||
</head>
|
||||
|
||||
<body oncontextmenu=self.event.returnValue=false onselectstart="return false">
|
||||
<!--<span class="mobile btn-mobile-menu">
|
||||
<!--<span class="mobile btn-mobile-menu">
|
||||
<i class="social iconfont icon-list btn-mobile-menu__icon"></i>
|
||||
<i class="social iconfont icon-ngleup btn-mobile-close__icon hidden"></i>
|
||||
</span>-->
|
||||
<header id="panel" class="panel-cover"
|
||||
style="background: url(./images/kj.webp) center center / cover no-repeat rgb(102, 102, 102);">
|
||||
</span>-->
|
||||
<header id="panel" class="panel-cover"
|
||||
style="background: url(https://cdn.jsdelivr.net/gh/listener-He/Home/images/bj/1.jpg) center center / cover no-repeat rgb(102, 102, 102);">
|
||||
<!--星空背景-->
|
||||
<div id="stars"></div>
|
||||
<div id="stars2"></div>
|
||||
@@ -81,56 +81,50 @@
|
||||
<div class="panel-main__content">
|
||||
<div class="ih-item circle effect right_to_left">
|
||||
<a class="blog-button">
|
||||
<div class="img"> <img src="https://q1.qlogo.cn/g?b=qq&nk=1151581339&s=100" alt="img"
|
||||
<div class="img"><img src="https://q1.qlogo.cn/g?b=qq&nk=1151581339&s=100" alt="img"
|
||||
class="js-avatar iUp profilepic header-logo">
|
||||
</div>
|
||||
<div class="info iUp">
|
||||
<div class="info-back">
|
||||
<img alt="img" src="./images/kl.gif" class="js-avatar profilepic">
|
||||
<img alt="img" src="https://cdn.jsdelivr.net/gh/listener-He/Home/images/kl.gif"
|
||||
class="js-avatar profilepic">
|
||||
</div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<h1 class="panel-cover__title panel-title iUp">
|
||||
<br />LQBBY
|
||||
<br/>Honesty
|
||||
</h1>
|
||||
<p class="panel-cover__subtitle panel-subtitle iUp">be your true self</p>
|
||||
<canvas class="navigation-wrapper iUp" id="canvas" style="width:50%;padding-top:0px;" width="920"
|
||||
height="350"></canvas>
|
||||
<script src="./js/clock.js"></script>
|
||||
<hr class="iUp" />
|
||||
<script src="https://cdn.jsdelivr.net/gh/listener-He/Home/js/clock.js"></script>
|
||||
<hr class="iUp"/>
|
||||
<!--一言无法显示时的文字-->
|
||||
<p id="description" class="panel-cover__description iUp">每一个人都应该明确自己的方向和位置
|
||||
<br />
|
||||
<strong>-「LQBBY」</strong>
|
||||
<p id="description" class="panel-cover__description iUp">人生天地之间，若白驹之过隙，忽然而已。
|
||||
<br/>
|
||||
<strong>-「Honesty」</strong>
|
||||
</p>
|
||||
<div class="navigation-wrapper iUp">
|
||||
<div>
|
||||
<nav class="cover-navigation cover-navigation--primary">
|
||||
<ul class="navigation">
|
||||
<li class="navigation__item">
|
||||
<a href="https://www.lqbby.com/"
|
||||
<a href="https://blog.hehouhui.cn/"
|
||||
style="--clr:#1e9bff"><span>博客</span><i></i></a>
|
||||
</li>
|
||||
<li class="navigation__item">
|
||||
<a href="https://al.lqbby.com:1443/"
|
||||
<a href="https://alist.hehouhui.cn/"
|
||||
style="--clr:#f85d5d"><span>网盘</span><i></i></a>
|
||||
</li>
|
||||
<li class="navigation__item">
|
||||
<a href="https://llq.lqbby.com/"
|
||||
<a href="https://nav.hehouhui.cn/"
|
||||
style="--clr:#ff1867"><span>导航</span><i></i></a>
|
||||
</li>
|
||||
<li class="navigation__item">
|
||||
<a href="https://qd.lqbby.com/" style="--clr:#ebe417"><span>签到</span><i></i></a>
|
||||
</li>
|
||||
<li class="navigation__item">
|
||||
<a href="https://bz.lqbby.com:1443/"
|
||||
style="--clr:#eb2feb"><span>壁纸</span><i></i></a>
|
||||
</li>
|
||||
<li class="navigation__item">
|
||||
<a href="https://api.lqbby.com:1443"
|
||||
style="--clr:#28a745"><span>青龙api</span><i></i></a>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
|
||||
@@ -139,25 +133,25 @@
|
||||
<nav class="cover-navigation navigation--social">
|
||||
<ul class="navigation">
|
||||
<li class="navigation__item">
|
||||
<a href="https://github.com/lqbby2/" title="Github" target="_blank">
|
||||
<a href="https://github.com/listener-He" title="Github" target="_blank">
|
||||
<j class="iconfont icon-github"></j>
|
||||
<span class="label">Github</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="navigation__item">
|
||||
<a href="https://t.me/lqbby" title="Telegram" target="_blank">
|
||||
<a href="https://www.linkedin.com/in/honesty861024" title="Linkedin" target="_blank">
|
||||
<j class="fab fa-telegram-plane"></j>
|
||||
<span class="label">Telegram</span>
|
||||
<span class="label">Linkedin</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="navigation__item">
|
||||
<a href="https://www.lqbby.com/" title="Twitter" target="_blank">
|
||||
<a href="https://twitter.com/Honesty861024" title="Twitter" target="_blank">
|
||||
<j class="fab fa-twitter"></j>
|
||||
<span class="label">Twitter</span>
|
||||
</a>
|
||||
</li>
|
||||
<li class="navigation__item">
|
||||
<a href="https://wpa.qq.com/msgrd?v=3&uin=1151581339&site=qq&menu=yes"
|
||||
<a href="https://wpa.qq.com/msgrd?v=3&uin=1397138703&site=qq&menu=yes"
|
||||
title="QQ" target="_blank">
|
||||
<j class="fab fa-qq"></j>
|
||||
<span class="label">QQ</span>
|
||||
@@ -172,7 +166,7 @@
|
||||
title: "请扫码",
|
||||
text: "请使用微信扫一扫",
|
||||
confirmButtonText: "好的",
|
||||
imageUrl: "./images/weixin.png",
|
||||
imageUrl: "./images/my-wechat.jpeg",
|
||||
imageWidth: 150,
|
||||
imageHeight: 150
|
||||
})
|
||||
@@ -181,7 +175,7 @@
|
||||
</a>
|
||||
</li>
|
||||
<li class="navigation__item">
|
||||
<a href="mailto:1151581339@qq.com" title="Email">
|
||||
<a href="mailto:hehouhui@hehouhui.cn" title="Email">
|
||||
<j class="fas fa-envelope"></j>
|
||||
<span class="label">Email</span>
|
||||
</a>
|
||||
@@ -195,18 +189,17 @@
|
||||
<div class="panel-cover--overlay cover-slate"></div>
|
||||
</div>
|
||||
<div class="remark iUp">
|
||||
<p class="power">Copyright © 2022
|
||||
<script>document.write(' - ' + (new Date()).getFullYear())</script> LQBBY
|
||||
<p class="power">Copyright © 2018
|
||||
<script>document.write(' - ' + (new Date()).getFullYear())</script>
|
||||
Honesty
|
||||
</p>
|
||||
</div>
|
||||
</header>
|
||||
<!--黑暗主题-->
|
||||
</header>
|
||||
<!--黑暗主题-->
|
||||
|
||||
|
||||
|
||||
|
||||
<!--izitoast弹窗设置
|
||||
<script>
|
||||
<!--izitoast弹窗设置
|
||||
<script>
|
||||
iziToast.settings({
|
||||
timeout: 4000,
|
||||
icon: 'Fontawesome',
|
||||
@@ -217,7 +210,7 @@
|
||||
layout: '2',
|
||||
transitionIn: 'bounceInLeft',
|
||||
});
|
||||
<script>
|
||||
<script>
|
||||
|
||||
function update() {
|
||||
iziToast.info({
|
||||
@@ -228,9 +221,18 @@
|
||||
});
|
||||
}
|
||||
-->
|
||||
</script>
|
||||
<script type="text/javascript" src="./js/jquery.min.js"></script>
|
||||
<script type="text/javascript" src="./js/fetch.min.js"></script>
|
||||
<script type="text/javascript" src="./js/main.js"></script>
|
||||
<script>
|
||||
// 百度站点统计
|
||||
var _hmt = _hmt || [];
|
||||
(function () {
|
||||
var hm = document.createElement("script");
|
||||
hm.src = "https://hm.baidu.com/hm.js?ae2a009a75b13c21d5121ee51375ea4e";
|
||||
var s = document.getElementsByTagName("script")[0];
|
||||
s.parentNode.insertBefore(hm, s);
|
||||
})();
|
||||
</script>
|
||||
<script type="text/javascript" src="./js/jquery.min.js"></script>
|
||||
<script type="text/javascript" src="./js/fetch.min.js"></script>
|
||||
<script type="text/javascript" src="./js/main.js"></script>
|
||||
|
||||
</body>
|
||||
|
||||
29
js/main.js
29
js/main.js
@@ -30,55 +30,40 @@ var iUp = (function () {
|
||||
$(document).ready(function () {
|
||||
|
||||
// 获取一言数据
|
||||
fetch('https://v1.hitokoto.cn').then(function (res) {
|
||||
fetch('https://v1.hitokoto.cn?c=c&c=d&c=h&c=i&c=k&c=h').then(function (res) {
|
||||
return res.json();
|
||||
}).then(function (e) {
|
||||
$('#description').html(e.hitokoto + "<br/> -「<strong>" + e.from + "</strong>」")
|
||||
}).catch(function (err) {
|
||||
console.error(err);
|
||||
})
|
||||
// var url = 'https://query.yahooapis.com/v1/public/yql' +
|
||||
// '?q=' + encodeURIComponent('select * from json where url=@url') +
|
||||
// '&url=' + encodeURIComponent('https://www.bing.com/HPImageArchive.aspx?format=js&idx=0&n=8') +
|
||||
// '&format=json&callback=?';
|
||||
|
||||
/**
|
||||
* 获取Bing壁纸
|
||||
* 原先 YQL 已经无法提供服务了
|
||||
* 改用 JsonBird：https://bird.ioliu.cn/
|
||||
*
|
||||
* 自定义壁纸
|
||||
*/
|
||||
var url = '';
|
||||
var imgUrls = JSON.parse(sessionStorage.getItem("imgUrls"));
|
||||
var index = sessionStorage.getItem("index");
|
||||
var $panel = $('#panel');
|
||||
if (imgUrls == null) {
|
||||
imgUrls = new Array();
|
||||
index = 0;
|
||||
$.get(url, function (result) {
|
||||
images = result.images;
|
||||
for (let i = 0; i < images.length; i++) {
|
||||
const item = images[i];
|
||||
imgUrls.push(item.url);
|
||||
for (let i = 1; i < 8; i++) {
|
||||
imgUrls.push("https://cdn.jsdelivr.net/gh/listener-He/Home/images/bj/"+i+".jpg");
|
||||
}
|
||||
var imgUrl = imgUrls[index];
|
||||
var url = "https://www.bing.com" + imgUrl;
|
||||
$panel.css("background", "url('" + url + "') center center no-repeat #666");
|
||||
$panel.css("background-size", "cover");
|
||||
sessionStorage.setItem("imgUrls", JSON.stringify(imgUrls));
|
||||
sessionStorage.setItem("index", index);
|
||||
});
|
||||
} else {
|
||||
if (index == 7)
|
||||
index = 0;
|
||||
else
|
||||
index++;
|
||||
sessionStorage.setItem("index", index);
|
||||
}
|
||||
|
||||
var imgUrl = imgUrls[index];
|
||||
var url = "https://www.bing.com" + imgUrl;
|
||||
$panel.css("background", "url('" + url + "') center center no-repeat #666");
|
||||
$panel.css("background-size", "cover");
|
||||
sessionStorage.setItem("index", index);
|
||||
}
|
||||
|
||||
$(".iUp").each(function (i, e) {
|
||||
iUp.up(e);
|
||||
|
||||
Reference in New Issue
Block a user