Quellcode durchsuchen

add content btns

huai-sian vor 3 Jahren
Ursprung
Commit
8f01213d06
39 geänderte Dateien mit 724 neuen und 266 gelöschten Zeilen
  1. 75 29
      layouts/ad-operation/single.html
  2. 74 28
      layouts/amp/single.html
  3. 74 28
      layouts/bigdata/single.html
  4. 74 28
      layouts/crawler/single.html
  5. 74 28
      layouts/ip/single.html
  6. 74 28
      layouts/research/single.html
  7. 74 28
      layouts/seo/single.html
  8. 74 29
      layouts/video-making/single.html
  9. 13 0
      static/css/style.css
  10. 1 1
      webSite/content/blog/ai電視台-2.md
  11. 2 2
      webSite/content/blog/ai電視台-3.md
  12. 1 1
      webSite/content/blog/ai電視台-4.md
  13. 1 1
      webSite/content/blog/ai電視台-6.md
  14. 1 1
      webSite/content/blog/ai電視台-7.md
  15. 1 1
      webSite/content/blog/ppt-to-mp4.md
  16. 1 1
      webSite/content/blog/ppt-to-mp4_prism.md
  17. 4 4
      webSite/content/blog/ppt做影片-2.md
  18. 2 2
      webSite/content/blog/seo-排名.md
  19. 78 0
      webSite/content/news/slidetovideo-ch.md
  20. 4 4
      webSite/content/news/zhubei-website-design.py
  21. 1 1
      webSite/content/trenddetail/20210819_17.md
  22. 1 1
      webSite/content/trenddetail/20210821_05.md
  23. 1 1
      webSite/content/trenddetail/20210821_08.md
  24. 1 1
      webSite/content/trenddetail/20210904_05.md
  25. 1 1
      webSite/content/trenddetail/20210906_05.md
  26. 2 2
      webSite/content/trenddetail/20210915_05.md
  27. 2 2
      webSite/content/trenddetail/20210916_06.md
  28. 1 1
      webSite/content/trenddetail/20210916_07.md
  29. 1 1
      webSite/content/trenddetail/20210924_12.md
  30. 2 2
      webSite/content/trenddetail/20211019_01.md
  31. 1 1
      webSite/content/trenddetail/20211020_09.md
  32. 1 1
      webSite/content/trenddetail/20211021_16.md
  33. 1 1
      webSite/content/trenddetail/20211208_01.md
  34. 1 1
      webSite/content/trenddetail/20211220_04.md
  35. 1 1
      webSite/content/trenddetail/20220101_01.md
  36. 1 1
      webSite/content/trenddetail/20220102_16.md
  37. 1 1
      webSite/content/trenddetail/20220128_15.md
  38. 1 1
      webSite/content/trenddetail/20220201_18.md
  39. 1 1
      webSite/content/video-making/dm.md

+ 75 - 29
layouts/ad-operation/single.html

@@ -10,6 +10,55 @@
     integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
     <link rel="stylesheet" href="//use.fontawesome.com/releases/v5.11.2/css/all.css">
     <link rel="stylesheet" href="/css/style.css">
+    <style>
+      .footer {
+        color: #656565;
+      }
+
+      .footer a {
+        color: #656565;
+        text-decoration: none;
+      }
+
+      .footer h5 {
+        color: black;
+        font-weight: 600;
+        padding-bottom: 15px;
+      }
+
+      .footer .link {
+        padding-bottom: 20px;
+      }
+
+      .footer {
+        background-color: #F0F0F0;
+        padding: 3rem;
+      }
+
+      .footer .right-column {
+        border-left: 1px solid black;
+      }
+
+      .footer .footer-aigirl {
+        font-weight: 600;
+        font-size: 2rem;
+        margin-top: 1rem;
+        margin-bottom: 1rem;
+      }
+
+      .footer .footer-follow {
+        font-size: 1.6rem;
+        margin-bottom: 1rem;
+        color: black;
+        font-size: 1rem;
+        font-weight: 600;
+        margin-top: 2rem;
+      }
+
+      .footer .footer-socials a {
+        margin-right: 5px;
+      }
+    </style>
 </head>
 <body>
     <nav class="navbar navbar-expand-lg navbar-light fixed-top">
@@ -61,7 +110,7 @@
                     <h2 class="header__title">智慧投放Google廣告<br>提高轉換率</h2>
                     <p class="text-center px-3">只要Google廣告下得好,就能吸引新訪客光顧網站、
                       提高線上銷售量、提升客戶回訪率,<strong>現在早鳥方案代操費用僅 1%</strong> <p>
-                    <button class="hero-btn" onclick="window.location.href=`/contact/service/`">立即諮詢</button>
+                    <button class="btns-dark" onclick="window.location.href=`/contact/service/`">立即諮詢</button>
                 </div>
                 <div class="col-12 col-md-7">
                     <div class="header__right header__dm" style="background-image: url('/imgs/dm/dm_ad-operation_1.jpeg');">
@@ -135,45 +184,42 @@
                 <ul class="text-start img-block-list">
                   <li>{{ .Params.block4_list1 }}</li>
                   <li>{{ .Params.block4_list2 }}</li>
-                  <li>{{ .Params.block4_list3 }}</li>
+
                 </ul>
               </div>
             </div>
           </section>
+          <section class="category container text-center img-block" style="padding-bottom: 6rem;">
+            <button class="btns-dark" onclick="window.location.href=`/contact/service/`">立即諮詢</button>
+          </section>
       </main>
       <footer class="footer">
-        <div class="container container__footer">
+        <div class="container">
             <div class="row">
-            <div class="col-6">
-                <h4>About us</h4>
-                <a href="http://www.choozmo.com/"><img src="/imgs/logo_choozmo.webp" class="footer_img"></a>
-                <div class="followus">
-                    <span class="followus__txt">關注我們</span>
-                    <a href="https://www.youtube.com/channel/UCi3jHOCCmx0Zyl2ZvoHzHQg" class="followus__img"><img src="/imgs/youtube-new-flat-logo-1.png" alt="" width="32px" height="32px"></a>
-                    <a href="https://line.me/R/ti/p/@choozmo?from=page" class="followus__img"><img src="/imgs/line.png" alt=""></a>
-                    <br>
-                    <a href="" class="followus__btn">訂閱電子報<i class="fas fa-envelope"></i></a>
+                <div class="col-xs-12 col-sm-6">
+                    <img src="https://i.imgur.com/P1gNopa.png" alt="" width="250">
+                    <div class="footer-aigirl">Choozmo AI Spokesgirl</div>
+                    <div class="footer-follow">關注我們</div>
+                    <div class="footer-socials">
+                        <a href="https://www.linkedin.com/company/choozmo/"><img src="https://i.imgur.com/qnd9QrT.png" alt="" width="32px" height="32px"></a>
+                        <a href="https://www.facebook.com/choozmo/"><img src="https://i.imgur.com/WdCAhSo.png" alt="" width="48px" height="48px"></a>
+                        <a href="https://line.me/R/ti/p/@choozmo?from=page"><img src="https://i.imgur.com/dNZ2aGW.png" alt="" width="32px" height="32px"></a>
+                        <a href="https://www.youtube.com/channel/UC2Qda9PhJWuiMTCZ-j7K_hg"><img src="https://i.imgur.com/zn6DUY8.png" alt="" width="32px" height="32px"></a>
+                        <a href="https://www.instagram.com/choozmo_cmm/"><img src="https://i.imgur.com/pdJPY7m.png" alt="" width="48px" height="48px"></a>
+                        <a href="https://twitter.com/ai_cmm"><img src="https://i.imgur.com/qGBzq4J.png" alt="" width="32px" height="32px"></a>
+                    </div>
                 </div>
-                <hr class="d-block d-md-none">
-            </div>
-            <!-- <div class="col-md-4 col-6">
-                <div>
-                    <p class="footer__btn__text">想洽詢我們的專案製作嗎?</p>
-                    <a href="/contact/service/" class="btn btn-lg">洽詢專案製作</a>
+                <div class="col-xs-12 col-sm-6">
+                    <div class="footer-contacts" style="margin-top: 2rem;">
+                        <h5>CONTACT</h5>
+                        <div>
+                            集仕多股份有限公司<br>新竹縣竹北市復興二路229號9樓之9<br>聯絡電話:036670804<br>聯絡信箱:SERVICE@CHOOZMO.COM
+                        </div>
+                    </div>
                 </div>
-            </div> -->
-            <div class="col-6">
-              <h4>Contact</h4>
-                <p class="text-uppercase"><strong>集仕多股份有限公司</strong>
-            <br>新竹縣竹北市復興二路229號9樓之9
-            <br>聯絡電話:036670804
-            <br>聯絡信箱:service@choozmo.com
-          </p>
-                <hr class="hidden-md hidden-lg hidden-sm">
-            </div>
             </div>
         </div>
-    </footer>
+      </footer>
     <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js" 
     integrity="sha384-IQsoLXl5PILFhosVNubq5LC7Qb9DXgDA9i+tQ8Zj3iwWAwPtgFTxbJ8NT4GN1R8p" 
     crossorigin="anonymous"></script>

+ 74 - 28
layouts/amp/single.html

@@ -10,6 +10,55 @@
     integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
     <link rel="stylesheet" href="//use.fontawesome.com/releases/v5.11.2/css/all.css">
     <link rel="stylesheet" href="/css/style.css">
+    <style>
+      .footer {
+        color: #656565;
+      }
+
+      .footer a {
+        color: #656565;
+        text-decoration: none;
+      }
+
+      .footer h5 {
+        color: black;
+        font-weight: 600;
+        padding-bottom: 15px;
+      }
+
+      .footer .link {
+        padding-bottom: 20px;
+      }
+
+      .footer {
+        background-color: #F0F0F0;
+        padding: 3rem;
+      }
+
+      .footer .right-column {
+        border-left: 1px solid black;
+      }
+
+      .footer .footer-aigirl {
+        font-weight: 600;
+        font-size: 2rem;
+        margin-top: 1rem;
+        margin-bottom: 1rem;
+      }
+
+      .footer .footer-follow {
+        font-size: 1.6rem;
+        margin-bottom: 1rem;
+        color: black;
+        font-size: 1rem;
+        font-weight: 600;
+        margin-top: 2rem;
+      }
+
+      .footer .footer-socials a {
+        margin-right: 5px;
+      }
+    </style>
 </head>
 <body>
     <nav class="navbar navbar-expand-lg navbar-light fixed-top">
@@ -60,7 +109,7 @@
                 <div class="col-12 col-md-5 text-center ">
                     <h2 class="header__title">{{ .Params.packageTitle }}</h2>
                     <p class="text-center px-3">{{ .Params.packageSub }}<p>
-                    <button class="hero-btn" onclick="window.location.href=`/contact/service/`">立即諮詢</button>
+                    <button class="btns-dark" onclick="window.location.href=`/contact/service/`">立即諮詢</button>
                 </div>
                 <div class="col-12 col-md-7">
                     <div class="header__right header__dm" style="background-image: url('/imgs/dm/dm_computer.jpeg');">
@@ -135,40 +184,37 @@
               </div>
             </div>
           </section>
+          <section class="category container text-center img-block" style="padding-bottom: 6rem;">
+            <button class="btns-dark" onclick="window.location.href=`/contact/service/`">立即諮詢</button>
+          </section>
       </main>
       <footer class="footer">
-        <div class="container container__footer">
+        <div class="container">
             <div class="row">
-            <div class="col-6">
-                <h4>About us</h4>
-                <a href="http://www.choozmo.com/"><img src="/imgs/logo_choozmo.webp" class="footer_img"></a>
-                <div class="followus">
-                    <span class="followus__txt">關注我們</span>
-                    <a href="https://www.youtube.com/channel/UCi3jHOCCmx0Zyl2ZvoHzHQg" class="followus__img"><img src="/imgs/youtube-new-flat-logo-1.png" alt="" width="32px" height="32px"></a>
-                    <a href="https://line.me/R/ti/p/@choozmo?from=page" class="followus__img"><img src="/imgs/line.png" alt=""></a>
-                    <br>
-                    <a href="" class="followus__btn">訂閱電子報<i class="fas fa-envelope"></i></a>
+                <div class="col-xs-12 col-sm-6">
+                    <img src="https://i.imgur.com/P1gNopa.png" alt="" width="250">
+                    <div class="footer-aigirl">Choozmo AI Spokesgirl</div>
+                    <div class="footer-follow">關注我們</div>
+                    <div class="footer-socials">
+                        <a href="https://www.linkedin.com/company/choozmo/"><img src="https://i.imgur.com/qnd9QrT.png" alt="" width="32px" height="32px"></a>
+                        <a href="https://www.facebook.com/choozmo/"><img src="https://i.imgur.com/WdCAhSo.png" alt="" width="48px" height="48px"></a>
+                        <a href="https://line.me/R/ti/p/@choozmo?from=page"><img src="https://i.imgur.com/dNZ2aGW.png" alt="" width="32px" height="32px"></a>
+                        <a href="https://www.youtube.com/channel/UC2Qda9PhJWuiMTCZ-j7K_hg"><img src="https://i.imgur.com/zn6DUY8.png" alt="" width="32px" height="32px"></a>
+                        <a href="https://www.instagram.com/choozmo_cmm/"><img src="https://i.imgur.com/pdJPY7m.png" alt="" width="48px" height="48px"></a>
+                        <a href="https://twitter.com/ai_cmm"><img src="https://i.imgur.com/qGBzq4J.png" alt="" width="32px" height="32px"></a>
+                    </div>
                 </div>
