From ff83ffd53ad251d248d85eafdc4eaea30df7cbbc Mon Sep 17 00:00:00 2001
From: imsyy <one@imsyy.top>
Date: Thu, 15 Jun 2023 10:05:47 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E4=BF=AE=E5=A4=8D=E9=83=A8=E5=88=86?=
 =?UTF-8?q?=E5=8F=82=E6=95=B0=E9=85=8D=E7=BD=AE=E6=97=A0=E6=95=88=20#148?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .env                                 | 17 +++++++++----
 index.html                           |  8 +++---
 src/components/Footer/index.vue      | 37 +++++++++++++++++-----------
 src/components/Links/index.vue       | 35 +-------------------------
 src/components/TimeCapsule/index.vue |  2 +-
 vite.config.js                       |  2 ++
 6 files changed, 44 insertions(+), 57 deletions(-)

diff --git a/.env b/.env
index ca09b46..a679382 100644
--- a/.env
+++ b/.env
@@ -4,7 +4,8 @@ VITE_SITE_ANTHOR = "無名"
 VITE_SITE_KEYWORDS = "無名,个人主页"
 VITE_SITE_DES = "一个默默无闻的主页"
 VITE_SITE_URL = "imsyy.top"
-VITE_SITE_LOGO = "/images/icon/logo.png"
+VITE_SITE_LOGO = "/images/icon/favicon.ico"
+VITE_SITE_APPLE_LOGO = "/images/logo/apple-touch-icon.png"
 
 # 百度统计（若不需要可不填）
 VITE_SITE_BAIDUTONGJI = "14e9f35ff8bc67fd4bcb5f07a6e6655a"
@@ -20,20 +21,26 @@ VITE_DESC_TEXT_OTHER = "哎呀，这都被你发现了（ 再点击一次可关
 
 # 网站链接
 ## 请在 src/assets/siteLinks.json 文件中配置
+## 网站链接的图标名称可前往 https://www.xicons.org 自行挑选并在 src/components/Links/index.vue 中引入
 
 # 天气 Key
-## 请前往高德开放平台注册 **Web服务** Key（免费的）
-## 请各位大佬行行好，别再让我超量了
+## 请前往 高德开放平台注册 Web服务 Key
+## 请注意不是 Web端 (JS API)，免费申请，每日上限 5000 次
+## 此处提供的服务可能会超量从而无法访问，请自行申请！请自行申请！请自行申请！
 VITE_WEATHER_KEY = "6c13af6fc30868bee488faf2cc652ab4"
 
 # 建站日期
-## 请按照 YYYY-MM-DD 格式填写
+## 请按照 YYYY-MM-DD 格式填写或者仅填写年份 YYYY
 VITE_SITE_START = "2020-10-24"
 
+# ICP 备案号
+## 若不需要，请设为空即可
+VITE_SITE_ICP = "豫ICP备2022018134号-1"
+
 # 歌曲 API 地址
 ## 请参照 https://github.com/xizeyoupan/Meting-API#deno-deploy 进行 API 服务部署
 ## 此处提供的服务可能会超量从而无法访问，请自行部署
-## 若使用QQ音乐歌单，歌曲数量最好不要超出50首
+## 若使用 QQ 音乐歌单，歌曲数量最好不要超出 50 首
 ## 备用：https://api.wuenci.com/meting/api/
 VITE_SONG_API = "https://api-meting.imsyy.top/api"
 # 歌曲服务器 ( netease-网易云, tencent-qq音乐 )
diff --git a/index.html b/index.html
index 7061aa8..3d5913c 100644
--- a/index.html
+++ b/index.html
@@ -6,6 +6,10 @@
   <meta http-equiv="Access-Control-Allow-Origin" content="*">
   <!-- <meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests"> -->
   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  <link rel="icon" href="<%- logo %>">
+  <link rel="apple-touch-icon" href="<%- appleLogo %>" />
+  <link rel="bookmark" href="<%- appleLogo %>" />
+  <link rel="apple-touch-icon-precomposed" sizes="200x200" href="<%- appleLogo %>" />
   <meta name="description" content="<%- description %>" />
   <meta name="keywords" content="<%- keywords %>" />
   <meta name="author" content="<%- author %>" />
@@ -15,8 +19,6 @@
   <!-- 本站 CDN 已开启防盗链，非本站域名不可访问，请更改链接为下方内容，否则自定义字体将失效 -->
   <!-- https://s1.hdslb.com/bfs/static/jinkela/long/font/regular.css -->
   <link rel="stylesheet" href="https://cdn.imsyy.top/gh/imsyy/file/font/HarmonyOS_Sans/regular.min.css" />
-  <link rel="icon" href="/images/icon/favicon.ico">
-  <link rel="apple-touch-icon" href="/images/icon/apple-touch-icon.png">
   <link rel="stylesheet" href="/loading/loading.min.css">
   <!-- IE Out -->
   <script>
@@ -28,7 +30,7 @@
   <!-- 百度统计 -->
   <script>
     var _hmt = _hmt || [];
