添加配置文件
@ -180,7 +180,7 @@ main {
|
||||
transform: translateY(-8%);
|
||||
}
|
||||
|
||||
span.img-title {
|
||||
.img-title-big {
|
||||
font-size: 5rem;
|
||||
font-family: 'Pacifico-Regular' !important;
|
||||
}
|
||||
@ -210,7 +210,7 @@ span.img-text {
|
||||
.des-title {
|
||||
margin: 1rem 1rem;
|
||||
line-height: 2rem;
|
||||
/*font-size: 1.10rem;*/
|
||||
margin-right: auto;
|
||||
}
|
||||
|
||||
span#change {
|
||||
|
Before Width: | Height: | Size: 75 KiB After Width: | Height: | Size: 58 KiB |
Before Width: | Height: | Size: 63 KiB After Width: | Height: | Size: 46 KiB |
Before Width: | Height: | Size: 136 KiB After Width: | Height: | Size: 96 KiB |
Before Width: | Height: | Size: 65 KiB After Width: | Height: | Size: 26 KiB |
Before Width: | Height: | Size: 227 KiB After Width: | Height: | Size: 127 KiB |
Before Width: | Height: | Size: 215 KiB After Width: | Height: | Size: 147 KiB |
Before Width: | Height: | Size: 42 KiB After Width: | Height: | Size: 36 KiB |
Before Width: | Height: | Size: 58 KiB After Width: | Height: | Size: 46 KiB |
Before Width: | Height: | Size: 151 KiB After Width: | Height: | Size: 116 KiB |
Before Width: | Height: | Size: 106 KiB After Width: | Height: | Size: 80 KiB |
70
index.html
@ -67,7 +67,7 @@
|
||||
<div class="inner three"></div>
|
||||
</div>
|
||||
<div class="loading-word">
|
||||
<p class="loading-title">無名の主页</p>
|
||||
<p class="loading-title" id="loading-title">無名の主页</p>
|
||||
<span id="loading-text">加载中</span>
|
||||
</div>
|
||||
</div>
|
||||
@ -87,10 +87,10 @@
|
||||
<div class="main-left">
|
||||
<!--Logo-->
|
||||
<div class="main-img">
|
||||
<img src="./img/icon/logo.png" alt="img">
|
||||
<img id="logo-img" src="./img/icon/logo.png" alt="img">
|
||||
<div class="img-title">
|
||||
<span class="img-title">imsyy</span>
|
||||
<span class="img-text">.top</span>
|
||||
<span class="img-title-big" id="logo-text-1">imsyy</span>
|
||||
<span class="img-text" id="logo-text-2">.top</span>
|
||||
</div>
|
||||
</div>
|
||||
<!--介绍信息-->
|
||||
@ -108,7 +108,7 @@
|
||||
target="_blank">
|
||||
<i class="fa-brands fa-github"></i>
|
||||
</a>
|
||||
<a href="http://wpa.qq.com/msgrd?v=3&uin=1539250352&site=qq&menu=yes" class="link"
|
||||
<a href="https://wpa.qq.com/msgrd?v=3&uin=1539250352&site=qq&menu=yes" class="link"
|
||||
id="qq" target="_blank">
|
||||
<i class="fa-brands fa-qq"></i>
|
||||
</a>
|
||||
@ -127,7 +127,7 @@
|
||||
</div>
|
||||
<!--第二屏 Logo-->
|
||||
<div class="logo cards" style="display: none" id="changemore">
|
||||
<a class="logo-text">imsyy.top</a>
|
||||
<a class="logo-text" id="logo-text-small">imsyy.top</a>
|
||||
</div>
|
||||
<div class="col right">
|
||||
<div class="main-right">
|
||||
@ -205,26 +205,26 @@
|
||||
<!--第一组-->
|
||||
<div class="row">
|
||||
<div class="col">
|
||||
<a href="https://blog.imsyy.top/" target="_blank">
|
||||
<a id="link-url-1" href="https://blog.imsyy.top/" target="_blank">
|
||||
<div class="link-card cards">
|
||||
<i class="fa-solid fa-blog"></i>
|
||||
<span class="link-name">博客</span>
|
||||
<i id="link-icon-1" class="fa-solid fa-blog"></i>
|
||||
<span class="link-name" id="link-name-1">博客</span>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="col 2">
|
||||
<a href="https://drive.imsyy.top/" target="_blank">
|
||||
<a id="link-url-2" href="https://drive.imsyy.top/" target="_blank">
|
||||
<div class="link-card cards">
|
||||
<i class="fa-solid fa-cloud"></i>
|
||||
<span class="link-name">网盘</span>
|
||||
<i id="link-icon-2" class="fa-solid fa-cloud"></i>
|
||||
<span class="link-name" id="link-name-2">网盘</span>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="col">
|
||||
<a href="https://music.imsyy.top/" target="_blank">
|
||||
<a id="link-url-3" href="https://music.imsyy.top/" target="_blank">
|
||||
<div class="link-card cards">
|
||||
<i class="fa-solid fa-music"></i>
|
||||
<span class="link-name">音乐</span>
|
||||
<i id="link-icon-3" class="fa-solid fa-music"></i>
|
||||
<span class="link-name" id="link-name-3">音乐</span>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
@ -232,26 +232,26 @@
|
||||
<!--第二组-->
|
||||
<div class="row" style="margin-top: 1.5rem;">
|
||||
<div class="col">
|
||||
<a href="https://nav.imsyy.top/" target="_blank">
|
||||
<a id="link-url-4" href="https://nav.imsyy.top/" target="_blank">
|
||||
<div class="link-card cards">
|
||||
<i class="fa-solid fa-compass"></i>
|
||||
<span class="link-name">起始页</span>
|
||||
<i id="link-icon-4" class="fa-solid fa-compass"></i>
|
||||
<span class="link-name" id="link-name-4">起始页</span>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="col 2">
|
||||
<a href="https://web.imsyy.top/" target="_blank">
|
||||
<a id="link-url-5" href="https://web.imsyy.top/" target="_blank">
|
||||
<div class="link-card cards">
|
||||
<i class="fa-solid fa-book-bookmark"></i>
|
||||
<span class="link-name">网址集</span>
|
||||
<i id="link-icon-5" class="fa-solid fa-book-bookmark"></i>
|
||||
<span class="link-name" id="link-name-5">网址集</span>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class="col">
|
||||
<a href="https://lab.imsyy.top/" target="_blank">
|
||||
<a id="link-url-6" href="https://lab.imsyy.top/" target="_blank">
|
||||
<div class="link-card cards">
|
||||
<i class="fa-solid fa-flask"></i>
|
||||
<span class="link-name">实验室</span>
|
||||
<i id="link-icon-6" class="fa-solid fa-flask"></i>
|
||||
<span class="link-name" id="link-name-6">实验室</span>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
@ -366,9 +366,9 @@
|
||||
<!--左侧内容-->
|
||||
<div class="box-left">
|
||||
<div class="img-title">
|
||||
<span class="img-title">imsyy</span>
|
||||
<span class="img-text">.top</span><br />
|
||||
<span class="img-text"> v 3.0</span>
|
||||
<span class="img-title-big" id="logo-title-other">imsyy</span>
|
||||
<span class="img-text" id="logo-title-other-small">.top</span><br />
|
||||
<span class="img-text"> v 3.0</span>
|
||||
<a href="https://github.com/imsyy/home" target="_blank">
|
||||
<i class="fa-brands fa-github"></i>
|
||||
</a>
|
||||
@ -396,17 +396,17 @@
|
||||
<div class="form-radio">
|
||||
<input type="radio" class="set-wallpaper" style="display: none;"
|
||||
id="radio2" value="2" name="wallpaper-type">
|
||||
<label for="radio2">每日一图</label>
|
||||
<label for="radio2" id="wallpaper_text1">每日一图</label>
|
||||
</div>
|
||||
<div class="form-radio">
|
||||
<input type="radio" class="set-wallpaper" style="display: none;"
|
||||
id="radio3" value="3" name="wallpaper-type">
|
||||
<label for="radio3">随机风景</label>
|
||||
<label for="radio3" id="wallpaper_text2">随机风景</label>
|
||||
</div>
|
||||
<div class="form-radio">
|
||||
<input type="radio" class="set-wallpaper" style="display: none;"
|
||||
id="radio4" value="4" name="wallpaper-type">
|
||||
<label for="radio4">随机动漫</label>
|
||||
<label for="radio4" id="wallpaper_text3">随机动漫</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -454,7 +454,9 @@
|
||||
</div>
|
||||
<!--Aplayer-->
|
||||
<div class="box-right">
|
||||
<div id="aplayer"></div>
|
||||
<div id="aplayer">
|
||||
<span>音乐播放器加载失败</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -462,10 +464,10 @@
|
||||
</main>
|
||||
<!-- 版权信息 -->
|
||||
<footer id="footer" class="fixed-bottom footer">
|
||||
<div class="power">Copyright © 2020
|
||||
<div class="power">Copyright © <span id="power-year">2020</span>
|
||||
<script>
|
||||
document.write(' - ' + (new Date()).getFullYear())
|
||||
</script> <a href="https://imsyy.top">無名</a> &
|
||||
</script> <a href="https://imsyy.top" id="power-text">無名</a> &
|
||||
<!-- 以下信息请不要修改哦 -->
|
||||
Made by <a href="https://github.com/imsyy/home" target="_blank">imsyy</a>
|
||||
</div>
|
||||
@ -487,9 +489,9 @@
|
||||
</noscript>
|
||||
<!-- JS -->
|
||||
<script type="text/javascript" src="./js/main.js"></script>
|
||||
<script type="text/javascript" src="./js/set.js"></script>
|
||||
<script type="text/javascript" src="./js/time.js"></script>
|
||||
<script type="text/javascript" src="./js/js.cookie.js"></script>
|
||||
<script type="text/javascript" src="./js/set.js"></script>
|
||||
<script type="text/javascript" src="./js/cursor.js"></script>
|
||||
<script type="text/javascript"
|
||||
src="https://lf9-cdn-tos.bytecdntp.com/cdn/expire-1-y/bootstrap/5.1.0/js/bootstrap.min.js">
|
||||
|
19
js/main.js
@ -133,7 +133,7 @@ $('#hitokoto').click(function () {
|
||||
//获取天气
|
||||
//每日限量 100 次
|
||||
//请前往 https://www.tianqiapi.com/ 申请(免费)
|
||||
fetch('https://www.yiketianqi.com/free/day?appid=43656176&appsecret=I42og6Lm&unescape=1')
|
||||
fetch(localStorage.getItem('weather_api'))
|
||||
.then(response => response.json())
|
||||
.then(data => {
|
||||
$('#wea_text').html(data.wea)
|
||||
@ -169,7 +169,6 @@ function time() {
|
||||
if (s < 10) {
|
||||
s = "0" + s;
|
||||
}
|
||||
//document.getElementById("time").innerHTML = y + " 年 " + mm + " 月 " + d + " 日 " + "<span class='weekday'>" + weekday[day] + "</span><br>" + "<span class='time-text'>" + h + ":" + m + ":" + s + "</span>";
|
||||
$("#time").html(y + " 年 " + mm + " 月 " + d + " 日 " + "<span class='weekday'>" + weekday[day] + "</span><br>" + "<span class='time-text'>" + h + ":" + m + ":" + s + "</span>");
|
||||
t = setTimeout(time, 1000);
|
||||
}
|
||||
@ -227,12 +226,12 @@ $('#switchmore').on('click', function () {
|
||||
shoemore = !shoemore;
|
||||
if (shoemore && $(document).width() >= 990) {
|
||||
$('#container').attr('class', 'container mores');
|
||||
$("#change").html("Oops !");
|
||||
$("#change1").html("哎呀,这都被你发现了( 再点击一次可关闭 )");
|
||||
$("#change").html(localStorage.getItem('des_tip_change'));
|
||||
$("#change1").html(localStorage.getItem('des_title_change'));
|
||||
} else {
|
||||
$('#container').attr('class', 'container');
|
||||
$("#change").html("Hello World !");
|
||||
$("#change1").html("一个建立于 21 世纪的小站,存活于互联网的边缘");
|
||||
$("#change").html(localStorage.getItem('des_tip'));
|
||||
$("#change1").html(localStorage.getItem('des_title'));
|
||||
}
|
||||
});
|
||||
|
||||
@ -280,8 +279,8 @@ window.addEventListener('load', function () {
|
||||
if (window.innerWidth <= 990) {
|
||||
//移动端隐藏更多页面
|
||||
$('#container').attr('class', 'container');
|
||||
$("#change").html("Hello World !");
|
||||
$("#change1").html("一个建立于 21 世纪的小站,存活于互联网的边缘");
|
||||
$("#change").html(localStorage.getItem('des_tip'));
|
||||
$("#change1").html(localStorage.getItem('des_title'));
|
||||
|
||||
//移动端隐藏弹窗页面
|
||||
$('#box').css("display", "none");
|
||||
@ -366,8 +365,8 @@ var title2 = `
|
||||
|_____|_| |_|_____/ |_| |_|
|
||||
`
|
||||
var content = `
|
||||
版 本 号:3.0
|
||||
更新日期:2022-05-20
|
||||
版 本 号:3.2
|
||||
更新日期:2022-06-28
|
||||
|
||||
主页: https://www.imsyy.top
|
||||
Github: https://github.com/imsyy/home
|
||||
|
90
js/set.js
@ -5,6 +5,71 @@ GitHub:https://github.com/imsyy/home
|
||||
版权所有,请勿删除
|
||||
*/
|
||||
|
||||
$(function () {
|
||||
var url = "../setting.json"
|
||||
$.getJSON(
|
||||
url,
|
||||
function (data) {
|
||||
/* 页头数据 */
|
||||
$('title').text(data.title);
|
||||
$('#loading-title').html(data.title);
|
||||
$("meta[name='description']").attr('content', data.description);
|
||||
$("meta[name='keywords']").attr('content', data.keywords);
|
||||
$("meta[name='author']").attr('content', data.author);
|
||||
/* 基础信息 */
|
||||
$("#logo-img").attr("src", data.logo_img);
|
||||
$('#logo-text-1').html(data.logo_text_1);
|
||||
$('#logo-text-2').html("." + data.logo_text_2);
|
||||
$('#logo-title-other').html(data.logo_text_1);
|
||||
$('#logo-title-other-small').html("." + data.logo_text_2);
|
||||
$('#logo-text-small').html(data.logo_text_1 + "." + data.logo_text_2);
|
||||
$('#change').html(data.des_title[0]);
|
||||
$('#change1').html(data.des_title[1]);
|
||||
localStorage.setItem('des_tip', data.des_title[0]);
|
||||
localStorage.setItem('des_tip_change', data.des_title_change[0]);
|
||||
localStorage.setItem('des_title', data.des_title[1]);
|
||||
localStorage.setItem('des_title_change', data.des_title_change[1]);
|
||||
/* 社交链接 */
|
||||
$('#github').attr('href', "https://github.com/" + data.github);
|
||||
$('#qq').attr('href', "https://wpa.qq.com/msgrd?v=3&uin=" + data.qq + "&site=qq&menu=yes");
|
||||
$('#email').attr('href', "mailto:" + data.email);
|
||||
$('#telegram').attr('href', "https://t.me/" + data.telegram);
|
||||
$('#twitter').attr('href', "https://twitter.com/" + data.twitter);
|
||||
/* 天气 API */
|
||||
localStorage.setItem('weather_api', data.weather_api);
|
||||
/* 快捷链接 */
|
||||
$('#link-url-1').attr('href', data.link_1[0]);
|
||||
$('#link-icon-1').attr('class', data.link_1[1]);
|
||||
$('#link-name-1').html(data.link_1[2]);
|
||||
$('#link-url-2').attr('href', data.link_2[0]);
|
||||
$('#link-icon-2').attr('class', data.link_2[1]);
|
||||
$('#link-name-2').html(data.link_2[2]);
|
||||
$('#link-url-3').attr('href', data.link_3[0]);
|
||||
$('#link-icon-3').attr('class', data.link_3[1]);
|
||||
$('#link-name-3').html(data.link_3[2]);
|
||||
$('#link-url-4').attr('href', data.link_4[0]);
|
||||
$('#link-icon-4').attr('class', data.link_4[1]);
|
||||
$('#link-name-4').html(data.link_4[2]);
|
||||
$('#link-url-5').attr('href', data.link_5[0]);
|
||||
$('#link-icon-5').attr('class', data.link_5[1]);
|
||||
$('#link-name-5').html(data.link_5[2]);
|
||||
$('#link-url-6').attr('href', data.link_6[0]);
|
||||
$('#link-icon-6').attr('class', data.link_6[1]);
|
||||
$('#link-name-6').html(data.link_6[2]);
|
||||
//壁纸 API
|
||||
$('#wallpaper_text1').html(data.wallpaper_api[0][0]);
|
||||
localStorage.setItem('wallpaper_api_1', data.wallpaper_api[0][1]);
|
||||
$('#wallpaper_text2').html(data.wallpaper_api[1][0]);
|
||||
localStorage.setItem('wallpaper_api_2', data.wallpaper_api[1][1]);
|
||||
$('#wallpaper_text3').html(data.wallpaper_api[2][0]);
|
||||
localStorage.setItem('wallpaper_api_3', data.wallpaper_api[2][1]);
|
||||
//页脚版权
|
||||
$('#power-year').html(data.Copyright_year);
|
||||
$('#power-text').html(data.Copyright_text);
|
||||
}
|
||||
)
|
||||
});
|
||||
|
||||
// 背景图片 Cookies
|
||||
function setBgImg(bg_img) {
|
||||
if (bg_img) {
|
||||
@ -14,7 +79,7 @@ function setBgImg(bg_img) {
|
||||
return true;
|
||||
}
|
||||
return false;
|
||||
}
|
||||
};
|
||||
|
||||
// 获取背景图片 Cookies
|
||||
function getBgImg() {
|
||||
@ -29,7 +94,6 @@ function getBgImg() {
|
||||
|
||||
var bg_img_preinstall = {
|
||||
"type": "1", // 1:默认背景 2:每日一图 3:随机风景 4:随机动漫
|
||||
"path": "", //自定义图片
|
||||
};
|
||||
|
||||
|
||||
@ -55,16 +119,16 @@ function setBgImgInit() {
|
||||
$('#bg').attr('src', pictures[rd]) //随机默认壁纸
|
||||
break;
|
||||
case "2":
|
||||
$('#bg').attr('src', 'https://api.dujin.org/bing/1920.php'); //必应每日
|
||||
$('#bg').attr('src', localStorage.getItem('wallpaper_api_1')); //必应每日
|
||||
break;
|
||||
case "3":
|
||||
$('#bg').attr('src', 'https://api.ixiaowai.cn/gqapi/gqapi.php'); //随机风景
|
||||
$('#bg').attr('src', localStorage.getItem('wallpaper_api_2')); //随机风景
|
||||
break;
|
||||
case "4":
|
||||
$('#bg').attr('src', 'https://api.ixiaowai.cn/api/api.php'); //随机动漫
|
||||
$('#bg').attr('src', localStorage.getItem('wallpaper_api_3')); //随机动漫
|
||||
break;
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
$(document).ready(function () {
|
||||
// 壁纸数据加载
|
||||
@ -95,36 +159,36 @@ $(document).ready(function () {
|
||||
timeout: 2500,
|
||||
message: '壁纸设置成功',
|
||||
});
|
||||
}
|
||||
};
|
||||
|
||||
if (type === "2") {
|
||||
setBgImg(bg_img);
|
||||
$('#bg').attr('src', 'https://api.dujin.org/bing/1920.php'); //必应每日
|
||||
$('#bg').attr('src', localStorage.getItem('wallpaper_api_1')); //必应每日
|
||||
iziToast.show({
|
||||
icon: "fa-solid fa-image",
|
||||
timeout: 2500,
|
||||
message: '壁纸设置成功',
|
||||
});
|
||||
}
|
||||
};
|
||||
|
||||
if (type === "3") {
|
||||
setBgImg(bg_img);
|
||||
$('#bg').attr('src', 'https://api.ixiaowai.cn/gqapi/gqapi.php'); //随机风景
|
||||
$('#bg').attr('src', localStorage.getItem('wallpaper_api_2')); //随机风景
|
||||
iziToast.show({
|
||||
icon: "fa-solid fa-image",
|
||||
timeout: 2500,
|
||||
message: '壁纸设置成功',
|
||||
});
|
||||
}
|
||||
};
|
||||
|
||||
if (type === "4") {
|
||||
setBgImg(bg_img);
|
||||
$('#bg').attr('src', 'https://api.ixiaowai.cn/api/api.php'); //随机动漫
|
||||
$('#bg').attr('src', localStorage.getItem('wallpaper_api_3')); //随机动漫
|
||||
iziToast.show({
|
||||
icon: "fa-solid fa-image",
|
||||
timeout: 2500,
|
||||
message: '壁纸设置成功',
|
||||
});
|
||||
}
|
||||
};
|
||||
});
|
||||
});
|
69
setting.json
Normal file
@ -0,0 +1,69 @@
|
||||
{
|
||||
"title": "無名の主页",
|
||||
"description": "一个默默无闻的主页",
|
||||
"keywords": "無名,个人主页",
|
||||
"author": "無名",
|
||||
"logo_img": "./img/icon/logo.png",
|
||||
"logo_text_1": "imsyy",
|
||||
"logo_text_2": "top",
|
||||
"des_title": [
|
||||
"Hello World !",
|
||||
"一个建立于 21 世纪的小站,存活于互联网的边缘"
|
||||
],
|
||||
"des_title_change": [
|
||||
"Oops !",
|
||||
"哎呀,这都被你发现了 ( 再点击一次可关闭 )"
|
||||
],
|
||||
"github": "imsyy",
|
||||
"qq": "1539250352",
|
||||
"email": "one@imsyy.top",
|
||||
"telegram": "bottom_user",
|
||||
"twitter": "iimmsyy",
|
||||
"weather_api": "https://www.yiketianqi.com/free/day?appid=43656176&appsecret=I42og6Lm&unescape=1",
|
||||
"link_1": [
|
||||
"https://blog.imsyy.top/",
|
||||
"fa-solid fa-blog",
|
||||
"博客"
|
||||
],
|
||||
"link_2": [
|
||||
"https://drive.imsyy.top/",
|
||||
"fa-solid fa-cloud",
|
||||
"网盘"
|
||||
],
|
||||
"link_3": [
|
||||
"https://blog.imsyy.top/",
|
||||
"fa-solid fa-music",
|
||||
"音乐"
|
||||
],
|
||||
"link_4": [
|
||||
"https://nav.imsyy.top/",
|
||||
"fa-solid fa-compass",
|
||||
"起始页"
|
||||
],
|
||||
"link_5": [
|
||||
"https://web.imsyy.top/",
|
||||
"fa-solid fa-book-bookmark",
|
||||
"网址集"
|
||||
],
|
||||
"link_6": [
|
||||
"https://lab.imsyy.top/",
|
||||
"fa-solid fa-flask",
|
||||
"实验室"
|
||||
],
|
||||
"wallpaper_api": [
|
||||
[
|
||||
"每日一图",
|
||||
"https://api.dujin.org/bing/1920.php"
|
||||
],
|
||||
[
|
||||
"随机风景",
|
||||
"https://api.ixiaowai.cn/gqapi/gqapi.php"
|
||||
],
|
||||
[
|
||||
"随机动漫",
|
||||
"https://api.ixiaowai.cn/api/api.php"
|
||||
]
|
||||
],
|
||||
"Copyright_year": "2020",
|
||||
"Copyright_text": "無名"
|
||||
}
|