-                <hr class="d-block d-md-none">
-            </div>
-            <!-- <div class="col-md-4 col-6">
-                <div>
-                    <p class="footer__btn__text">想洽詢我們的專案製作嗎?</p>
-                    <a href="/contact/service/" class="btn btn-lg">洽詢專案製作</a>
+                <div class="col-xs-12 col-sm-6">
+                    <div class="footer-contacts" style="margin-top: 2rem;">
+                        <h5>CONTACT</h5>
+                        <div>
+                            集仕多股份有限公司<br>新竹縣竹北市復興二路229號9樓之9<br>聯絡電話:036670804<br>聯絡信箱:SERVICE@CHOOZMO.COM
+                        </div>
+                    </div>
                 </div>
-            </div> -->
-            <div class="col-6">
-              <h4>Contact</h4>
-                <p class="text-uppercase"><strong>集仕多股份有限公司</strong>
-            <br>新竹縣竹北市復興二路229號9樓之9
-            <br>聯絡電話:036670804
-            <br>聯絡信箱:service@choozmo.com
-          </p>
-                <hr class="hidden-md hidden-lg hidden-sm">
-            </div>
             </div>
         </div>
-    </footer>
+      </footer>
     <script charset="utf-8" type="text/javascript" src="//js.hsforms.net/forms/shell.js"></script>
     <script>
       hbspt.forms.create({

+ 74 - 28
layouts/bigdata/single.html

@@ -10,6 +10,55 @@
     integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
     <link rel="stylesheet" href="//use.fontawesome.com/releases/v5.11.2/css/all.css">
     <link rel="stylesheet" href="/css/style.css">
+    <style>
+      .footer {
+        color: #656565;
+      }
+
+      .footer a {
+        color: #656565;
+        text-decoration: none;
+      }
+
+      .footer h5 {
+        color: black;
+        font-weight: 600;
+        padding-bottom: 15px;
+      }
+
+      .footer .link {
+        padding-bottom: 20px;
+      }
+
+      .footer {
+        background-color: #F0F0F0;
+        padding: 3rem;
+      }
+
+      .footer .right-column {
+        border-left: 1px solid black;
+      }
+
+      .footer .footer-aigirl {
+        font-weight: 600;
+        font-size: 2rem;
+        margin-top: 1rem;
+        margin-bottom: 1rem;
+      }
+
+      .footer .footer-follow {
+        font-size: 1.6rem;
+        margin-bottom: 1rem;
+        color: black;
+        font-size: 1rem;
+        font-weight: 600;
+        margin-top: 2rem;
+      }
+
+      .footer .footer-socials a {
+        margin-right: 5px;
+      }
+    </style>
 </head>
 <body>
     <nav class="navbar navbar-expand-lg navbar-light fixed-top">
@@ -60,7 +109,7 @@
                 <div class="col-12 col-md-5 text-center ">
                     <h2 class="header__title">{{ .Params.packageTitle }}</h2>
                     <p class="text-center px-3">{{ .Params.packageSub }}<p>
-                    <button class="hero-btn" onclick="window.location.href=`/contact/service/`">立即諮詢</button>
+                    <button class="btns-dark" onclick="window.location.href=`/contact/service/`">立即諮詢</button>
                 </div>
                 <div class="col-12 col-md-7">
                     <div class="header__right header__dm" style="background-image: url('/imgs/dm/dm_data.jpeg');">
@@ -132,40 +181,37 @@
                 </div>
             </div>
           </section> -->
+          <section class="category container text-center img-block" style="padding-bottom: 6rem;">
+            <button class="btns-dark" onclick="window.location.href=`/contact/service/`">立即諮詢</button>
+          </section>
       </main>
       <footer class="footer">
-        <div class="container container__footer">
+        <div class="container">
             <div class="row">
-            <div class="col-6">
-                <h4>About us</h4>
-                <a href="http://www.choozmo.com/"><img src="/imgs/logo_choozmo.webp" class="footer_img"></a>
-                <div class="followus">
-                    <span class="followus__txt">關注我們</span>
-                    <a href="https://www.youtube.com/channel/UCi3jHOCCmx0Zyl2ZvoHzHQg" class="followus__img"><img src="/imgs/youtube-new-flat-logo-1.png" alt="" width="32px" height="32px"></a>
-                    <a href="https://line.me/R/ti/p/@choozmo?from=page" class="followus__img"><img src="/imgs/line.png" alt=""></a>
-                    <br>
-                    <a href="" class="followus__btn">訂閱電子報<i class="fas fa-envelope"></i></a>
+                <div class="col-xs-12 col-sm-6">
+                    <img src="https://i.imgur.com/P1gNopa.png" alt="" width="250">
+                    <div class="footer-aigirl">Choozmo AI Spokesgirl</div>
+                    <div class="footer-follow">關注我們</div>
+                    <div class="footer-socials">
+                        <a href="https://www.linkedin.com/company/choozmo/"><img src="https://i.imgur.com/qnd9QrT.png" alt="" width="32px" height="32px"></a>
+                        <a href="https://www.facebook.com/choozmo/"><img src="https://i.imgur.com/WdCAhSo.png" alt="" width="48px" height="48px"></a>
+                        <a href="https://line.me/R/ti/p/@choozmo?from=page"><img src="https://i.imgur.com/dNZ2aGW.png" alt="" width="32px" height="32px"></a>
+                        <a href="https://www.youtube.com/channel/UC2Qda9PhJWuiMTCZ-j7K_hg"><img src="https://i.imgur.com/zn6DUY8.png" alt="" width="32px" height="32px"></a>
+                        <a href="https://www.instagram.com/choozmo_cmm/"><img src="https://i.imgur.com/pdJPY7m.png" alt="" width="48px" height="48px"></a>
+                        <a href="https://twitter.com/ai_cmm"><img src="https://i.imgur.com/qGBzq4J.png" alt="" width="32px" height="32px"></a>
+                    </div>
                 </div>
-                <hr class="d-block d-md-none">
-            </div>
-            <!-- <div class="col-md-4 col-6">
-                <div>
-                    <p class="footer__btn__text">想洽詢我們的專案製作嗎?</p>
-                    <a href="/contact/service/" class="btn btn-lg">洽詢專案製作</a>
+                <div class="col-xs-12 col-sm-6">
+                    <div class="footer-contacts" style="margin-top: 2rem;">
+                        <h5>CONTACT</h5>
+                        <div>
+                            集仕多股份有限公司<br>新竹縣竹北市復興二路229號9樓之9<br>聯絡電話:036670804<br>聯絡信箱:SERVICE@CHOOZMO.COM
+                        </div>
+                    </div>
                 </div>
-            </div> -->
-            <div class="col-6">
-              <h4>Contact</h4>
-                <p class="text-uppercase"><strong>集仕多股份有限公司</strong>
-            <br>新竹縣竹北市復興二路229號9樓之9
-            <br>聯絡電話:036670804
-            <br>聯絡信箱:service@choozmo.com
-          </p>
-                <hr class="hidden-md hidden-lg hidden-sm">
-            </div>
             </div>
         </div>
-    </footer>
+      </footer>
     <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js" 
     integrity="sha384-IQsoLXl5PILFhosVNubq5LC7Qb9DXgDA9i+tQ8Zj3iwWAwPtgFTxbJ8NT4GN1R8p" 
     crossorigin="anonymous"></script>

+ 74 - 28
layouts/crawler/single.html

@@ -10,6 +10,55 @@
     integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
     <link rel="stylesheet" href="//use.fontawesome.com/releases/v5.11.2/css/all.css">
     <link rel="stylesheet" href="/css/style.css">
+    <style>
+      .footer {
+        color: #656565;
+      }
+
+      .footer a {
+        color: #656565;
+        text-decoration: none;
+      }
+
+      .footer h5 {
+        color: black;
+        font-weight: 600;
+        padding-bottom: 15px;
+      }
+
+      .footer .link {
+        padding-bottom: 20px;
+      }
+
+      .footer {
+        background-color: #F0F0F0;
+        padding: 3rem;
+      }
+
+      .footer .right-column {
+        border-left: 1px solid black;
+      }
+
+      .footer .footer-aigirl {
+        font-weight: 600;
+        font-size: 2rem;
+        margin-top: 1rem;
+        margin-bottom: 1rem;
+      }
+
+      .footer .footer-follow {
+        font-size: 1.6rem;
+        margin-bottom: 1rem;
+        color: black;
+        font-size: 1rem;
+        font-weight: 600;
+        margin-top: 2rem;
+      }
+
+      .footer .footer-socials a {
+        margin-right: 5px;
+      }
+    </style>
 </head>
 <body>
     <nav class="navbar navbar-expand-lg navbar-light fixed-top">
@@ -60,7 +109,7 @@
                 <div class="col-12 col-md-5 text-center ">
                     <h2 class="header__title">{{ .Params.packageTitle }}</h2>
                     <p class="text-center px-3">{{ .Params.packageSub }}<p>
-                    <button class="hero-btn" onclick="window.location.href=`/contact/service/`">立即諮詢</button>
+                    <button class="btns-dark" onclick="window.location.href=`/contact/service/`">立即諮詢</button>
                 </div>
                 <div class="col-12 col-md-7">
                     <div class="header__right header__dm" style="background-image: url('/imgs/dm/dm_crawler.png');">
@@ -132,40 +181,37 @@
                 </div>
             </div>
           </section>
+          <section class="category container text-center img-block" style="padding-bottom: 6rem;">
+            <button class="btns-dark" onclick="window.location.href=`/contact/service/`">立即諮詢</button>
+          </section>
       </main>
       <footer class="footer">
-        <div class="container container__footer">
+        <div class="container">
             <div class="row">
-            <div class="col-6">
-                <h4>About us</h4>
-                <a href="http://www.choozmo.com/"><img src="/imgs/logo_choozmo.webp" class="footer_img"></a>
-                <div class="followus">
-                    <span class="followus__txt">關注我們</span>
-                    <a href="https://www.youtube.com/channel/UCi3jHOCCmx0Zyl2ZvoHzHQg" class="followus__img"><img src="/imgs/youtube-new-flat-logo-1.png" alt="" width="32px" height="32px"></a>
-                    <a href="https://line.me/R/ti/p/@choozmo?from=page" class="followus__img"><img src="/imgs/line.png" alt=""></a>
-                    <br>
-                    <a href="" class="followus__btn">訂閱電子報<i class="fas fa-envelope"></i></a>
+                <div class="col-xs-12 col-sm-6">
+                    <img src="https://i.imgur.com/P1gNopa.png" alt="" width="250">
+                    <div class="footer-aigirl">Choozmo AI Spokesgirl</div>
+                    <div class="footer-follow">關注我們</div>
+                    <div class="footer-socials">
+                        <a href="https://www.linkedin.com/company/choozmo/"><img src="https://i.imgur.com/qnd9QrT.png" alt="" width="32px" height="32px"></a>
+                        <a href="https://www.facebook.com/choozmo/"><img src="https://i.imgur.com/WdCAhSo.png" alt="" width="48px" height="48px"></a>
+                        <a href="https://line.me/R/ti/p/@choozmo?from=page"><img src="https://i.imgur.com/dNZ2aGW.png" alt="" width="32px" height="32px"></a>
+                        <a href="https://www.youtube.com/channel/UC2Qda9PhJWuiMTCZ-j7K_hg"><img src="https://i.imgur.com/zn6DUY8.png" alt="" width="32px" height="32px"></a>
+                        <a href="https://www.instagram.com/choozmo_cmm/"><img src="https://i.imgur.com/pdJPY7m.png" alt="" width="48px" height="48px"></a>
+                        <a href="https://twitter.com/ai_cmm"><img src="https://i.imgur.com/qGBzq4J.png" alt="" width="32px" height="32px"></a>
+                    </div>
                 </div>
-                <hr class="d-block d-md-none">
-            </div>
-            <!-- <div class="col-md-4 col-6">
-                <div>
-                    <p class="footer__btn__text">想洽詢我們的專案製作嗎?</p>
-                    <a href="/contact/service/" class="btn btn-lg">洽詢專案製作</a>
+                <div class="col-xs-12 col-sm-6">
+                    <div class="footer-contacts" style="margin-top: 2rem;">
+                        <h5>CONTACT</h5>
+                        <div>
+                            集仕多股份有限公司<br>新竹縣竹北市復興二路229號9樓之9<br>聯絡電話:036670804<br>聯絡信箱:SERVICE@CHOOZMO.COM
+                        </div>
+                    </div>
                 </div>
-            </div> -->
-            <div class="col-6">
-              <h4>Contact</h4>
-                <p class="text-uppercase"><strong>集仕多股份有限公司</strong>
-            <br>新竹縣竹北市復興二路229號9樓之9
-            <br>聯絡電話:036670804
-            <br>聯絡信箱:service@choozmo.com
-          </p>
-                <hr class="hidden-md hidden-lg hidden-sm">
-            </div>
             </div>
         </div>
-    </footer>
+      </footer>
     <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js" 
     integrity="sha384-IQsoLXl5PILFhosVNubq5LC7Qb9DXgDA9i+tQ8Zj3iwWAwPtgFTxbJ8NT4GN1R8p" 
     crossorigin="anonymous"></script>

+ 74 - 28
layouts/ip/single.html

@@ -10,6 +10,55 @@
     integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
     <link rel="stylesheet" href="//use.fontawesome.com/releases/v5.11.2/css/all.css">
     <link rel="stylesheet" href="/css/style.css">
+    <style>
+      .footer {
+        color: #656565;
+      }
+
+      .footer a {
+        color: #656565;
+        text-decoration: none;
+      }
+
+      .footer h5 {
+        color: black;
+        font-weight: 600;
+        padding-bottom: 15px;
+      }
+
+      .footer .link {
+        padding-bottom: 20px;
+      }
+
+      .footer {
+        background-color: #F0F0F0;
+        padding: 3rem;
+      }
+
+      .footer .right-column {
+        border-left: 1px solid black;
+      }
+
+      .footer .footer-aigirl {
+        font-weight: 600;
+        font-size: 2rem;
+        margin-top: 1rem;
+        margin-bottom: 1rem;
+      }
+
+      .footer .footer-follow {
+        font-size: 1.6rem;
+        margin-bottom: 1rem;
+        color: black;
+        font-size: 1rem;
+        font-weight: 600;
+        margin-top: 2rem;
+      }
+
+      .footer .footer-socials a {
+        margin-right: 5px;
+      }
+    </style>
 </head>
 <body>
     <nav class="navbar navbar-expand-lg navbar-light fixed-top">
@@ -60,7 +109,7 @@
                 <div class="col-12 col-md-5 text-center ">
                     <h2 class="header__title">{{ .Params.packageTitle }}</h2>
                     <p class="text-center px-3">{{ .Params.packageSub }}<p>
-                    <button class="hero-btn" onclick="window.location.href=`/contact/service/`">立即諮詢</button>
+                    <button class="btns-dark" onclick="window.location.href=`/contact/service/`">立即諮詢</button>
                 </div>
                 <div class="col-12 col-md-7">
                     <div class="header__right header__dm" style="background-image: url('/imgs/dm/dm_ip.png');">
@@ -132,40 +181,37 @@
                 </div>
             </div>
           </section>
+          <section class="category container text-center img-block" style="padding-bottom: 6rem;">
+            <button class="btns-dark" onclick="window.location.href=`/contact/service/`">立即諮詢</button>
+          </section>
       </main>
       <footer class="footer">
-        <div class="container container__footer">
+        <div class="container">
             <div class="row">
-            <div class="col-6">
-                <h4>About us</h4>
-                <a href="http://www.choozmo.com/"><img src="/imgs/logo_choozmo.webp" class="footer_img"></a>
-                <div class="followus">
-                    <span class="followus__txt">關注我們</span>
-                    <a href="https://www.youtube.com/channel/UCi3jHOCCmx0Zyl2ZvoHzHQg" class="followus__img"><img src="/imgs/youtube-new-flat-logo-1.png" alt="" width="32px" height="32px"></a>
-                    <a href="https://line.me/R/ti/p/@choozmo?from=page" class="followus__img"><img src="/imgs/line.png" alt=""></a>
-                    <br>
-                    <a href="" class="followus__btn">訂閱電子報<i class="fas fa-envelope"></i></a>
+                <div class="col-xs-12 col-sm-6">
+                    <img src="https://i.imgur.com/P1gNopa.png" alt="" width="250">
+                    <div class="footer-aigirl">Choozmo AI Spokesgirl</div>
+                    <div class="footer-follow">關注我們</div>
+                    <div class="footer-socials">
+                        <a href="https://www.linkedin.com/company/choozmo/"><img src="https://i.imgur.com/qnd9QrT.png" alt="" width="32px" height="32px"></a>
+                        <a href="https://www.facebook.com/choozmo/"><img src="https://i.imgur.com/WdCAhSo.png" alt="" width="48px" height="48px"></a>
+                        <a href="https://line.me/R/ti/p/@choozmo?from=page"><img src="https://i.imgur.com/dNZ2aGW.png" alt="" width="32px" height="32px"></a>
+                        <a href="https://www.youtube.com/channel/UC2Qda9PhJWuiMTCZ-j7K_hg"><img src="https://i.imgur.com/zn6DUY8.png" alt="" width="32px" height="32px"></a>
+                        <a href="https://www.instagram.com/choozmo_cmm/"><img src="https://i.imgur.com/pdJPY7m.png" alt="" width="48px" height="48px"></a>
+                        <a href="https://twitter.com/ai_cmm"><img src="https://i.imgur.com/qGBzq4J.png" alt="" width="32px" height="32px"></a>
+                    </div>
                 </div>
-                <hr class="d-block d-md-none">
-            </div>
-            <!-- <div class="col-md-4 col-6">
-                <div>
-                    <p class="footer__btn__text">想洽詢我們的專案製作嗎?</p>
-                    <a href="/contact/service/" class="btn btn-lg">洽詢專案製作</a>
+                <div class="col-xs-12 col-sm-6">
+                    <div class="footer-contacts" style="margin-top: 2rem;">
+                        <h5>CONTACT</h5>
+                        <div>
+                            集仕多股份有限公司<br>新竹縣竹北市復興二路229號9樓之9<br>聯絡電話:036670804<br>聯絡信箱:SERVICE@CHOOZMO.COM
+                        </div>
+                    </div>
                 </div>
-            </div> -->
-            <div class="col-6">
-              <h4>Contact</h4>
-                <p class="text-uppercase"><strong>集仕多股份有限公司</strong>
-            <br>新竹縣竹北市復興二路229號9樓之9
-            <br>聯絡電話:036670804
-            <br>聯絡信箱:service@choozmo.com
-          </p>
-                <hr class="hidden-md hidden-lg hidden-sm">
-            </div>
             </div>
         </div>
-    </footer>
+      </footer>
     <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js" 
     integrity="sha384-IQsoLXl5PILFhosVNubq5LC7Qb9DXgDA9i+tQ8Zj3iwWAwPtgFTxbJ8NT4GN1R8p" 
     crossorigin="anonymous"></script>

+ 74 - 28
layouts/research/single.html

@@ -10,6 +10,55 @@
     integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
     <link rel="stylesheet" href="//use.fontawesome.com/releases/v5.11.2/css/all.css">
     <link rel="stylesheet" href="/css/style.css">
+    <style>
+      .footer {
+        color: #656565;
+      }
+
+      .footer a {
+        color: #656565;
+        text-decoration: none;
+      }
+
+      .footer h5 {
+        color: black;
+        font-weight: 600;
+        padding-bottom: 15px;
+      }
+
+      .footer .link {
+        padding-bottom: 20px;
+      }
+
+      .footer {
+        background-color: #F0F0F0;
+        padding: 3rem;
+      }
+
+      .footer .right-column {
+        border-left: 1px solid black;
+      }
+
+      .footer .footer-aigirl {
+        font-weight: 600;
+        font-size: 2rem;
+        margin-top: 1rem;
+        margin-bottom: 1rem;
+      }
+
+      .footer .footer-follow {
+        font-size: 1.6rem;
+        margin-bottom: 1rem;
+        color: black;
+        font-size: 1rem;
+        font-weight: 600;
+        margin-top: 2rem;
+      }
+
+      .footer .footer-socials a {
+        margin-right: 5px;
+      }
+    </style>
 </head>
 <body>
     <nav class="navbar navbar-expand-lg navbar-light fixed-top">
@@ -60,7 +109,7 @@
                 <div class="col-12 col-md-5 text-center ">
                     <h2 class="header__title">{{ .Params.packageTitle }}</h2>
                     <p class="text-center px-3">{{ .Params.packageSub }}<p>
-                    <button class="hero-btn" onclick="window.location.href=`/contact/service/`">立即諮詢</button>
+                    <button class="btns-dark" onclick="window.location.href=`/contact/service/`">立即諮詢</button>
                 </div>
                 <div class="col-12 col-md-7">
                     <div class="header__right header__dm" style="background-image: url('https://i.imgur.com/cqerHee.jpg');">
@@ -132,40 +181,37 @@
                 </div>
             </div>
           </section>
+          <section class="category container text-center img-block" style="padding-bottom: 6rem;">
+            <button class="btns-dark" onclick="window.location.href=`/contact/service/`">立即諮詢</button>
+          </section>
       </main>
       <footer class="footer">
-        <div class="container container__footer">
+        <div class="container">
             <div class="row">
-            <div class="col-6">
-                <h4>About us</h4>
-                <a href="http://www.choozmo.com/"><img src="/imgs/logo_choozmo.webp" class="footer_img"></a>
-                <div class="followus">
-                    <span class="followus__txt">關注我們</span>
-                    <a href="https://www.youtube.com/channel/UCi3jHOCCmx0Zyl2ZvoHzHQg" class="followus__img"><img src="/imgs/youtube-new-flat-logo-1.png" alt="" width="32px" height="32px"></a>
-                    <a href="https://line.me/R/ti/p/@choozmo?from=page" class="followus__img"><img src="/imgs/line.png" alt=""></a>
-                    <br>
-                    <a href="" class="followus__btn">訂閱電子報<i class="fas fa-envelope"></i></a>
+                <div class="col-xs-12 col-sm-6">
+                    <img src="https://i.imgur.com/P1gNopa.png" alt="" width="250">
+                    <div class="footer-aigirl">Choozmo AI Spokesgirl</div>
+                    <div class="footer-follow">關注我們</div>
+                    <div class="footer-socials">
+                        <a href="https://www.linkedin.com/company/choozmo/"><img src="https://i.imgur.com/qnd9QrT.png" alt="" width="32px" height="32px"></a>
+                        <a href="https://www.facebook.com/choozmo/"><img src="https://i.imgur.com/WdCAhSo.png" alt="" width="48px" height="48px"></a>
+                        <a href="https://line.me/R/ti/p/@choozmo?from=page"><img src="https://i.imgur.com/dNZ2aGW.png" alt="" width="32px" height="32px"></a>
+                        <a href="https://www.youtube.com/channel/UC2Qda9PhJWuiMTCZ-j7K_hg"><img src="https://i.imgur.com/zn6DUY8.png" alt="" width="32px" height="32px"></a>
+                        <a href="https://www.instagram.com/choozmo_cmm/"><img src="https://i.imgur.com/pdJPY7m.png" alt="" width="48px" height="48px"></a>
+                        <a href="https://twitter.com/ai_cmm"><img src="https://i.imgur.com/qGBzq4J.png" alt="" width="32px" height="32px"></a>
+                    </div>
                 </div>
-                <hr class="d-block d-md-none">
-            </div>
-            <!-- <div class="col-md-4 col-6">
-                <div>
-                    <p class="footer__btn__text">想洽詢我們的專案製作嗎?</p>
-                    <a href="/contact/service/" class="btn btn-lg">洽詢專案製作</a>
+                <div class="col-xs-12 col-sm-6">
+                    <div class="footer-contacts" style="margin-top: 2rem;">
+                        <h5>CONTACT</h5>
+                        <div>
+                            集仕多股份有限公司<br>新竹縣竹北市復興二路229號9樓之9<br>聯絡電話:036670804<br>聯絡信箱:SERVICE@CHOOZMO.COM
+                        </div>
+                    </div>
                 </div>
-            </div> -->
-            <div class="col-6">
-              <h4>Contact</h4>
-                <p class="text-uppercase"><strong>集仕多股份有限公司</strong>
-            <br>新竹縣竹北市復興二路229號9樓之9
-            <br>聯絡電話:036670804
-            <br>聯絡信箱:service@choozmo.com
-          </p>
-                <hr class="hidden-md hidden-lg hidden-sm">
-            </div>
             </div>
         </div>
-    </footer>
+      </footer>
     <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js" 
     integrity="sha384-IQsoLXl5PILFhosVNubq5LC7Qb9DXgDA9i+tQ8Zj3iwWAwPtgFTxbJ8NT4GN1R8p" 
     crossorigin="anonymous"></script>

+ 74 - 28
layouts/seo/single.html

@@ -10,6 +10,55 @@
     integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
     <link rel="stylesheet" href="//use.fontawesome.com/releases/v5.11.2/css/all.css">
     <link rel="stylesheet" href="/css/style.css">
+    <style>
+      .footer {
+        color: #656565;
+      }
+
+      .footer a {
+        color: #656565;
+        text-decoration: none;
+      }
+
+      .footer h5 {
+        color: black;
+        font-weight: 600;
+        padding-bottom: 15px;
+      }
+
+      .footer .link {
+        padding-bottom: 20px;
+      }
+
+      .footer {
+        background-color: #F0F0F0;
+        padding: 3rem;
+      }
+
+      .footer .right-column {
+        border-left: 1px solid black;
+      }
+
+      .footer .footer-aigirl {
+        font-weight: 600;
+        font-size: 2rem;
+        margin-top: 1rem;
+        margin-bottom: 1rem;
+      }
+
+      .footer .footer-follow {
+        font-size: 1.6rem;
+        margin-bottom: 1rem;
+        color: black;
+        font-size: 1rem;
+        font-weight: 600;
+        margin-top: 2rem;
+      }
+
+      .footer .footer-socials a {
+        margin-right: 5px;
+      }
+    </style>
 </head>
 <body>
     <nav class="navbar navbar-expand-lg navbar-light fixed-top">
@@ -60,7 +109,7 @@
                 <div class="col-12 col-md-5 text-center ">
                     <h2 class="header__title">{{ .Params.packageTitle }}</h2>
                     <p class="text-center px-3">{{ .Params.packageSub }}<p>
-                    <button class="hero-btn" onclick="window.location.href=`/contact/service/`">立即諮詢</button>
+                    <button class="btns-dark" onclick="window.location.href=`/contact/service/`">立即諮詢</button>
                 </div>
                 <div class="col-12 col-md-7">
                     <div class="header__right header__dm" style="background-image: url('https://i.imgur.com/ApmF3a9.jpg');">
@@ -132,40 +181,37 @@
                 </div>
             </div>
           </section>
+          <section class="category container text-center img-block" style="padding-bottom: 6rem;">
+            <button class="btns-dark" onclick="window.location.href=`/contact/service/`">立即諮詢</button>
+          </section>
       </main>
       <footer class="footer">
-        <div class="container container__footer">
+        <div class="container">
             <div class="row">
-            <div class="col-6">
-                <h4>About us</h4>
-                <a href="http://www.choozmo.com/"><img src="/imgs/logo_choozmo.webp" class="footer_img"></a>
-                <div class="followus">
-                    <span class="followus__txt">關注我們</span>
-                    <a href="https://www.youtube.com/channel/UCi3jHOCCmx0Zyl2ZvoHzHQg" class="followus__img"><img src="/imgs/youtube-new-flat-logo-1.png" alt="" width="32px" height="32px"></a>
-                    <a href="https://line.me/R/ti/p/@choozmo?from=page" class="followus__img"><img src="/imgs/line.png" alt=""></a>
-                    <br>
-                    <a href="" class="followus__btn">訂閱電子報<i class="fas fa-envelope"></i></a>
+                <div class="col-xs-12 col-sm-6">
+                    <img src="https://i.imgur.com/P1gNopa.png" alt="" width="250">
+                    <div class="footer-aigirl">Choozmo AI Spokesgirl</div>
+                    <div class="footer-follow">關注我們</div>
+                    <div class="footer-socials">
+                        <a href="https://www.linkedin.com/company/choozmo/"><img src="https://i.imgur.com/qnd9QrT.png" alt="" width="32px" height="32px"></a>
+                        <a href="https://www.facebook.com/choozmo/"><img src="https://i.imgur.com/WdCAhSo.png" alt="" width="48px" height="48px"></a>
+                        <a href="https://line.me/R/ti/p/@choozmo?from=page"><img src="https://i.imgur.com/dNZ2aGW.png" alt="" width="32px" height="32px"></a>
+                        <a href="https://www.youtube.com/channel/UC2Qda9PhJWuiMTCZ-j7K_hg"><img src="https://i.imgur.com/zn6DUY8.png" alt="" width="32px" height="32px"></a>
+                        <a href="https://www.instagram.com/choozmo_cmm/"><img src="https://i.imgur.com/pdJPY7m.png" alt="" width="48px" height="48px"></a>
+                        <a href="https://twitter.com/ai_cmm"><img src="https://i.imgur.com/qGBzq4J.png" alt="" width="32px" height="32px"></a>
+                    </div>
                 </div>
-                <hr class="d-block d-md-none">
-            </div>
-            <!-- <div class="col-md-4 col-6">
-                <div>
-                    <p class="footer__btn__text">想洽詢我們的專案製作嗎?</p>
-                    <a href="/contact/service/" class="btn btn-lg">洽詢專案製作</a>
+                <div class="col-xs-12 col-sm-6">
+                    <div class="footer-contacts" style="margin-top: 2rem;">
+                        <h5>CONTACT</h5>
+                        <div>
+                            集仕多股份有限公司<br>新竹縣竹北市復興二路229號9樓之9<br>聯絡電話:036670804<br>聯絡信箱:SERVICE@CHOOZMO.COM
+                        </div>
+                    </div>
                 </div>
-            </div> -->
-            <div class="col-6">
-              <h4>Contact</h4>
-                <p class="text-uppercase"><strong>集仕多股份有限公司</strong>
-            <br>新竹縣竹北市復興二路229號9樓之9
-            <br>聯絡電話:036670804
-            <br>聯絡信箱:service@choozmo.com
-          </p>
-                <hr class="hidden-md hidden-lg hidden-sm">
-            </div>
             </div>
         </div>
-    </footer>
+      </footer>
     <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js" 
     integrity="sha384-IQsoLXl5PILFhosVNubq5LC7Qb9DXgDA9i+tQ8Zj3iwWAwPtgFTxbJ8NT4GN1R8p" 
     crossorigin="anonymous"></script>

+ 74 - 29
layouts/video-making/single.html

@@ -19,6 +19,55 @@
 
       gtag('config', 'AW-474336061');
     </script>
+    <style>
+      .footer {
+        color: #656565;
+      }
+
+      .footer a {
+        color: #656565;
+        text-decoration: none;
+      }
+
+      .footer h5 {
+        color: black;
+        font-weight: 600;
+        padding-bottom: 15px;
+      }
+
+      .footer .link {
+        padding-bottom: 20px;
+      }
+
+      .footer {
+        background-color: #F0F0F0;
+        padding: 3rem;
+      }
+
+      .footer .right-column {
+        border-left: 1px solid black;
+      }
+
+      .footer .footer-aigirl {
+        font-weight: 600;
+        font-size: 2rem;
+        margin-top: 1rem;
+        margin-bottom: 1rem;
+      }
+
+      .footer .footer-follow {
+        font-size: 1.6rem;
+        margin-bottom: 1rem;
+        color: black;
+        font-size: 1rem;
+        font-weight: 600;
+        margin-top: 2rem;
+      }
+
+      .footer .footer-socials a {
+        margin-right: 5px;
+      }
+    </style>
 </head>
 <body>
     <nav class="navbar navbar-expand-lg navbar-light fixed-top">
@@ -70,7 +119,7 @@
                     <h2 class="header__title">{{ .Params.packageTitle }}</h2>
                     <p class="text-center px-3" style="font-size: 1.4rem;">{{ .Params.packageSub1 }}</p>
                     <p class="text-center px-3" style="font-size: 1.4rem;">{{ .Params.packageSub2 }}</p>
-                    <button class="hero-btn" onclick="window.location.href=`/contact/service/`">立即諮詢</button>
+                    <button class="btns-dark" onclick="window.location.href=`/contact/service/`">立即諮詢</button>
                 </div>
                 <div class="col-12 col-md-7">
                     <div class="header__right header__dm" style="background-image: url('/imgs/dm/dm_video-making-1.png');">
@@ -155,41 +204,37 @@
                 </div>
             </div>
           </section>
+          <section class="category container text-center img-block" style="padding-bottom: 6rem;">
+            <button class="btns-dark" onclick="window.location.href=`/contact/service/`">立即諮詢</button>
+          </section>
       </main>
       <footer class="footer">
-        <div class="container container__footer">
+        <div class="container">
             <div class="row">
-            <div class="col-6">
-                <h4>About us</h4>
-                <a href="http://www.choozmo.com/"><img src="/imgs/logo_choozmo.webp" class="footer_img"></a>
-                <div class="followus">
-                    <span class="followus__txt">關注我們</span>
-                    <a href="https://www.youtube.com/channel/UCi3jHOCCmx0Zyl2ZvoHzHQg" class="followus__img"><img src="/imgs/youtube-new-flat-logo-1.png" alt="" width="32px" height="32px"></a>
-                    <a href="https://line.me/R/ti/p/@choozmo?from=page" class="followus__img"><img src="/imgs/line.png" alt=""></a>
-                    <a href="https://line.me/R/ti/p/@choozmo?from=page" class="followus__img"><img src="/imgs/line.png" alt=""></a>
-                    <br>
-                    <a href="" class="followus__btn">訂閱電子報<i class="fas fa-envelope"></i></a>
+                <div class="col-xs-12 col-sm-6">
+                    <img src="https://i.imgur.com/P1gNopa.png" alt="" width="250">
+                    <div class="footer-aigirl">Choozmo AI Spokesgirl</div>
+                    <div class="footer-follow">關注我們</div>
+                    <div class="footer-socials">
+                        <a href="https://www.linkedin.com/company/choozmo/"><img src="https://i.imgur.com/qnd9QrT.png" alt="" width="32px" height="32px"></a>
+                        <a href="https://www.facebook.com/choozmo/"><img src="https://i.imgur.com/WdCAhSo.png" alt="" width="48px" height="48px"></a>
+                        <a href="https://line.me/R/ti/p/@choozmo?from=page"><img src="https://i.imgur.com/dNZ2aGW.png" alt="" width="32px" height="32px"></a>
+                        <a href="https://www.youtube.com/channel/UC2Qda9PhJWuiMTCZ-j7K_hg"><img src="https://i.imgur.com/zn6DUY8.png" alt="" width="32px" height="32px"></a>
+                        <a href="https://www.instagram.com/choozmo_cmm/"><img src="https://i.imgur.com/pdJPY7m.png" alt="" width="48px" height="48px"></a>
+                        <a href="https://twitter.com/ai_cmm"><img src="https://i.imgur.com/qGBzq4J.png" alt="" width="32px" height="32px"></a>
+                    </div>
                 </div>
-                <hr class="d-block d-md-none">
-            </div>
-            <!-- <div class="col-md-4 col-6">
-                <div>
-                    <p class="footer__btn__text">想洽詢我們的專案製作嗎?</p>
-                    <a href="/contact/service/" class="btn btn-lg">洽詢專案製作</a>
+                <div class="col-xs-12 col-sm-6">
+                    <div class="footer-contacts" style="margin-top: 2rem;">
+                        <h5>CONTACT</h5>
+                        <div>
+                            集仕多股份有限公司<br>新竹縣竹北市復興二路229號9樓之9<br>聯絡電話:036670804<br>聯絡信箱:SERVICE@CHOOZMO.COM
+                        </div>
+                    </div>
                 </div>
-            </div> -->
-            <div class="col-6">
-              <h4>Contact</h4>
-                <p class="text-uppercase"><strong>集仕多股份有限公司</strong>
-            <br>新竹縣竹北市復興二路229號9樓之9
-            <br>聯絡電話:036670804
-            <br>聯絡信箱:service@choozmo.com
-          </p>
-                <hr class="hidden-md hidden-lg hidden-sm">
-            </div>
             </div>
         </div>
-    </footer>
+      </footer>
     <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js" 
     integrity="sha384-IQsoLXl5PILFhosVNubq5LC7Qb9DXgDA9i+tQ8Zj3iwWAwPtgFTxbJ8NT4GN1R8p" 
     crossorigin="anonymous"></script>

+ 13 - 0
static/css/style.css

@@ -566,6 +566,19 @@
     box-shadow: 1px 1px 5px 1px rgb(207, 207, 207, .53);
 }
 
+.btns-dark {
+    text-decoration: none;
+    color: white;
+    border: 1px solid #EA5413;
+    padding: .6rem 1.5rem;
+    outline: none;
+    background-color: #EA5413;
+    margin-top: .5rem;
+    border-radius: 3rem;
+    font-size: 1.1rem;
+    box-shadow: 1px 1px 5px 1px rgba(201, 201, 201, 0.637);
+  }
+
 @media (max-width: 1300px) {
     .header__right__video {
         position: absolute;

+ 1 - 1
webSite/content/blog/ai電視台-2.md

@@ -47,7 +47,7 @@ IBM Watson Media 高級產品經理 Brandon Sullivan 表示:“這些算法經
 
 廣告
 
-字幕和口型同步是兩種 AI/ML 技術,作為 Interra Systems 的影片質量控制平台 BATON 的一部分。“借助 AI/ML,您可以提高字幕的準確性和速度,這是一個資源密集型、耗時的過程,”位於矽谷的影片質量控制和監控提供商的產品管理副總裁 Anupama Anantharaman 說技術。“它在檢測‘口型同步’方面也特別有效;幕上嘴唇的運動與所說的內容之間的對齊。”
+字幕和口型同步是兩種 AI/ML 技術,作為 Interra Systems 的影片質量控制平台 BATON 的一部分。“借助 AI/ML,您可以提高字幕的準確性和速度,這是一個資源密集型、耗時的過程,”位於矽谷的影片質量控制和監控提供商的產品管理副總裁 Anupama Anantharaman 說技術。“它在檢測‘口型同步’方面也特別有效;幕上嘴唇的運動與所說的內容之間的對齊。”
 
 Telestream 的 Telestream Cloud 包括字幕作為其許多基於雲的 AI/ML 產品;據該公司的雲產品經理 Remi Fourreau 稱,其他問題是針對多個交付平台的影片轉碼和質量/合規性檢查。
 

+ 2 - 2
webSite/content/blog/ai電視台-3.md

@@ -35,11 +35,11 @@ banner = "https://www.designbombs.com/wp-content/uploads/2017/02/make-a-website-
 
 
 
-例如,你正在看你最喜歡的電視節目,你會想,'_那件衣服很酷。我想要一個這樣的'_。但現在你已經轉移到了不同​​的場景。所以,你說“給我看多洛雷斯紅裙子的場景”,然後播放器帶你到那個場景。但不僅如此;up 以增強現實風格彈出這件衣服(或類似的衣服),購買信息就在幕上!
+例如,你正在看你最喜歡的電視節目,你會想,'_那件衣服很酷。我想要一個這樣的'_。但現在你已經轉移到了不同​​的場景。所以,你說“給我看多洛雷斯紅裙子的場景”,然後播放器帶你到那個場景。但不僅如此;up 以增強現實風格彈出這件衣服(或類似的衣服),購買信息就在幕上!
 
 如何?Yi+表示,該系統會分析和識別物體、演員和場景。根據場景類別,為影片分配相關的廣告空間,並貼上合適的廣告標籤。廣告商可以(當然要收費)展示與標籤相關的產品或服務。
 
-目前尚不清楚這在實踐中如何運作——例如,您不希望在觀看您最喜歡的電視節目時在整個幕上彈出廣告。但是可以想像免費流媒體服務會彈出廣告,而付費服務只會按需顯示廣告。
+目前尚不清楚這在實踐中如何運作——例如,您不希望在觀看您最喜歡的電視節目時在整個幕上彈出廣告。但是可以想像免費流媒體服務會彈出廣告,而付費服務只會按需顯示廣告。
 
 作為系統自動生成短片的示例,假設您正在觀看一級方程式賽車,而您最喜歡的 F1 車手從最後一位回到領獎台位置,激動人心。您可以向電視發出語音命令,例如“向我展示 Max Verstappen 的所有超車動作”,瞧,電視播放您自己的運動集錦,只關注您要求的駕駛員。  
 

+ 1 - 1
webSite/content/blog/ai電視台-4.md

@@ -46,7 +46,7 @@ FiveThirtyEight 的Dhrumil Mehta和Oliver Roeder、華盛頓郵報的Philip Bump
 也許最重要的是,因為這將使我們能夠擴大我們的努力,以打擊從文本領域到視覺世界的錯誤信息、虛假信息和外國影響,通過它我們越來越多地“看到”我們周圍的世界。 
 電視新聞攝影機通常是重大事件現場的第一個,提供對實時發生的事情的可信和經過驗證的記錄。量化電視新聞的雙重視覺和口語敘事使其能夠與這些事件的在線新聞和社交媒體報導相關聯。因此,一條宣布巴黎圣母院著火的推文可以鏈接到來自主要電視網絡的確認事件的現場鏡頭。反過來,火災的電視報導可以與來自世界各地的在線報導聯繫起來,提供關於大教堂對每個國家人民的意義的全球視角,以及與大教堂歷史的歷史和其他背景的聯繫。 
 
-以一秒為間隔將 Google Vision AI API 應用到每個影片,允許其“ Web 實體”功能執行與 Google 圖片反向搜索等效的操作,以識別來自開放網絡中與給定電視鏡頭在視覺上最相似的圖像。反過來,Vision AI API 會編譯那些類似 Web 圖像的標題中的熱門主題,本質上是“眾包”開放的 Web 以估計幕上隨時顯示的主題。 
+以一秒為間隔將 Google Vision AI API 應用到每個影片,允許其“ Web 實體”功能執行與 Google 圖片反向搜索等效的操作,以識別來自開放網絡中與給定電視鏡頭在視覺上最相似的圖像。反過來,Vision AI API 會編譯那些類似 Web 圖像的標題中的熱門主題,本質上是“眾包”開放的 Web 以估計幕上隨時顯示的主題。 
 因此,雖然谷歌的 Vision AI API 不執行任何類型的面部識別,但它可以將羅伯特穆勒的鏡頭標記為他自己、唐納德特朗普、白宮、俄羅斯和相關主題,只需注意網絡上看起來相似的圖像是最經常用這些主題做標題。 
 
 反過來,這種視覺相似性匹配甚至可以用來幫助識別針對媒體的“深度偽造”。一個聲稱是主要電視網絡上的突發新聞公告的剪輯的推文可以立即與實際電台的鏡頭進行比較,以確認有問題的剪輯從未真正播出過,而是一個騙局。 

+ 1 - 1
webSite/content/blog/ai電視台-6.md

@@ -27,7 +27,7 @@ banner = "https://www.designbombs.com/wp-content/uploads/2017/02/make-a-website-
 
 
 **AI 正在推動廣告的變革 在**  
-AI 興起之前**,廣告商**幾乎不可能知道客戶是否觀看了現場,體育運動是否導致了行動或購買?他們的行為改變了嗎?今天,**消費者一直使用多種設備。**在智能手機上看電視時,請將筆記本電腦放在咖啡桌上或膝蓋上,並將平板電腦放在手邊。這個新框架創造了一個**複雜的環境,在其中歸因幾乎是不可能的。**解決這個問題的技術方案被稱為跨多個幕的多渠道歸因([MCA](https://www.kaushik.net/avinash/multi-channel-attribution-definitions-models/) — AMS)。這裡的目標是**繪製客戶旅程圖。通過將多個設備連接到同一個人或家庭,AI 允許在看電視時測量第二次篩選**。通過匯總有關商店中移動存在和移動廣告的數據,數據科學家可以**推斷廣告對客戶行為的影響。**
+AI 興起之前**,廣告商**幾乎不可能知道客戶是否觀看了現場,體育運動是否導致了行動或購買?他們的行為改變了嗎?今天,**消費者一直使用多種設備。**在智能手機上看電視時,請將筆記本電腦放在咖啡桌上或膝蓋上,並將平板電腦放在手邊。這個新框架創造了一個**複雜的環境,在其中歸因幾乎是不可能的。**解決這個問題的技術方案被稱為跨多個幕的多渠道歸因([MCA](https://www.kaushik.net/avinash/multi-channel-attribution-definitions-models/) — AMS)。這裡的目標是**繪製客戶旅程圖。通過將多個設備連接到同一個人或家庭,AI 允許在看電視時測量第二次篩選**。通過匯總有關商店中移動存在和移動廣告的數據,數據科學家可以**推斷廣告對客戶行為的影響。**
 
 
 **電視節目**

+ 1 - 1
webSite/content/blog/ai電視台-7.md

@@ -36,7 +36,7 @@ LG UHD AI電視擁有電視技術的前沿,即 NanoCell Display,該技術應
 電視中的高分辨率(8.3 兆像素)
 -----------------
 
-消費者為更高的百萬像素相機更換手機!你有沒有想過電視的分辨率?當 8.3 兆像素 4K 超高清電視的分辨率是高清電視的 8.3 倍時,為什麼要在 1 兆像素電視上妥協。4K 超高清電視為圖像提供更高的清晰度、清晰度和深度。每個人都渴望擁有更大屏幕尺寸的電視和 4K 超高清電視,您可以在更短的觀看距離內看到大屏幕,而不會出現任何圖像失真或像素化。為了讓它變得更好,現在可以輕鬆獲得在線 4K 內容。
+消費者為更高的百萬像素相機更換手機!你有沒有想過電視的分辨率?當 8.3 兆像素 4K 超高清電視的分辨率是高清電視的 8.3 倍時,為什麼要在 1 兆像素電視上妥協。4K 超高清電視為圖像提供更高的清晰度、清晰度和深度。每個人都渴望擁有更大螢幕尺寸的電視和 4K 超高清電視,您可以在更短的觀看距離內看到大螢幕,而不會出現任何圖像失真或像素化。為了讓它變得更好,現在可以輕鬆獲得在線 4K 內容。
 
 **魔法遙控器:語音激活通用控制**
 ------------------

+ 1 - 1
webSite/content/blog/ppt-to-mp4.md

@@ -26,7 +26,7 @@ _適用於:PowerPoint for Office 365、PowerPoint 2016、PowerPoint 2013、Pow
 
 第 4 步:點擊_創建影片_按鈕。在文件名框中為 MP4 文件指定所需的文件名,然後選擇要保存文件的位置。單擊“_保存”_開始該過程。
 
-幕底部的狀態欄會顯示進程的進度。如果想了解更多詳細信息,可以到微軟官網詳細了解[如何將 PPTX 轉換為 MP4](https://support.office.com/en-us/article/turn-your-presentation-into-a-video-c140551f-cb37-4818-b5d4-3e30815c3e83#OfficeVersion=newer)。
+幕底部的狀態欄會顯示進程的進度。如果想了解更多詳細信息,可以到微軟官網詳細了解[如何將 PPTX 轉換為 MP4](https://support.office.com/en-us/article/turn-your-presentation-into-a-video-c140551f-cb37-4818-b5d4-3e30815c3e83#OfficeVersion=newer)。
 
 ### #2 - 如何使用在線 PPT 到 MP4 轉換器將 PowerPoint 轉換為在線影片
 

+ 1 - 1
webSite/content/blog/ppt-to-mp4_prism.md

@@ -53,7 +53,7 @@ banner = "img/banners.jpg"
 
 單擊位於程序右下角或主工具欄中的**轉換**按鈕之一。這將開始轉換過程。您可以一次只選擇一個文件來轉換它們,也可以選擇所有文件來執行簡單的批量 MP4 轉換。
 
-[![使用 Prism Video Converter Software 轉換的影片文件的幕截圖](https://www.nchsoftware.com/howto/images/prism/convert_files.jpg)](https://www.nchsoftware.com/prism/prismpmaci.zip "點擊下載棱鏡")  
+[![使用 Prism Video Converter Software 轉換的影片文件的幕截圖](https://www.nchsoftware.com/howto/images/prism/convert_files.jpg)](https://www.nchsoftware.com/prism/prismpmaci.zip "點擊下載棱鏡")  
 
 
 PowerPoint 演示文稿在各個行業中得到廣泛使用,並且是可以影響觀眾的強大工具之一。在當今的媒體時代,以盡可能多的媒體格式提供演示文稿至關重要。將 PowerPoint 演示文稿保存為影片可為靜態設計元素增添更多活力。令人驚嘆的 PowerPoint 影片可以在各種設備上共享,使其更加用戶友好。

+ 4 - 4
webSite/content/blog/ppt做影片-2.md

@@ -31,15 +31,15 @@ PowerPoint 確實是一個很棒的工具。它簡單易用,提供數百個主
 如何從 PowerPoint 製作影片?(Office 365、PowerPoint 2019、PowerPoint 2016)
 ----------------------------------------------------------------
 
-儘管有該選項,但請記住,這並不像單擊“**轉換為影片”**按鈕那麼簡單。您確實需要事先記錄旁白和激光點手勢(幕上的鼠標移動)。
+儘管有該選項,但請記住,這並不像單擊“**轉換為影片”**按鈕那麼簡單。您確實需要事先記錄旁白和激光點手勢(幕上的鼠標移動)。
 
 這樣做的原因本質上是簡單和技術性的——除非您事先記錄旁白和時間,否則 PowerPoint 在創建影片時將默認為每張幻燈片 5 秒。 
 
-您可以通過單擊向上箭頭旁邊改變這一**時機**下**[創建一個影片](https://invideo.io/make/video-maker/)** 的選擇,但請記住,你會被調整的時間_都_同時幻燈片。沒有選項可以調整每張幻燈片在幕上的顯示時間。 
+您可以通過單擊向上箭頭旁邊改變這一**時機**下**[創建一個影片](https://invideo.io/make/video-maker/)** 的選擇,但請記住,你會被調整的時間_都_同時幻燈片。沒有選項可以調整每張幻燈片在幕上的顯示時間。 
 
 如果您想在每張幻燈片上使用不同的計時以及錄製旁白,請在 PowerPoint 中選擇“**錄製”**選項並創建影片。
 
-您會在“**錄製”**選項卡下的幕上看到一個名為“**錄製幻燈片”**的新選項**。**單擊向下的箭頭將允許您選擇是從頭開始錄製[幻燈片](https://invideo.io/make/slideshow-maker/)還是從當前所在的[幻燈片](https://invideo.io/make/slideshow-maker/)開始錄製[幻燈片](https://invideo.io/make/slideshow-maker/)。 
+您會在“**錄製”**選項卡下的幕上看到一個名為“**錄製幻燈片”**的新選項**。**單擊向下的箭頭將允許您選擇是從頭開始錄製[幻燈片](https://invideo.io/make/slideshow-maker/)還是從當前所在的[幻燈片](https://invideo.io/make/slideshow-maker/)開始錄製[幻燈片](https://invideo.io/make/slideshow-maker/)。 
 
 **您還可以選擇將旁白錄製為音頻或影片,並且您將能夠利用各種不同的工具(例如鋼筆和記號筆)來突出顯示幻燈片上的某些元素。** 
 
@@ -86,7 +86,7 @@ PowerPoint 2010
 **以下是在此過時版本的程序中將幻燈片轉換為影片的方法:**
 
 1.  在**文件**下選擇**保存並發送**
-2.  選擇幕右側最底部的選項**創建影片**
+2.  選擇幕右側最底部的選項**創建影片**
 3.  如果您想查看可用的影片質量選項,請找到“**創建影片”**選項卡
 4.  單擊“**計算機和高清顯示器”**選項旁邊的向下箭頭,然後從三個可用選項中進行選擇
 5.  根據您是否要使用錄製的時間和旁白,在**使用**和**不使用錄製的時間和旁白**之間進行選擇

+ 2 - 2
webSite/content/blog/seo-排名.md

@@ -64,7 +64,7 @@ FAFSA 截止日期是什麼時候?
 4. 有一個值得鏈接的網站
 一個內容豐富、權威、公正並幫助訪問者更多地了解他們感興趣的內容的網頁最有可能吸引來自其他網站的鏈接,從而提高您的搜索引擎優化。
 
-通過在文本中添加相關鏈接來提高您的權威性和可信度。不要使用“單擊此處”鏈接,而是嘗試寫出目的地的名稱。除了附加的 URL,“單擊此處”沒有搜索引擎價值,而“密歇根科技企業計劃”包含豐富的關鍵字,將提高您的搜索引擎排名以及您鏈接到的頁面的排名。始終通過鏈接關鍵字來使用描述性鏈接- 它不僅可以改進搜索引擎優化,還可以為您的讀者增加價值,包括殘障人士或使用幕閱讀器的讀者。
+通過在文本中添加相關鏈接來提高您的權威性和可信度。不要使用“單擊此處”鏈接,而是嘗試寫出目的地的名稱。除了附加的 URL,“單擊此處”沒有搜索引擎價值,而“密歇根科技企業計劃”包含豐富的關鍵字,將提高您的搜索引擎排名以及您鏈接到的頁面的排名。始終通過鏈接關鍵字來使用描述性鏈接- 它不僅可以改進搜索引擎優化,還可以為您的讀者增加價值,包括殘障人士或使用幕閱讀器的讀者。
 
 5.使用alt標籤
-始終使用alt 標籤或替代文本描述來描述您的圖像和影片媒體。它們允許搜索引擎定位您的頁面,這很重要——尤其是對於那些使用純文本瀏覽器或幕閱讀器的人。
+始終使用alt 標籤或替代文本描述來描述您的圖像和影片媒體。它們允許搜索引擎定位您的頁面,這很重要——尤其是對於那些使用純文本瀏覽器或幕閱讀器的人。

+ 78 - 0
webSite/content/news/slidetovideo-ch.md

@@ -0,0 +1,78 @@
++++
+title = "使用AiSpokes Girl Slides to Video 功能,節省以往投影片轉製影片的麻煩事"
+date = "2022-02-11T00:21:34+08:00"
+tags = ["video marketing", "text to video"]
+type = "blog"
+categories = ["marketing"]
+banner = "https://i.imgur.com/jdQb3ZH.jpg"
++++
+
+往往將投影片轉製成影片,都需要耗費大量的人力和時間,但是透過使用AiSpokes Girl Slides to Video 功能,只需要上傳您的投影片連結,以及選擇出現在影片上的人物,即可完成一個影片。 投影片轉製成影片的大致步驟為下:
+
+### **1\. 啟動免費螢幕錄影機**
+
+選擇合適的軟體,或是各系統內建的螢幕錄影軟體,來錄製您的 Google 幻燈片演示文稿至關重要, 螢幕錄影機可在 Windows、Mac、Chromebook 以及 Android 或 iOS 設備上使用。 使用它來創建簡單的螢幕錄製或更精細的影片。
+
+準備好 Google 幻燈片演示文稿後,啟動螢幕錄影機。 如果您有帳戶,只需前往您的帳戶頁面,然後單擊螢幕錄製圖標即可開始。
+
+### **2\. 錄製您的 Google 幻燈片演示文稿**
+
+谷歌幻燈片影片錄製 - 螢幕錄影機
+
+啟動螢幕錄影機後,螢幕上會出現一個透明的錄像機框。拖放此框的側面,以便您的 Google 幻燈片演示文稿適合其中。
+
+為獲得最佳效果,請將錄音機大小設置為 720p,然後調整您的 Google 幻燈片演示文稿的大小以適合該框。此預設大小可讓您輕鬆與觀眾分享您的影片。
+
+您將看到錄製影片所需的所有控件:
+
+選擇是否記錄您的螢幕、網絡攝像頭或兩者。
+查看可用於錄製的最長錄製時間。
+除了單擊和拖動之外,您還可以為錄製選擇預設的窗口大小:420p、720p 或全屏。我們建議您使用 720p 以獲得最清晰的 Google 幻燈片或 PowerPoint 演示文稿圖像。
+在拍攝時使用旁白選項錄製演示音頻。單擊箭頭以選擇要使用的麥克風。單擊“無”以禁用旁白。
+如果您對錄製設置感到滿意,請單擊“錄製”。您會看到一個快速倒計時,之後您就可以開始拍攝了。
+
+
+### **3\. 完成錄製**
+
+錄製完成後,當您對音頻和影片感到滿意時,單擊藍色按鈕停止錄製,然後選擇“完成”保存您的項目。如果您需要刪除錄音並重新啟動,請單擊垃圾桶圖標。
+
+單擊“完成”後,您的錄音將出現在一個新窗口中,並帶有保存和發布的選項。如果您想在不編輯影片的情況下繼續發布,請跳至第五步。
+
+### **4\. 使用影片編輯器添加效果**
+
+您擁有強大的編輯選項,包括免費和付費計劃。作為免費計劃用戶,您可以修剪影片的開頭和結尾以消除尷尬的停頓。
+
+您還可以為您的影片添加字幕,以便聽力受損的學生和使用輔助技術的人更容易訪問。
+
+Deluxe 和 Premier 用戶還可以使用語音轉文本、在交互式字幕編輯器中手動鍵入字幕,或使用腳本錄製功能在錄製時將字幕用作腳本。
+
+Deluxe 和 Premier 用戶可以使用範圍更廣的便捷影片編輯工具。點擊“編輯”開始。
+
+您的影片時間線上方將出現一個 Menu,其中包含以下工具及更多功能:
+
+疊加:您可以添加圖像或其他影片剪輯、模糊敏感信息、使用輪廓強調某些點、添加箭頭、提供其他文本或縮放/突出顯示錄製的特定區域。
+
+庫存音樂:訪問廣泛的庫存音樂庫以適應任何心情。
+
+過渡:為了獲得專業的外觀,請在幻燈片的每一頁之間添加平滑的過渡。 Screencast-O-Matic 有數十種設定可供選擇。
+
+旁白:如果您忘記提及某事或跳過重要主題,您可以使用旁白工具在錄音部分錄製語音旁白。
+
+綠屏:如果您在錄製過程中使用了網絡攝像頭,則可以移除背景,以便您出現在幻燈片前面的螢幕上。
+
+### **5\. 發布和分享您的 Google 幻燈片影片**
+
+您可以通過多種方式上傳、分享和發布您的影片。
+
+您還可以直接在 YouTube 頻道、Google Drive 文件夾上發布,或將影片另存為文件。
+
+Deluxe 用戶還可以發佈到 Vimeo 和 Dropbox。
+
+最後,通過 URL 將您的影片直接快速分享到 Facebook、Twitter 或您選擇的社交媒體平台,將投影片內變成引人入勝的影片。
+
+使用 Screencast-O-Matic 錄製 Google 幻燈片並創建引人注目的演示設計非常容易。
+
+您創建的影片將比常規幻燈片更易於分享和引人入勝。
+
+
+相比之下,AiSpokes Girl Slides to Video 功能,只要一鍵就可以自動配上字幕及聲音,完成影片,發布和分享您的 Google 幻燈片影片於各社群平臺及使用。

+ 4 - 4
webSite/content/news/zhubei-website-design.py

@@ -13,14 +13,14 @@ banner = "https://i.imgur.com/jdQb3ZH.jpg"
 
 網頁設計師負責網站的外觀、佈局以及在某些情況下的內容。例如,外觀與使用的顏色、字體和圖像有關。佈局是指如何信息的結構和分類。一個好的網頁設計易於使用、美觀,並且適合網站的用戶群和品牌。許多網頁的設計都注重簡單性,因此不會出現可能分散用戶注意力或混淆用戶的無關信息和功能。由於網頁設計師輸出的基石是一個能夠贏得併培養目標受眾信任的網站,因此盡可能多地消除用戶沮喪的潛在點是一個關鍵的考慮因素。
 
-設計在桌面和移動設備上都運行良好的網站的兩種最常見方法是響應式和自適應設計。在響應式設計中,內容根據幕大小動態移動;在自適應設計中,網站內容的佈局尺寸是固定的,與常見的幕尺寸相匹配。保持設備之間盡可能一致的佈局對於保持用戶信任和參與至關重要。由於響應式設計在這方面可能存在困難,因此設計師在放棄對其作品外觀的控制時必須小心。如果他們也負責內容,雖然他們可能需要拓寬他們的技能,他們將享受完全控製成品的優勢。
+設計在桌面和移動設備上都運行良好的網站的兩種最常見方法是響應式和自適應設計。在響應式設計中,內容根據幕大小動態移動;在自適應設計中,網站內容的佈局尺寸是固定的,與常見的幕尺寸相匹配。保持設備之間盡可能一致的佈局對於保持用戶信任和參與至關重要。由於響應式設計在這方面可能存在困難,因此設計師在放棄對其作品外觀的控制時必須小心。如果他們也負責內容,雖然他們可能需要拓寬他們的技能,他們將享受完全控製成品的優勢。
 
 
 ## 自適應與響應式設計
 
 響應式和響應式的區別 適應性設計 方法突出了我們作為 Web 和應用程序設計師的重要選擇。有洞察力的選擇可以使您能夠以更好的目標、目的和結果來規劃和執行您的設計。
 
-隨著移動設備的普及和多樣性,作為設計師,我們需要迎合各種幕尺寸。這是每個網頁和應用程序設計師目前都面臨的挑戰。從巨型企業監視器到智能手錶,如今用戶可以通過多種方式在線訪問信息。希望彌合設備之間差距的設計師有兩種設計選擇:自適應站點或響應式站點。
+隨著移動設備的普及和多樣性,作為設計師,我們需要迎合各種幕尺寸。這是每個網頁和應用程序設計師目前都面臨的挑戰。從巨型企業監視器到智能手錶,如今用戶可以通過多種方式在線訪問信息。希望彌合設備之間差距的設計師有兩種設計選擇:自適應站點或響應式站點。
 
 響應式設計和自適應設計之間的區別存在一定程度的混淆。對於那些沒有任何設計風格經驗的人來說,界限可能看起來很模糊,但是當你更仔細地觀察這兩者時,就會有明顯的區別。
 
@@ -38,6 +38,6 @@ SEO 是使用響應式設計的另一個重要論據。使用響應式設計的
 
 響應式設計似乎有很強的使用案例。嗯,它可能;但是,請記住以下幾點:
 
-由於您的網站會在設備之間“流動”,並根據幕尺寸進行調整,因此您添加的任何廣告都可能不適合該空間。突然之間,使用響應式設計提供的“捷徑”可能需要一些重新思考和工作。
-下載時間因桌面設備和移動設備而異。圖像的靈活性在這裡是一個重要的考慮因素。在家中或辦公室的大幕上快速顯示的大型設計需要更多時間(和數據)顯示在您的手機上。對於移動版本,較小的預覽可能更好嗎?
+由於您的網站會在設備之間“流動”,並根據幕尺寸進行調整,因此您添加的任何廣告都可能不適合該空間。突然之間,使用響應式設計提供的“捷徑”可能需要一些重新思考和工作。
+下載時間因桌面設備和移動設備而異。圖像的靈活性在這裡是一個重要的考慮因素。在家中或辦公室的大幕上快速顯示的大型設計需要更多時間(和數據)顯示在您的手機上。對於移動版本,較小的預覽可能更好嗎?
 

+ 1 - 1
webSite/content/trenddetail/20210819_17.md

@@ -107,7 +107,7 @@ link13 = "news.google.com/./articles/CBMiQGh0dHBzOi8vd3d3LnBjbWFya2V0LmNvbS5oay9
 img13 = "https://lh3.googleusercontent.com/proxy/86o2f3vc3WsjpuUufDloIC3CeDUYoaUz5HTcJeeGGYIjtY6hlDX-p-SvsCYqRz4zVGsY0N7vJBMKVTjoHTvoLgHCT8Ngl8z5DNt5Dqi7VIxJzg3xCDzcH782c2jTli2IjLbXhvgwzAg0wYkNlhUowAJngLfWCmaqqTuEc-YZFaTjlDnxy9V7Ydm3=s0-w100-h100-p-df"
 media13 = "None"
 site13 = "PCM"
-title14 = "Google推出售价449美元的Pixel 5A 配备更大的电池和幕还防水- Google 谷歌"
+title14 = "Google推出售价449美元的Pixel 5A 配备更大的电池和幕还防水- Google 谷歌"
 desc14 = "bookmark_border"
 date14 = "昨天"
 datetime14 = "None"

+ 1 - 1
webSite/content/trenddetail/20210821_05.md

@@ -379,7 +379,7 @@ link47 = "news.google.com/./articles/CBMisgFodHRwczovL3R3Lm5ld3MueWFob28uY29tLyV
 img47 = "https://lh3.googleusercontent.com/proxy/fdIvI28HVfiFWCvwqbvPAONupuioqTKgBDWhO9tt3TRD8M33mTkYro_Eg2rc3wlLsf4clMTLkZEfiTNdlqQT3MP-jgr3lodiVtWTv4y7GnGJDC9_YOzjMgmekQkQgbFBWP9uxdf4zs_heOY0QKvZ9-pVtcHRbET_-vJSOPMjoWiDHsJ3MQI-vLdTj0h9T2D3nJPHa3fhozJFPlw58HQZz3qJ1UMbjMKVQ2W3TvNmG-WZ2OCYOmmnOkS7ob_nmWeg3FHkYxY888jVLw3NH56WqyOdDGxiysc3T9Mk3sdKXIxlzs0GLhK5JBP98zymQJs_lcOG31DVdxG5Zpc5NUi4RBzx5vAQy6trdOaULKuqKF4Cnmvx-eKQbWjbmDjJoCTNW4jek5ua-UyFfGD-ntthT7Vjgs38ZVqJV2YdYhepdAg=s0-w100-h100-p-df"
 media47 = "None"
 site47 = "Yahoo奇摩新聞"
-title48 = "小米MIX 4 水貨到港,新款全幕屏下鏡頭手機唔使八千"
+title48 = "小米MIX 4 水貨到港,新款全幕屏下鏡頭手機唔使八千"
 desc48 = "bookmark_border"
 date48 = "4 天前"
 datetime48 = "None"

+ 1 - 1
webSite/content/trenddetail/20210821_08.md

@@ -571,7 +571,7 @@ link71 = "news.google.com/./articles/CBMi6QFodHRwczovL3R3Lm5ld3MueWFob28uY29tLyV
 img71 = "https://lh3.googleusercontent.com/proxy/eeux8Net69Ubo208DJh2Lcn1eTcaOgBIKFZRbFMd4ZD744OCuD4OtR3nEVaj-7TGivZK1NIPceVFsy3lJpkIoRipuF6OZFWdnQg4IJXXKTWA-Kiue-gFhiCrlE-cIOzr-3cSRIFUMZwR-Ydkj-UU4uDYvw5gTXvs035tu8g8khGKtytebElmDen8y-POyLLP=s0-w100-h100-p-df"
 media71 = "None"
 site71 = "Yahoo奇摩新聞"
-title72 = "小米MIX 4 水貨到港,新款全幕屏下鏡頭手機唔使八千"
+title72 = "小米MIX 4 水貨到港,新款全幕屏下鏡頭手機唔使八千"
 desc72 = "bookmark_border"
 date72 = "4 天前"
 datetime72 = "None"

+ 1 - 1
webSite/content/trenddetail/20210904_05.md

@@ -451,7 +451,7 @@ link56 = "news.google.com/./articles/CBMiN2h0dHBzOi8vbmV3cy5zaW5hLmNvbS50dy9hcnR
 img56 = "https://lh3.googleusercontent.com/proxy/_dzY29n_lF3ZTk1IJH__StPVlOrZbm-cIjHKC5AmVu5Hq4lr2aiH5bRQc0nXEEc1MOuRr4EtVN4yizQ0p7ee02rNd5aMLar8c8yL3KupGSiW2aWJJHPCFeNL=s0-w100-h100-p-df"
 media56 = "None"
 site56 = "臺灣新浪網"
-title57 = "Samsung Galaxy Z Fold3評測︱外觀/幕/性能/續航/鏡頭附試相|科技玩物"
+title57 = "Samsung Galaxy Z Fold3評測︱外觀/幕/性能/續航/鏡頭附試相|科技玩物"
 desc57 = "bookmark_border"
 date57 = "3 小時前"
 datetime57 = "None"

+ 1 - 1
webSite/content/trenddetail/20210906_05.md

@@ -603,7 +603,7 @@ link75 = "news.google.com/./articles/CBMisgFodHRwczovL3R3LnNwb3J0cy55YWhvby5jb20
 img75 = "https://lh3.googleusercontent.com/proxy/JMdJE02AaRSiIE3rnYNfXw9f2hYKlqx1lYM6DwTVA_xJvsPkKKPopv95JOzJ_7UFZVatzo5oqpSq82gJSzoxpWoBNIHQpbiad0TzuLpUg2jH12bvEZ52f5CKfQ9sJMvF_22Jnzo1n9E7w9eIu0cu1C7VoyaiEgXnXbCAZQXKLcT3id37zeipSYwtdeO8GPac4_IYjCTF1FRPrppRsSnk9SWTTNUTSBJe478IQFdbqb-cXs2JGyJooaHPtBLNOo34xctSgV6sFRznbEcAkR7SP6wXy0JsHT7Y9Gkkb__5UCdbQM_52wulNYkMN2xMfQOPHpyTJUkZiuBp3wW7nx0aTrNL-XO4JLYuLDoTvmT19c72dTqHoaE4VFIBx89OZB6JprZyJtMdFlyQI_zH=s0-w100-h100-p-df"
 media75 = "None"
 site75 = "Yahoo奇摩運動"
-title76 = "Samsung Galaxy Z Fold3評測︱外觀/幕/性能/續航/鏡頭附試相|科技玩物"
+title76 = "Samsung Galaxy Z Fold3評測︱外觀/幕/性能/續航/鏡頭附試相|科技玩物"
 desc76 = "bookmark_border"
 date76 = "2 天前"
 datetime76 = "None"

+ 2 - 2
webSite/content/trenddetail/20210915_05.md

@@ -123,7 +123,7 @@ link15 = "news.google.com/./articles/CBMiJmh0dHA6Ly93d3cuc29odS5jb20vYS80ODk4OTI
 img15 = "https://lh3.googleusercontent.com/proxy/adiTlSX_W6jVnxcGAXqp8KVlq3WtpsMW1ITVwCPcuapAGd6_vnwynfNLkvOxNMqOe_6RhCzL2jFp_jtT5vojmMc_Zk00LdqrpA64GdBJDklLC2ImYEkIVF68t99ay6uua5SMhtshdQY=s0-w100-h100-dcjUOKjjnlkikC"
 media15 = "None"
 site15 = "搜狐"
-title16 = "45mm Apple Watch Series 7 幕加大到1.9 吋"
+title16 = "45mm Apple Watch Series 7 幕加大到1.9 吋"
 desc16 = "bookmark_border"
 date16 = "7 天前"
 datetime16 = "None"
@@ -155,7 +155,7 @@ link19 = "news.google.com/./articles/CBMigwFodHRwczovL3R3Lm5ld3MueWFob28uY29tLyV
 img19 = "https://lh3.googleusercontent.com/proxy/HjjpqV2ZR0lNy_IsqiO_aMoexLKB-SIUhTTCuXQxjLkuiyR7ebZhk59OXe9gfplkuOLLpRPevTcOghcHQTOBve4vg17srOef-joCCL2rnpLfs52cgF08t5CQljSOy5XYwAb_TH5fjdtYG7t2GT7suOD8JJ-M16pGzs8C1tkyoPIxFr3ZBcJ2PMQQmpfhPSTpsKlglJxS3tYCbNOoXQWcMp0l58iVdufQhQtHW7Y6B9UnM-afYnxdEcTlrj1AzkjiQ-R0HyywBCIzOrxsU6k-vLB5ZoWA8fVWKMoqRkCP4JsWu9abk31oGbB4wxrAtI-TEMNgjKmmcye1Pz7X96ooO_rdYatwJk5B2DO5-NkUJyrYOzrl6vs38FcgS4SvHJ_KDc3enYqAMAQBX53wPuGW=s0-w100-h100-dcAQCK6BAL"
 media19 = "None"
 site19 = "Yahoo奇摩新聞"
-title20 = "苹果发布Apple Watch 7,续航达18小时、幕变大_Series"
+title20 = "苹果发布Apple Watch 7,续航达18小时、幕变大_Series"
 desc20 = "bookmark_border"
 date20 = "8 小時前"
 datetime20 = "None"

+ 2 - 2
webSite/content/trenddetail/20210916_06.md

@@ -283,7 +283,7 @@ link35 = "news.google.com/./articles/CBMitgJodHRwczovL3R3LnN0b2NrLnlhaG9vLmNvbS9
 img35 = "https://lh3.googleusercontent.com/proxy/25FNgPCecIqvMsW4aeunw_6wqTllVvbu-b2MdENB4e6f_Yez8Yw1-T_YEHDE0pHjG3AfHDG7kCGr-4kKPCdw9ic6StQ20WS3NCX20_qVzpFpIon90YRa8cE4FAn--FjgfkIjLBU=s0-w100-h100-dcCaKUB7kH"
 media35 = "None"
 site35 = "Yahoo奇摩股市"
-title36 = "苹果发布新品:降价的iPhone,新版的iPad Mini,幕更大的手表- 商业"
+title36 = "苹果发布新品:降价的iPhone,新版的iPad Mini,幕更大的手表- 商业"
 desc36 = "bookmark_border"
 date36 = "昨天"
 datetime36 = "None"
@@ -291,7 +291,7 @@ link36 = "news.google.com/./articles/CBMiKWh0dHA6Ly93d3cuZm9yYmVzY2hpbmEuY29tL2J
 img36 = "https://lh3.googleusercontent.com/proxy/VXTpsgCoi_NnESmlB8FpbTZ0EXlWXOZ4oypWInCij_X79XwmkZqwKYYkN0trzGBoo5plRpKPLetxzzAgzO5XTf8_XS1jc9u2AMFScmUQBIPWujE8uAMMU2zpSvAOWa2w319mkv2zm-uqvidEVX7SSTMU5Jy9jlBOs0dsDtsAX35twlfes6hE0NYKrbFqQhQ2CnMqkOgZ4Pjjgu9dPyLLD614WII_43k80GJS6FXOCQueVs5vGrNpRrXJIgZmK5lXH9irygMt4VY5aaYHfrhHkwfa=s0-w100-h100-dcHVKIMK0F"
 media36 = "None"
 site36 = "福布斯中国"
-title37 = "iPad 9遭提前泄露:幕终于升级- Apple iPad"
+title37 = "iPad 9遭提前泄露:幕终于升级- Apple iPad"
 desc37 = "bookmark_border"
 date37 = "2 天前"
 datetime37 = "None"

+ 1 - 1
webSite/content/trenddetail/20210916_07.md

@@ -211,7 +211,7 @@ link26 = "news.google.com/./articles/CBMiLWh0dHBzOi8vdWRuLmNvbS9uZXdzL2FtcC9zdG9
 img26 = "https://lh3.googleusercontent.com/proxy/AYyZBYvvFhrDam4kI4ZHX81yUhPsC8RhCLz_FuU8ilDRBR7avJT85g7pO3ZSWvVvGuHJT8GpejfzsBa85C9qGr7sg98Dt-F0B_FQHBMROlu2lhxtyW6CrliEA50eajhOVjotu3bQlZjZB4wGxEPX0M98wb7kuU-SJWw_Eqr6uFXIZwUwCXFivnB6vZix_7kA6yyCZYLWFUjSso20q7g=s0-w100-h100-dcEXKQ1LAH"
 media26 = "None"
 site26 = "UDN 聯合新聞網"
-title27 = "视频|Apple Watch 7发布,幕面积增加近20%"
+title27 = "视频|Apple Watch 7发布,幕面积增加近20%"
 desc27 = "bookmark_border"
 date27 = "19 小時前"
 datetime27 = "None"

+ 1 - 1
webSite/content/trenddetail/20210924_12.md

@@ -115,7 +115,7 @@ link14 = "news.google.com/./articles/CBMiO2h0dHA6Ly93d3cuYmVhcmV5ZXMuY29tLmNuL2N
 img14 = "https://lh3.googleusercontent.com/proxy/TQ4WGSa-oAwTPK0MOjPYHOrsrgHrvYUFSu6bkxhbLCaPTnuxy_o41wnQV9tKQZMs3sXPaNvUy8P4H0iFIE4SUq4ZuhEAeOdIPzILi-dlqZnat6pHofIBaFqzQfA=s0-w100-h100-dcDWOIM6Wosa75Gj0"
 media14 = "None"
 site14 = "小熊在线"
-title15 = "配备120Hz幕,支持固态硬盘更换?Surface Pro 8曝光_Duo"
+title15 = "配备120Hz幕,支持固态硬盘更换?Surface Pro 8曝光_Duo"
 desc15 = "bookmark_border"
 date15 = "4 天前"
 datetime15 = "None"

+ 2 - 2
webSite/content/trenddetail/20211019_01.md

@@ -363,7 +363,7 @@ link45 = "news.google.com/./articles/CBMiRWh0dHBzOi8vdHcuYXBwbGVkYWlseS5jb20vZ2F
 img45 = "https://lh3.googleusercontent.com/proxy/GhZK_OWQnspMtvOcPYtjKs5-ex6TOTGHaHL3egdA-0qhu7BAqWdKKXlbyy2Aql9WnecpXf1Z879AJNoi6NllH8p4h51uENp5BG-ugBqztpyOKYvKHnSIWV4ZL4aLjItPC8HOho2Z_M0kyLb2nwZlVNghrRAnJ_oYNJ9qBlOoMQ=s0-w100-h100-dcEQKS6IwH"
 media45 = "None"
 site45 = "台灣蘋果日報"
-title46 = "幕面板研究機構爆料 明年 Apple Watch 將提供 3 款尺寸選擇"
+title46 = "幕面板研究機構爆料 明年 Apple Watch 將提供 3 款尺寸選擇"
 desc46 = "bookmark_border"
 date46 = "5 天前"
 datetime46 = "None"
@@ -395,7 +395,7 @@ link49 = "news.google.com/./articles/CBMiLWh0dHBzOi8vZ25uLmdhbWVyLmNvbS50dy9kZXR
 img49 = "https://lh3.googleusercontent.com/proxy/gaJeUChoK2AWkMAHYpfbJt2OpP9BOaot4XZHF2aoFTXcVUXqEGWLHH7jzlQI-ZxHeB-7LNzMlSNI5eJG7TNd2NA8Aq3StLRPlsfwUwMqxlmtHM6Mxj9qDL7zSr-AuzAqSuAZT6RksuY9KTmc7V2whwDl=s0-w100-h100-dcPUKQ9CAJ"
 media49 = "None"
 site49 = "巴哈姆特電玩資訊站"
-title50 = "Apple Watch 7上手:幕大了充电快了这次升级直接了当"
+title50 = "Apple Watch 7上手:幕大了充电快了这次升级直接了当"
 desc50 = "bookmark_border"
 date50 = "6 天前"
 datetime50 = "None"

+ 1 - 1
webSite/content/trenddetail/20211020_09.md

@@ -355,7 +355,7 @@ link44 = "news.google.com/./articles/CBMiLmh0dHBzOi8vd3d3LmNhcmR1LmNvbS50dy9tcGF
 img44 = "https://lh3.googleusercontent.com/proxy/w66_oPdZ6VEiS8A5AVXq5N5aPsEe7wdKRqa2V84o2osBnR9T7B7PDhY9E4Lsve4GnD1FClj96Pj_iCd9rMrOZccGckL1DDyT3axFYLPGQRIgJw3c8M52PqMsPy1EetsZohmeW79KEg6kbBTQmv18JnyC7z7Oce8GDLDfjIPbI-IyAyvQfAtv4b132EMD2hNK7ggbTINg2PxiMxCy-6VEwOKz0PwrmQrb5bRyFErhYQ=s0-w100-h100-dcCVKMSK0F"
 media44 = "None"
 site44 = "卡優新聞網"
-title45 = "幕面板研究機構爆料 明年 Apple Watch 將提供 3 款尺寸選擇"
+title45 = "幕面板研究機構爆料 明年 Apple Watch 將提供 3 款尺寸選擇"
 desc45 = "bookmark_border"
 date45 = "6 天前"
 datetime45 = "None"

+ 1 - 1
webSite/content/trenddetail/20211021_16.md

@@ -91,7 +91,7 @@ link11 = "news.google.com/./articles/CBMiRWh0dHBzOi8vZmluYW5jZS5zaW5hLmNvbS5jbi9
 img11 = "https://lh3.googleusercontent.com/proxy/bXswWPMDSvlvxZoDl8uafMKHnIQxi8TQqDYtclg61SN7VHdvVk3UCMKdqBo_dfF2DAglqiVZoaiPrZ-cvIaqJq0WVCzDluW4n2WW7-LVLF-rebkA_KPJ3AVb3QrR3VYq52HwDGL9Cup4GfhCFDPVfVz_9HUqfjYrHJTgQlqI=s0-w100-h100-dcGXSKy7EF"
 media11 = "None"
 site11 = "新浪网"
-title12 = "谷歌Android 12硬件要求公布:推荐6GB内存+1080P幕"
+title12 = "谷歌Android 12硬件要求公布:推荐6GB内存+1080P幕"
 desc12 = "bookmark_border"
 date12 = "6 天前"
 datetime12 = "None"

+ 1 - 1
webSite/content/trenddetail/20211208_01.md

@@ -547,7 +547,7 @@ link68 = "news.google.com/./articles/CBMizgFodHRwczovL3R3Lm5ld3MueWFob28uY29tLyV
 img68 = "https://lh3.googleusercontent.com/proxy/9N_9oTX5lzHHAgCYswWS1BwqO-gJMohihK_RwRA5OGsIAoN5mwaPe7eyrqZJKscf3qh3yOX4vu4shxCPcwCioinaZwlgU0FTw5Zsruh3vi0twqpOzy4w97MCpPQSoFTFRQ9Bvm7Ramc-SMjbWltAvDGV7m0r3x_g3LnfDI4gq6oNf9RTfsmzL26r-mfp9_IA4ZNc5VUV5aO2jAe6wUdFDfRzEGpI7PHGQCtI6Y__t3pj4vKfgxTK06gKXrWXKw9CHQb_Fco=s0-w100-h100-dcgQGIxIxpqc0B"
 media68 = "None"
 site68 = "Yahoo奇摩新聞"
-title69 = "POCO M4 Pro 香港發佈,唔使二千有中階處理器、90Hz 幕"
+title69 = "POCO M4 Pro 香港發佈,唔使二千有中階處理器、90Hz 幕"
 desc69 = "bookmark_border"
 date69 = "21 小時前"
 datetime69 = "None"

+ 1 - 1
webSite/content/trenddetail/20211220_04.md

@@ -203,7 +203,7 @@ link25 = "news.google.com/./articles/CBMi2AFodHRwczovL3R3Lm5ld3MueWFob28uY29tLyV
 img25 = "https://lh3.googleusercontent.com/proxy/1MBkEWEbFiMkPCNral506si7-soctoEn9SRBnp8zNEYt_7yJSiOzmoC5DaWnzTqSrh9KmhKAP0-FwWIe8kDy5jgnT-mn_Jv6L-oNDTNEkCilBuF9hPJHW4o9r91C5hLhxr6mdNHI8AB4CC3t2TF7L0iuZ8v56SU6AlmFORIyNtLyaVoalrlpqNPkdO7LuJgmhrYht5wpyTSnC3SnUTqyjpQ4MTotXjOJcTMjX-P86akT95ePHyhboHVDd6nxivX1ixFog3ruM4ucqMj4HtkXwfrWiNzWdWq_EUo1Jzxdstkt6xHYmAaB8EJNMeFFKiwkjnYho4Qm-Sc8CvYnWT8lAhRd6g2Hwfeq6b4gAuyS2dS5EtdrLfIXeAucqLA6EgGDUsVrgvHPu-I=s0-w100-h100-dcDXCMhjAH"
 media25 = "None"
 site25 = "Yahoo奇摩新聞"
-title26 = "OPPO 新設計專利,前後大小雙幕,可能是 Find X4 的設計方向"
+title26 = "OPPO 新設計專利,前後大小雙幕,可能是 Find X4 的設計方向"
 desc26 = "bookmark_border"
 date26 = "20 小時前"
 datetime26 = "None"

+ 1 - 1
webSite/content/trenddetail/20220101_01.md

@@ -627,7 +627,7 @@ link78 = "news.google.com/./articles/CBMiggJodHRwczovL3R3LnlhaG9vLmNvbS90di8lRTg
 img78 = "https://lh3.googleusercontent.com/proxy/3YV42j6hEWJesK_2Y5Eq4Y0kSS5Fx-5qcGwAIC7eN8mJj6eEpiR3MoaKss-3ZEpyT9aTR35xKydhTJoRvn9FVBVh4O1zKUw3iIQLT2RIbf6vDeynfH56GvvUqK2xISoUP7FdSDzQZRmKDJz2fNEIQxHd0B9xlyS4aQxCPATLvb1TX9f_TU3fGhCEbQ9dyval-eXxtK6S_tfA-yud6UatwCs5y5dA-Xs1fRhBhM1Jzsau78Hap12M8jZ1QS0MmsCOptkOWrgcnr7y2g3lTTQNKeWoWh8HqSGIqD6tOtfMFJtW4wuLjUnrIsFRXfTMH1icXgFUSEbqe6BZ1sqNBVc=s0-w100-h100-dclVKC6qQI"
 media78 = "None"
 site78 = "Yahoo奇摩新聞"
-title79 = "除夕倒數|旺角商場THE FOREST戶外大幕下迎接新年"
+title79 = "除夕倒數|旺角商場THE FOREST戶外大幕下迎接新年"
 desc79 = "bookmark_border"
 date79 = "2 天前"
 datetime79 = "None"

+ 1 - 1
webSite/content/trenddetail/20220102_16.md

@@ -747,7 +747,7 @@ link93 = "news.google.com/./articles/CBMiLmh0dHBzOi8vbmV3dGFsay50dy9uZXdzL3ZpZXc
 img93 = "https://lh3.googleusercontent.com/proxy/dS5ojkshruDqO4IF3Blx6Frzr0PAUvAI53Waezes_WgiU4JAp-AbRHDTDAJd1t0BvMli76MT_jyX3Hl9wCPJVEJtycMF5JFvkzlcVpqEdFrwZZnU-w78at-HNrqbQ-NbNZShxOT-JDKIzhIcaUO3c5QiDhLM=s0-w100-h100-dciYCA5lxiNXAB"
 media93 = "None"
 site93 = "新頭殼"
-title94 = "除夕倒數|旺角商場THE FOREST戶外大幕下迎接新年"
+title94 = "除夕倒數|旺角商場THE FOREST戶外大幕下迎接新年"
 desc94 = "bookmark_border"
 date94 = "3 天前"
 datetime94 = "None"

+ 1 - 1
webSite/content/trenddetail/20220128_15.md

@@ -83,7 +83,7 @@ link10 = "news.google.com/./articles/CBMiJ2h0dHBzOi8vd3d3LnNvaHUuY29tL2EvNTE5MzE
 img10 = "https://lh3.googleusercontent.com/proxy/RSblN2Ifu00mcxGwfuAAJZocyXISnOJ90gR-Dg4AaLgBAexrTXVhli7VVPAnre75BMTij1G5D-vSXwWHhFqd9LlY9yAEHa5Zn8t0MOzBE0uJXE_4g95YvvL7k6D-gdOv4Nfz0eji9R8=s0-w100-h100-dcEWOGaMoE"
 media10 = "None"
 site10 = "搜狐"
-title11 = "iPhone 13严重翻车幕没法看!苹果着急将加快推iOS 15更新修复_问题_leak_版本"
+title11 = "iPhone 13严重翻车幕没法看!苹果着急将加快推iOS 15更新修复_问题_leak_版本"
 desc11 = "bookmark_border"
 date11 = "6 天前"
 datetime11 = "None"

+ 1 - 1
webSite/content/trenddetail/20220201_18.md

@@ -651,7 +651,7 @@ link81 = "news.google.com/./articles/CBMizgFodHRwczovL3R3Lm5ld3MueWFob28uY29tLyV
 img81 = "https://lh3.googleusercontent.com/proxy/ByfMlC30Gm5PFrk9HgZXgQ_R1SwmGF3pgBdBZp2N_GRqMxpC_2-yi0hROBx25usoUAdv5lN1Vaj9-k3PMk_ja6CJU1gc8UqF1T4J50sH2TUCzkGk7My8zkkstUyL74nuzvxXZkqzq9YQSSZcBMe-kXig-W9s6gcTcYpn_gSYN1vgT6lEyrVsQ5YdT0DnvekWgGisCGwA_p9aTDh6fAxyATstSgDSIPjUTmFs5ZGPcqxcYKOXumq_ine8Ji5QnFRT7kSU2jzHTwKJ7j4-bJLEGNJx5CUD_koB3MU7j8ilLR3M3kp_KCslsuabzDiGC_kNyQKTdxFkGEXiUQRF817NUxzIHI9cna0sO04f9jIkf9muqsIINv1_WvBsA39mBbq8bFit8b0OHTKd1fRBDEYp4D-nSAoUDHY17nQP=s0-w100-h100-dcCQCCRhDroYoC"
 media81 = "None"
 site81 = "Yahoo奇摩新聞"
-title82 = "虎年吉祥 世界日報在時報廣場大幕 連續3晚拜年"
+title82 = "虎年吉祥 世界日報在時報廣場大幕 連續3晚拜年"
 desc82 = "bookmark_border"
 date82 = "2 天前"
 datetime82 = "None"

+ 1 - 1
webSite/content/video-making/dm.md

@@ -32,7 +32,7 @@ block3_list5 = "故事微妙電影"
 block3_list6 = "IPO上市櫃影片"
 block3_img = "/imgs/dm/dm_video-making-2.png"
 
-block4_title = "不僅止於圖文並茂,利用影片來幫你行銷"
+block4_title = "讓鏡頭語言告訴你 | 說故事的重要性"
 block4_strong = ""
 block4_list1 = "剪輯影片內容,清楚表達訴求"
 block4_list2 = "根據不同行銷方式,提供專業影片製作建議"