添加 ICP 备案 & 调整样式

.gitignore

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

.vscode/settings.json

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

README.md

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

README_EN.md

@@ -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
 

css/mobile.css

@@ -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时 */

index.html

@@ -5,12 +5,13 @@
     <!-- 基础信息 -->
     <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" />
     <meta name="force-rendering" content="webkit" />
     <meta name="viewport" content="width=device-width, initial-scale=1">
-    <meta name="theme-color" content="#424242"/>
+    <meta name="theme-color" content="#424242" />
     <meta name="description" content="一个默默无闻的主页">
     <meta name="keywords" content="無名,个人主页">
     <meta name="author" content="無名">
@@ -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())
+                        document.write((new Date()).getFullYear());
-                </script>&nbsp;<a href="https://imsyy.top" id="power-text">無名</a>&nbsp;&amp;&nbsp;
+                    </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>

js/main.js

@@ -85,19 +85,17 @@ setTimeout(function () {
     $('#loading-text').html("字体及文件加载可能需要一定时间")
 }, 3000);
 
-//新春灯笼 （ 需要时取消注释 ）
+// 新春灯笼 （ 需要时可取消注释 ）
-/*
+// new_element=document.createElement("link");
-new_element=document.createElement("link");
+// new_element.setAttribute("rel","stylesheet");
-new_element.setAttribute("rel","stylesheet");
+// new_element.setAttribute("type","text/css");
-new_element.setAttribute("type","text/css");
+// new_element.setAttribute("href","./css/lantern.css");
-new_element.setAttribute("href","./css/lantern.css");
+// document.body.appendChild(new_element);
-document.body.appendChild(new_element);
 
-new_element=document.createElement("script");
+// new_element=document.createElement("script");
-new_element.setAttribute("type","text/javascript");
+// new_element.setAttribute("type","text/javascript");
-new_element.setAttribute("src","./js/lantern.js");
+// new_element.setAttribute("src","./js/lantern.js");
-document.body.appendChild(new_element);
+// document.body.appendChild(new_element);
-*/
 
 //火狐浏览器独立样式
 if (isFirefox = navigator.userAgent.indexOf("Firefox") > 0) {
@@ -174,9 +172,9 @@ function getWeather() {
                         .then(response => response.json())
                         .then(weather => {
                             $('#wea_text').html(weather.now.text)
-                            $('#tem_text').html(weather.now.temp+"°C ")
+                            $('#tem_text').html(weather.now.temp + "°C ")
                             $('#win_text').html(weather.now.windDir)
-                            $('#win_speed').html(weather.now.windScale+"级")
+                            $('#win_speed').html(weather.now.windScale + "级")
                         })
                 })
         })
@@ -274,12 +272,12 @@ $("#email").mouseover(function () {
 }).mouseout(function () {
     $("#link-text").html("通过这里联系我");
 });
