添加配置文件

css/style.css

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

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-title-big" id="logo-text-1">imsyy</span>
-                                    <span class="img-text">.top</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>
+                                                <i id="link-icon-1" class="fa-solid fa-blog"></i>
-                                                <span class="link-name">博客</span>
+                                                <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>
+                                                <i id="link-icon-2" class="fa-solid fa-cloud"></i>
-                                                <span class="link-name">网盘</span>
+                                                <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>
+                                                <i id="link-icon-3" class="fa-solid fa-music"></i>
-                                                <span class="link-name">音乐</span>
+                                                <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>
+                                                <i id="link-icon-4" class="fa-solid fa-compass"></i>
-                                                <span class="link-name">起始页</span>
+                                                <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>
+                                                <i id="link-icon-5" class="fa-solid fa-book-bookmark"></i>
-                                                <span class="link-name">网址集</span>
+                                                <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>
+                                                <i id="link-icon-6" class="fa-solid fa-flask"></i>
-                                                <span class="link-name">实验室</span>
+                                                <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-title-big" id="logo-title-other">imsyy</span>
-                                <span class="img-text">.top</span><br />
+                                <span class="img-text" id="logo-title-other-small">.top</span><br />
-                                <span class="img-text">&nbsp;&nbsp;v&nbsp;3.0</span>
+                                <span class="img-text">&nbsp;v&nbsp;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&nbsp;&copy;&nbsp;2020
+            <div class="power">Copyright&nbsp;&copy;&nbsp;<span id="power-year">2020</span>
                 <script>
                     document.write(' - ' + (new Date()).getFullYear())
-                </script>&nbsp;<a href="https://imsyy.top">無名</a>&nbsp;&amp;&nbsp;
+                </script>&nbsp;<a href="https://imsyy.top" id="power-text">無名</a>&nbsp;&amp;&nbsp;
                 <!-- 以下信息请不要修改哦 -->
                 Made&nbsp;by&nbsp;<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">

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 + "&nbsp;年&nbsp;" + mm + "&nbsp;月&nbsp;" + d + "&nbsp;日&nbsp;" + "<span class='weekday'>" + weekday[day] + "</span><br>" + "<span class='time-text'>" + h + ":" + m + ":" + s + "</span>";
     $("#time").html(y + "&nbsp;年&nbsp;" + mm + "&nbsp;月&nbsp;" + d + "&nbsp;日&nbsp;" + "<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&nbsp;!");
+        $("#change").html(localStorage.getItem('des_tip_change'));
-        $("#change1").html("哎呀，这都被你发现了（ 再点击一次可关闭 ）");
+        $("#change1").html(localStorage.getItem('des_title_change'));
     } else {
         $('#container').attr('class', 'container');
-        $("#change").html("Hello&nbsp;World&nbsp;!");
+        $("#change").html(localStorage.getItem('des_tip'));
-        $("#change1").html("一个建立于 21 世纪的小站，存活于互联网的边缘");
+        $("#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&nbsp;World&nbsp;!");
+            $("#change").html(localStorage.getItem('des_tip'));
-            $("#change1").html("一个建立于 21 世纪的小站，存活于互联网的边缘");
+            $("#change1").html(localStorage.getItem('des_title'));
 
             //移动端隐藏弹窗页面
             $('#box').css("display", "none");
@@ -366,8 +365,8 @@ var title2 = `
 |_____|_|  |_|_____/   |_|      |_|                                                     
 `
 var content = `
-版 本 号：3.0
+版 本 号：3.2
-更新日期：2022-05-20
+更新日期：2022-06-28
 
 主页:  https://www.imsyy.top
 Github:  https://github.com/imsyy/home

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: '壁纸设置成功',
             });
-        }
+        };
     });
 });

setting.json

@@ -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": "無名"
+}