-    (function () {
+    (function() {
       var hm = document.createElement("script");
       hm.src = "https://hm.baidu.com/hm.js?<%- tongji %>";
       var s = document.getElementsByTagName("script")[0];
diff --git a/src/components/Footer/index.vue b/src/components/Footer/index.vue
index c3b10bc..131a4b5 100644
--- a/src/components/Footer/index.vue
+++ b/src/components/Footer/index.vue
@@ -1,23 +1,27 @@
 <template>
   <footer>
     <div class="power" v-show="!store.playerState">
-      <span
-        >Copyright&nbsp;&copy;&nbsp;{{ fullYear }}
+      <span>
+        Copyright&nbsp;&copy;
+        <span v-if="siteStartDate?.length >= 4" class="site-start">
+          {{ siteStartDate.substring(0, 4) }}
+          -
+        </span>
+        {{ fullYear }}
         <a href="https://imsyy.top">無名</a>
       </span>
       <!-- 以下信息请不要修改哦 -->
-      <span class="hidden"
-        >&nbsp;&amp;&nbsp;Made&nbsp;by&nbsp;<a
-          :href="config.github"
-          target="_blank"
-        >
+      <span class="hidden">
+        &amp;&nbsp;Made&nbsp;by
+        <a :href="config.github" target="_blank">
           {{ config.author }}
-        </a></span
-      >&nbsp;&amp;
+        </a>
+      </span>
       <!-- 站点备案 -->
-      <a href="https://beian.miit.gov.cn" target="_blank"
-        >豫ICP备2022018134号-1</a
-      >
+      <a v-if="siteIcp" href="https://beian.miit.gov.cn" target="_blank">
+        &amp;
+        {{ siteIcp }}
+      </a>
     </div>
     <div class="lrc" v-show="store.playerState">
       <music-one theme="filled" size="18" fill="#efefef" />
@@ -30,12 +34,17 @@
 </template>
 
 <script setup>
+import { ref } from "vue";
 import { MusicOne } from "@icon-park/vue-next";
 import { mainStore } from "@/store";
 import config from "@/../package.json";
-const store = mainStore();
 
+const store = mainStore();
 const fullYear = new Date().getFullYear();
+
+// 加载配置数据
+const siteStartDate = ref(import.meta.env.VITE_SITE_START);
+const siteIcp = ref(import.meta.env.VITE_SITE_ICP);
 </script>
 
 <style lang="scss" scoped>
@@ -87,4 +96,4 @@ footer {
     }
   }
 }
-</style>
\ No newline at end of file
+</style>
diff --git a/src/components/Links/index.vue b/src/components/Links/index.vue
index 438a8e3..c7e148c 100644
--- a/src/components/Links/index.vue
+++ b/src/components/Links/index.vue
@@ -47,6 +47,7 @@
 <script setup>
 import { onMounted } from "vue";
 import { Icon } from "@vicons/utils";
+// 可前往 https://www.xicons.org 自行挑选并在此处引入
 import {
   Link,
   Blog,
@@ -77,40 +78,6 @@ const siteIcon = {
   LaptopCode,
 };
 
-// 网站链接数据
-const linksData = [
-  {
-    icon: Blog,
-    name: "博客",
-    link: "https://blog.imsyy.top/",
-  },
-  {
-    icon: Cloud,
-    name: "网盘",
-    link: "https://pan.imsyy.top/",
-  },
-  {
-    icon: CompactDisc,
-    name: "音乐",
-    link: "https://music.imsyy.top/",
-  },
-  {
-    icon: Compass,
-    name: "起始页",
-    link: "https://nav.imsyy.top/",
-  },
-  {
-    icon: Book,
-    name: "网址集",
-    link: "https://web.imsyy.top/",
-  },
-  {
-    icon: Fire,
-    name: "今日热榜",
-    link: "https://hot.imsyy.top/",
-  },
-];
-
 // 链接跳转
 const jumpLink = (data) => {
   if (data.name === "音乐" && store.musicClick) {
diff --git a/src/components/TimeCapsule/index.vue b/src/components/TimeCapsule/index.vue
index 318bc26..40a5335 100644
--- a/src/components/TimeCapsule/index.vue
+++ b/src/components/TimeCapsule/index.vue
@@ -40,7 +40,7 @@
       :stroke-width="20"
       :percentage="timeData.year.pass"
     />
-    <div v-if="startDateText && store.siteStartShow">
+    <div v-if="startDate?.length >= 4 && store.siteStartShow">
       <span class="text" v-html="startDateText" />
       <!-- <el-progress
         :show-text="false"
diff --git a/vite.config.js b/vite.config.js
index 33bf7bd..0a505ce 100644
--- a/vite.config.js
+++ b/vite.config.js
@@ -35,6 +35,8 @@ export default ({
       template: 'index.html',
       inject: {
         data: {
+          logo: loadEnv(mode, process.cwd()).VITE_SITE_LOGO,
+          appleLogo: loadEnv(mode, process.cwd()).VITE_SITE_APPLE_LOGO,
           title: loadEnv(mode, process.cwd()).VITE_SITE_NAME,
           author: loadEnv(mode, process.cwd()).VITE_SITE_ANTHOR,
           keywords: loadEnv(mode, process.cwd()).VITE_SITE_KEYWORDS,