'webpack设置ico'

config/index.js

@@ -43,14 +43,23 @@ const config = {
     },
   },
   h5: {
-    webpackChain (chain) {
+    webpackChain(chain) {
       chain.module
-        .rule('markdown')
+        .rule("markdown")
         .test(/\.md$/)
-        .use('raw-loader')
-          .loader('raw-loader')
-          .end();
+        .use("raw-loader")
+        .loader("raw-loader")
+        .end();
+      chain.module
+        .rule("ico")
+        .test(/\.ico$/)
+        .use("file-loader")
+        .loader("file-loader")
+        .options({
+          name: "static/images/[name].[ext]",
+        });
     },
+
     esnextModules: ["taro-ui"],
     publicPath: "/",
     staticDirectory: "static",
@@ -86,20 +95,20 @@ const config = {
       // host: 'nomad.hackrobot.cn', // 替换为您的域名
       // port: 10087,            // 选择一个适当的端口号
       proxy: {
-        '/api/': {
+        "/api/": {
           target: JSON.parse('"http://localhost:8700"'), //本地调试端口
           pathRewrite: {
-            '^/api/': '/'
+            "^/api/": "/",
           },
-          changeOrigin: true
-        }
+          changeOrigin: true,
+        },
       },
       // 允许特定域名访问
       allowedHosts: [
         // 'bot.hackrobot.cn'
-        'nomadyt.com'
+        "nomadyt.com",
       ],
-    }
+    },
   },
 };
 

src/index.html

@@ -9,14 +9,14 @@
   <meta name="apple-mobile-web-app-status-bar-style" content="white">
   <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" >
   <!-- <link rel="apple-touch-icon" href="/static/images/images/touxiang.png" /> -->
-  <link rel="apple-touch-icon" href="/static/images/images/youtube.svg" />
+  <link rel="apple-touch-icon" href="/static/images/images/youtube.ico" />
 
   <link
     rel="icon"
     sizes="192x192"
-    href="/static/images/images/youtube.svg"
-
+    href="/static/images/images/youtube.ico"
   />
+  <!-- <link rel="icon" type="image/x-icon" href="/static/images/youtube.ico"> -->
   <title>Youtube运营笔记</title>
   <meta name="description" content="Youtube运营笔记">
   <meta property="og:description" content="Youtube运营笔记">

src/pages/book/index.config.js

@@ -1,3 +1,3 @@
 export default {
-  navigationBarTitleText: '一人公司方法论'
+  navigationBarTitleText: '油管运营笔记'
 }

src/pages/index/index.jsx

@@ -47,6 +47,9 @@ import youtube4 from "../../images/yt4.svg";
 import ytGpt from "../../images/ytGpt.png";
 
 import demo from "../../images/demo.svg";
+import youtubeIco from "../../images/youtube.ico";
+
+
 
 // export default class Index extends Component {
 const Index = () => {
@@ -410,11 +413,10 @@ const Index = () => {
             </View>
           </View>
         </View>
-      </View>
-      {/* <View className="footer_div"></View> */}
-      <View className="footer">
-        {/* <View>《Youtube运营笔记》</View> */}
-        <View>Copyright © 2025 </View>
+        {/* <View className="footer_div"></View> */}
+        {/* <View className="footer">
+          <View>Copyright © 2025 </View>
+        </View> */}
       </View>
     </>
   );

src/pages/index/index.scss

@@ -24,7 +24,7 @@
       flex-direction: column;
       align-items: center;
       justify-content: space-around;
-      // background-color: rgb(208, 255, 0); 
+      // background-color: rgb(208, 255, 0);
       .left_title {
         font-size: 50px;
         font-weight: 700;
@@ -42,7 +42,6 @@
         // align-items: center;
         // justify-content: space-around;
         // background-color: yellow;
-
       }
       .left_btn {
         margin-top: 40px;
@@ -81,7 +80,9 @@
 
 @media (min-width: 1536px) {
   .index {
-    padding: 100px;
+    // padding: 100px;
+    // height: 100vh;
+    position: relative;
     display: flex;
     flex-direction: column;
     align-items: center;
@@ -170,19 +171,21 @@
         display: none;
       }
     }
-  }
-}
 
-.footer {
-  position: absolute;
-  bottom: 0px;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  width: 100%;
-  height: 60px;
-  // margin-bottom: 20px;
-  font-size: 14px;
-  // background-color: yellow;
+    .footer {
+      // position: absolute;
+      position: fixed;
+      bottom: 0px;
+      display: flex;
+      flex-direction: row;
+      align-items: center;
+      justify-content: center;
+      width: 100%;
+      height: 60px;
+      // margin-bottom: 20px;
+      font-size: 14px;
+      background-color: yellow;
+    }
+  }
+
 }