caojiezi2003/Homepage-imsyy
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

添加 ICP 备案 & 调整样式

Browse Source
This commit is contained in:
底层用户 2022-07-27 10:53:34 +08:00
parent e3ea1e7364
commit c3b0dcd6cf
9 changed files with 104 additions and 122 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
.gitignore vendored
View File

@ -1 +1 @@
.vscode
/.vscode/*

2
.vscode/settings.json vendored
View File

@ -1,3 +1,3 @@
{
"liveServer.settings.port": 5500
"liveServer.settings.port": 8080
}

1
README.md
View File

@ -13,6 +13,7 @@
>由于 CDN 缓存原因，查看最新效果可能需要 `Ctrl` + `F5` 强制刷新浏览器缓存
- [無名の主页](https://www.imsyy.top)
- [無名の主页 - 备用线路](https://home.imsyy.top)
### 功能

1
README_EN.md
View File

@ -13,6 +13,7 @@ Simple little homepage, had enough of the original one and made a new one
>Due to CDN caching, you may need `Ctrl` + `F5` to force a browser cache refresh to see the latest results
- [無名の主页](https://www.imsyy.top)
- [無名の主页 - 备用线路](https://home.imsyy.top)
### Functions

11
css/mobile.css
View File

@ -252,11 +252,22 @@
}
/*小于512px时*/
@media (max-width: 512px) {
#made {
display: none;
}
}
/*小于390px时*/
@media (max-width: 390px) {
.main-img img {
display: none;
}
#beian {
display: none;
}
}
/* 大于568px时 */

26
index.html
View File

@ -5,6 +5,7 @@
<!-- 基础信息 -->
<meta charset="utf-8">
<meta http-equiv="Access-Control-Allow-Origin" content="*">
<!-- 强制 HTTPS，若不需要可删除，但可能出现问题 -->
<meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests">
<meta name="renderer" content="webkit" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
@ -36,7 +37,7 @@
src="https://lf26-cdn-tos.bytecdntp.com/cdn/expire-1-y/izitoast/1.4.0/js/iziToast.min.js">
</script>
<!-- FontAwesome -->
<link rel="stylesheet" href="https://cdn.bootcdn.net/ajax/libs/font-awesome/6.1.1/css/all.min.css">
<link rel="stylesheet" href="https://cdn.bootcdn.net/ajax/libs/font-awesome/6.1.2/css/all.min.css">
<!-- Aplayer -->
<link rel="stylesheet" href="https://lf9-cdn-tos.bytecdntp.com/cdn/expire-1-y/aplayer/1.10.1/APlayer.min.css"
crossorigin="anonymous" referrerpolicy="no-referrer" />
@ -100,7 +101,7 @@
<div class="des" id="des">
<i class="fa-solid fa-quote-left"></i>
<div class="des-title"><span id="change">Hello&nbsp;World&nbsp;!</span><br /><span
id="change1">一个建立于 21 世纪的小站，主域名正在备案中</span></div>
id="change1">一个建立于 21 世纪的小站，存活于互联网的边缘</span></div>
<i class="fa-solid fa-quote-right"></i>
</div>
</div>
@ -117,12 +118,13 @@
<a href="mailto:one@imsyy.top" class="link" id="email">
<i class="fa-solid fa-envelope"></i>
</a>
<a href="https://space.bilibili.com/98544142" class="link" id="bilibili"
target="_blank">
<i class="fa-brands fa-bilibili"></i>
</a>
<a href="https://t.me/bottom_user" class="link" id="telegram" target="_blank">
<i class="fa-brands fa-telegram"></i>
</a>
<a href="https://twitter.com/iimmsyy" class="link" id="twitter" target="_blank">
<i class="fa-brands fa-twitter"></i>
</a>
<a id="link-text">通过这里联系我</a>
</div>
</div>
@ -470,12 +472,18 @@
</main>
<!-- 版权信息 -->
<footer id="footer" class="fixed-bottom footer">
<div class="power">Copyright&nbsp;&copy;&nbsp;<span id="power-year">2020</span>
<div class="power">
<span id="power">Copyright&nbsp;&copy;
<script>
document.write(' - ' + (new Date()).getFullYear())
</script>&nbsp;<a href="https://imsyy.top" id="power-text">無名</a>&nbsp;&amp;&nbsp;
document.write((new Date()).getFullYear());
</script>
<a href="https://imsyy.top" id="power-text">無名</a>
</span>
<!-- 以下信息请不要修改哦 -->
Made&nbsp;by&nbsp;<a href="https://github.com/imsyy/home" target="_blank">imsyy</a>
<span id="made">&amp;&nbsp;Made&nbsp;by&nbsp;<a href="https://github.com/imsyy/home"
target="_blank">imsyy</a></span>
<!-- 站点备案 -->
<a href="https://beian.miit.gov.cn" id="beian" target="_blank">&amp;&nbsp;豫ICP备2022018134号-1</a>
</div>
<!-- 歌词显示 -->
<div id="lrc"></div>