-$("#telegram").mouseover(function () {
+$("#bilibili").mouseover(function () {
-    $("#link-text").html("你懂的 ~");
+    $("#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
+版 本 号：3.4
-更新日期：2022-07-06
+更新日期：2022-07-24
 
 主页:  https://www.imsyy.top
 Github:  https://github.com/imsyy/home

js/set.js

@@ -6,70 +6,56 @@ GitHub：https://github.com/imsyy/home
 */
 
 /* 自定义配置 */
-// $(function () {
+/* 尚未完善 */
-//     var url = "../setting.json"
+$(function () {
-//     $.getJSON(
+    var url = "../setting.json"
-//         url,
+    $.getJSON(
-//         function (data) {
+        url,
-//             /* 页头数据 */
+        function (data) {
-//             $('title').text(data.title);
+            /* 页头数据 */
-//             $('#loading-title').html(data.title);
+            $('title').text(data.title);
-//             $("meta[name='description']").attr('content', data.description);
+            $('#loading-title').html(data.title);
-//             $("meta[name='keywords']").attr('content', data.keywords);
+            $("meta[name='description']").attr('content', data.description);
-//             $("meta[name='author']").attr('content', data.author);
+            $("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-img").attr("src", data.logo_img);
-//             $('#logo-text-2').html("." + data.logo_text_2);
+            $('#logo-text-1').html(data.logo_text_1);
-//             $('#logo-title-other').html(data.logo_text_1);
+            $('#logo-text-2').html("." + data.logo_text_2);
-//             $('#logo-title-other-small').html("." + data.logo_text_2);
+            $('#logo-title-other').html(data.logo_text_1);
-//             $('#logo-text-small').html(data.logo_text_1 + "." + data.logo_text_2);
+            $('#logo-title-other-small').html("." + data.logo_text_2);
-//             $('#change').html(data.des_title[0]);
+            $('#logo-text-small').html(data.logo_text_1 + "." + data.logo_text_2);
-//             $('#change1').html(data.des_title[1]);
+            /* 社交链接 */
-//             localStorage.setItem('des_tip', data.des_title[0]);
+            $('#github').attr('href', "https://github.com/" + data.github);
-//             localStorage.setItem('des_tip_change', data.des_title_change[0]);
+            $('#qq').attr('href', "https://wpa.qq.com/msgrd?v=3&uin=" + data.qq + "&site=qq&menu=yes");
-//             localStorage.setItem('des_title', data.des_title[1]);
+            $('#email').attr('href', "mailto:" + data.email);
-//             localStorage.setItem('des_title_change', data.des_title_change[1]);
+            $('#bilibili').attr('href', "https://space.bilibili.com/" + data.bilibili);
-//             /* 社交链接 */
+            $('#telegram').attr('href', "https://t.me/" + data.telegram);
-//             $('#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");
+            $('#link-url-1').attr('href', data.link_1[0]);
-//             $('#email').attr('href', "mailto:" + data.email);
+            $('#link-icon-1').attr('class', data.link_1[1]);
-//             $('#telegram').attr('href', "https://t.me/" + data.telegram);
+            $('#link-name-1').html(data.link_1[2]);
-//             $('#twitter').attr('href', "https://twitter.com/" + data.twitter);
+            $('#link-url-2').attr('href', data.link_2[0]);
-//             /* 天气 API */
+            $('#link-icon-2').attr('class', data.link_2[1]);
-//             localStorage.setItem('weather_api', data.weather_api);
+            $('#link-name-2').html(data.link_2[2]);
-//             /* 快捷链接 */
+            $('#link-url-3').attr('href', data.link_3[0]);
-//             $('#link-url-1').attr('href', data.link_1[0]);
+            $('#link-icon-3').attr('class', data.link_3[1]);
-//             $('#link-icon-1').attr('class', data.link_1[1]);
+            $('#link-name-3').html(data.link_3[2]);
-//             $('#link-name-1').html(data.link_1[2]);
+            $('#link-url-4').attr('href', data.link_4[0]);
-//             $('#link-url-2').attr('href', data.link_2[0]);
+            $('#link-icon-4').attr('class', data.link_4[1]);
-//             $('#link-icon-2').attr('class', data.link_2[1]);
+            $('#link-name-4').html(data.link_4[2]);
-//             $('#link-name-2').html(data.link_2[2]);
+            $('#link-url-5').attr('href', data.link_5[0]);
-//             $('#link-url-3').attr('href', data.link_3[0]);
+            $('#link-icon-5').attr('class', data.link_5[1]);
-//             $('#link-icon-3').attr('class', data.link_3[1]);
+            $('#link-name-5').html(data.link_5[2]);
-//             $('#link-name-3').html(data.link_3[2]);
+            $('#link-url-6').attr('href', data.link_6[0]);
-//             $('#link-url-4').attr('href', data.link_4[0]);
+            $('#link-icon-6').attr('class', data.link_6[1]);
-//             $('#link-icon-4').attr('class', data.link_4[1]);
+            $('#link-name-6').html(data.link_6[2]);
-//             $('#link-name-4').html(data.link_4[2]);
+            //页脚版权
-//             $('#link-url-5').attr('href', data.link_5[0]);
+            $('#power-text').html(data.Copyright_text);
-//             $('#link-icon-5').attr('class', data.link_5[1]);
+            $('#beian').html("& " + data.beian);
-//             $('#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) {

setting.json

@@ -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": [
+    "Copyright_text": "無名",
-        [
+    "beian": "豫ICP备2022018134号-1"
-            "每日一图",
-            "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": "無名"
 }