32
js/main.js
View File

@ -85,19 +85,17 @@ setTimeout(function () {
$('#loading-text').html("字体及文件加载可能需要一定时间")
}, 3000);
//新春灯笼 （ 需要时取消注释 ）
/*
new_element=document.createElement("link");
new_element.setAttribute("rel","stylesheet");
new_element.setAttribute("type","text/css");
new_element.setAttribute("href","./css/lantern.css");
document.body.appendChild(new_element);
// 新春灯笼 （ 需要时可取消注释 ）
// new_element=document.createElement("link");
// new_element.setAttribute("rel","stylesheet");
// new_element.setAttribute("type","text/css");
// new_element.setAttribute("href","./css/lantern.css");
// document.body.appendChild(new_element);
new_element=document.createElement("script");
new_element.setAttribute("type","text/javascript");
new_element.setAttribute("src","./js/lantern.js");
document.body.appendChild(new_element);
*/
// new_element=document.createElement("script");
// new_element.setAttribute("type","text/javascript");
// new_element.setAttribute("src","./js/lantern.js");
// document.body.appendChild(new_element);
//火狐浏览器独立样式
if (isFirefox = navigator.userAgent.indexOf("Firefox") > 0) {
@ -274,12 +272,12 @@ $("#email").mouseover(function () {
}).mouseout(function () {
$("#link-text").html("通过这里联系我");
});
$("#telegram").mouseover(function () {
$("#link-text").html("你懂的 ~");
$("#bilibili").mouseover(function () {
$("#link-text").html("来 B 站看看 ~");
}).mouseout(function () {
$("#link-text").html("通过这里联系我");
});
$("#twitter").mouseover(function () {
$("#telegram").mouseover(function () {
$("#link-text").html("你懂的 ~");
}).mouseout(function () {
$("#link-text").html("通过这里联系我");
@ -430,8 +428,8 @@ var title2 = `
|_____|_| |_|_____/ |_| |_|
`
var content = `
版 本 号：3.3
更新日期：2022-07-06
版 本 号：3.4
更新日期：2022-07-24
主页: https://www.imsyy.top
Github: https://github.com/imsyy/home

114
js/set.js
View File

@ -6,70 +6,56 @@ 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);
// }
// )
// });
/* 尚未完善 */
$(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);
/* 社交链接 */
$('#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);
$('#bilibili').attr('href', "https://space.bilibili.com/" + data.bilibili);
$('#telegram').attr('href', "https://t.me/" + data.telegram);
/* 快捷链接 */
$('#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]);
//页脚版权
$('#power-text').html(data.Copyright_text);
$('#beian').html("&amp;&nbsp;" + data.beian);
}
)
});
// 背景图片 Cookies
function setBgImg(bg_img) {

29
setting.json
View File

@ -6,20 +6,11 @@
"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",
"bilibili": "98544142",
"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",
@ -50,20 +41,6 @@
"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": "無名"
"Copyright_text": "無名",
"beian": "豫ICP备2022018134号-1"
}