瀏覽代碼

更新 head & GTM

SyuanYu 1 年之前
父節點
當前提交
744f17bf2d

+ 4 - 0
layouts/_default/single.html

@@ -4,6 +4,10 @@
 {{ partial "head.html" . }}
 
 <body>
+  <!-- Google Tag Manager (noscript) -->
+  <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-MTWWP3G" height="0" width="0"
+      style="display:none;visibility:hidden"></iframe></noscript>
+  <!-- End Google Tag Manager (noscript) -->
 
   <div id="all">
     {{ partial "nav.html" . }}

+ 3 - 3
layouts/aboutus/single.html

@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html lang="en">
-
-<head>
+{{ partial "head_single.html" . }}
+<!-- <head>
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <meta http-equiv="X-UA-Compatible" content="ie=edge, Chrome=1">
@@ -12,7 +12,7 @@
   <link rel="stylesheet" href="//use.fontawesome.com/releases/v5.11.2/css/all.css">
   <link rel="stylesheet" href="/css/style.css">
   <link rel="stylesheet" href="/css/custom.css">
-</head>
+</head> -->
 
 <body>
   {{ partial "navbar.html" . }}

+ 143 - 127
layouts/ai-presenter/single.html

@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html lang="en">
-
-<head>
+{{ partial "head_single.html" . }}
+<!-- <head>
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <meta http-equiv="X-UA-Compatible" content="ie=edge, Chrome=1">
@@ -12,7 +12,7 @@
   <link rel="stylesheet" href="//use.fontawesome.com/releases/v5.11.2/css/all.css">
   <link rel="stylesheet" href="/css/style.css">
   <link rel="stylesheet" href="/css/custom.css">
-</head>
+</head> -->
 
 <body>
   {{ partial "navbar.html" . }}
@@ -248,15 +248,24 @@
                 </div>
                 <p class="ms-3">▼ 台語</p>
                 <div class="video-box my-4">
-                  <iframe width="560" height="315" src="https://www.youtube.com/embed/9Pu6LUocmoc" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
+                  <iframe width="560" height="315" src="https://www.youtube.com/embed/9Pu6LUocmoc"
+                    title="YouTube video player" frameborder="0"
+                    allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
+                    allowfullscreen></iframe>
                 </div>
                 <p class="ms-3">▼ 日文</p>
                 <div class="video-box my-4">
-                  <iframe width="560" height="315" src="https://www.youtube.com/embed/PY51gyW1x8w" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
+                  <iframe width="560" height="315" src="https://www.youtube.com/embed/PY51gyW1x8w"
+                    title="YouTube video player" frameborder="0"
+                    allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
+                    allowfullscreen></iframe>
                 </div>
                 <p class="ms-3">▼ 越南文</p>
                 <div class="video-box my-4">
-                  <iframe width="560" height="315" src="https://www.youtube.com/embed/9umdItL0GME" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
+                  <iframe width="560" height="315" src="https://www.youtube.com/embed/9umdItL0GME"
+                    title="YouTube video player" frameborder="0"
+                    allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
+                    allowfullscreen></iframe>
                 </div>
               </section>
             </div>
@@ -307,134 +316,141 @@
       <h4>BLOG</h4>
     </section>
 
-   <div class="container">
-    <div class="row sec-blogtab">
-      <div class="col-md-12">
-        <div class="blog-tabs">
-          <ul class="blog-tabs-nav">
-            <li><a href="#blog-tab-1">AI 主播是什麼?</a></li>
-            <li><a href="#blog-tab-2">誰是 AI 主播韓小夏(Summer Hen)?</a></li>
-            <li><a href="#blog-tab-3">AI 主播使用什麼技術?</a></li>
-            <li><a href="#blog-tab-4">全球有哪些 AI 主播?</a></li>
-            <li><a href="#blog-tab-5">新聞主播的工作內容是什麼?</a></li>
-            <li><a href="#blog-tab-6">如何製作一個 AI 主播?</a></li>
-          </ul>
-          <div class="blog-tabs-stage">
-            <div id="blog-tab-1" class="blog-tab-box">
-              <div class="blog-txt">
-                <p>「AI 主播」是透過虛擬人技術的的支持下,通過人臉的關鍵特色偵測、人臉特徵擷取、臉部重構、唇語辨別、情感及表情的分析等多項先進科技 AI
-                  合成主播,並結合圖像及語音等資料建立模型,並且進行模型的訓練精準化模型,生成與真人高度相似的的 AI 虛擬分身模型,進而合成 AI 主播。AI
-                  合成的主播能夠將所輸入的中英文文稿自動生成相對應之影片,在播報過程中 ,AI 主播的音頻、表情以及唇語嘴形可以保持自然一致,聲音乃是 AI 合成聲音 ,AI 主播完全展現出與真人主播無差異的資訊傳達效果。
-                </p>
+    <div class="container">
+      <div class="row sec-blogtab">
+        <div class="col-md-12">
+          <div class="blog-tabs">
+            <ul class="blog-tabs-nav">
+              <li><a href="#blog-tab-1">AI 主播是什麼?</a></li>
+              <li><a href="#blog-tab-2">誰是 AI 主播韓小夏(Summer Hen)?</a></li>
+              <li><a href="#blog-tab-3">AI 主播使用什麼技術?</a></li>
+              <li><a href="#blog-tab-4">全球有哪些 AI 主播?</a></li>
+              <li><a href="#blog-tab-5">新聞主播的工作內容是什麼?</a></li>
+              <li><a href="#blog-tab-6">如何製作一個 AI 主播?</a></li>
+            </ul>
+            <div class="blog-tabs-stage">
+              <div id="blog-tab-1" class="blog-tab-box">
+                <div class="blog-txt">
+                  <p>「AI 主播」是透過虛擬人技術的的支持下,通過人臉的關鍵特色偵測、人臉特徵擷取、臉部重構、唇語辨別、情感及表情的分析等多項先進科技 AI
+                    合成主播,並結合圖像及語音等資料建立模型,並且進行模型的訓練精準化模型,生成與真人高度相似的的 AI 虛擬分身模型,進而合成 AI 主播。AI
+                    合成的主播能夠將所輸入的中英文文稿自動生成相對應之影片,在播報過程中 ,AI 主播的音頻、表情以及唇語嘴形可以保持自然一致,聲音乃是 AI 合成聲音 ,AI
+                    主播完全展現出與真人主播無差異的資訊傳達效果。
+                  </p>
+                </div>
               </div>
-            </div>
-            <div id="blog-tab-2" class="blog-tab-box">
-              <div class="blog-txt">
-                <p>「AI 主播」韓小夏(Summer Hen)是集仕多股份有限公司(ChoozMo inc) 所製作的台灣第一個AI 主播,整體皆由 AI 合成。 「AI
-                  主播」韓小夏是個人工智能新聞主播,擬真程度與人類表現驚人地相當高。它不僅具有與新聞主持人的特色和聲音,乍聽真實的聲音其實是 AI 合成聲音,而且
-                  還模仿了一般主播做出的小動作,例如在報導新聞時展現一些手勢。集仕多股份有限公司(ChoozMo inc)使用獨家的技術,通過深度學習與機器學習技術
-                  學習真人的動作及表情,學習聲音的細節、說話的方式、面部表情、她的嘴唇和她移動身體的方式,AI 合成一位虛擬人,生成出高度擬真的 AI 主播韓小夏。</p>
+              <div id="blog-tab-2" class="blog-tab-box">
+                <div class="blog-txt">
+                  <p>「AI 主播」韓小夏(Summer Hen)是集仕多股份有限公司(ChoozMo inc) 所製作的台灣第一個AI 主播,整體皆由 AI 合成。 「AI
+                    主播」韓小夏是個人工智能新聞主播,擬真程度與人類表現驚人地相當高。它不僅具有與新聞主持人的特色和聲音,乍聽真實的聲音其實是 AI 合成聲音,而且
+                    還模仿了一般主播做出的小動作,例如在報導新聞時展現一些手勢。集仕多股份有限公司(ChoozMo inc)使用獨家的技術,通過深度學習與機器學習技術
+                    學習真人的動作及表情,學習聲音的細節、說話的方式、面部表情、她的嘴唇和她移動身體的方式,AI 合成一位虛擬人,生成出高度擬真的 AI 主播韓小夏。</p>
+                </div>
               </div>
-            </div>
-            <div id="blog-tab-3" class="blog-tab-box">
-              <div class="blog-txt">
-                <p>「AI 主播」主要運用深度神經網路、深度學習、Deep Fake 技術透過虛擬人技術的的支持下, 通過人臉的關鍵特色偵測、人臉特徵擷取、臉部重構、 唇語辨別、情感及表情的分析等多項先進科技合成 AI
-                  主播, 並結合圖像及語音等資料建立模型,並且進行模型的訓 練精準化模型,生成與真人高度相似的的 AI 虛擬分身模型,進而合成 AI 主播。合成的 AI 主播能夠將所輸入的中英文
-                  文稿自動生成相對應之影片,在播報過程中 ,AI 主播的音頻、表情以及唇語嘴形可以保持自然一致,AI 合成聲音並且配合內容語言的語調 ,AI 主播完全展現 出與真人主播無差異的資訊傳達效果。</p>
+              <div id="blog-tab-3" class="blog-tab-box">
+                <div class="blog-txt">
+                  <p>「AI 主播」主要運用深度神經網路、深度學習、Deep Fake 技術透過虛擬人技術的的支持下, 通過人臉的關鍵特色偵測、人臉特徵擷取、臉部重構、 唇語辨別、情感及表情的分析等多項先進科技合成 AI
+                    主播, 並結合圖像及語音等資料建立模型,並且進行模型的訓 練精準化模型,生成與真人高度相似的的 AI 虛擬分身模型,進而合成 AI 主播。合成的 AI 主播能夠將所輸入的中英文
+                    文稿自動生成相對應之影片,在播報過程中 ,AI 主播的音頻、表情以及唇語嘴形可以保持自然一致,AI 合成聲音並且配合內容語言的語調 ,AI 主播完全展現 出與真人主播無差異的資訊傳達效果。</p>
+                </div>
               </div>
-            </div>
-            <div id="blog-tab-4" class="blog-tab-box">
-              <div class="blog-txt">
-                <p>韓國首位 AI 主播日前正式上工,引起網友熱烈討論,與真人幾乎無差別的發音及動作神態引發關注,網友感嘆科技進步同時 不免感到相當憂心,作為 AI 主播原型的主播金柱夏也直呼要更努力,才不會被 AI
-                  主播取代。韓國電視台MBN推出全國首名 AI 主播,這名以MBN當家主播金柱夏為原型的 AI 主播「AI 金柱夏」是MBN與人工智慧(AI) 開發公司 MoneyBrAIn 合作研發,完全是透過 AI
-                  合成主播,只要在系統鍵入 1000 字以內的原稿,就能自動產生播報畫面。MoneyBrAIn 公司代表張世榮接受媒體訪問時表示,新聞講求即時性,有了 AI
-                  主播,無論在什麼時後發生重大新聞,都可快速即時提供播報畫面 MBN 表示,「使用AI 主播可在突發災難狀況時,迅速向觀眾播報新聞內容,且能一天 24
-                  小時持續工作」,並可節省下大量人力、時間和費用成本,用於嘗試製作其他新節目也能有效節約資源。AI 金柱夏的影片播出後,可以看到許多網友在MBN 的 YouTube 頻道中留言,對 AI
-                  主播的逼真程度感到驚艷,感嘆科技進步之快,「完全看不出來是 AI」,也有人直呼「好可怕 ,雖然很方便,但工作機會可能又要減少了」。金柱夏本人表示,在看到AI 主播的表現後,「對於AI技術總有一天可能威脅
-                  到我的工作而感到不安」,但她也說,會更加努力及全面的傳達屬於人類的情感,這點是AI 主播目前還無法做到的。也有不願 透露身分的主播對媒體表示,在 AI
-                  主播出現後,以真人主播進行的新聞節目競爭預期更加激烈,可望激發出後續更具感性及趣味 的節目內容。韓國著名 YouTuber「Rui」(루이)在之前證實,過去在影片中實際露臉的面貌,其實是由南韓軟體技術公司
-                  dob Studio (디오비스튜디)以人工智慧技術打造。依照”扮演” YouTuber「Rui」的本人接受採訪時表示,實際上是因為希望成為一名歌手 ,但是在南韓演藝界極度重視外表的情況下,接受與 dob
-                  Studio 合作,透過深度學習的技術,將統計數據中最受歡迎面容組 合,以人工智慧方式動態合成在「Rui」本人在影片中的臉譜上,如 AI 主播一般 ,運用 Deepfake 技術,dob Studio
-                  將深 度學習組合出的面容套用在影片內容中,因此實際上僅有頸部以下身體、頭髮與聲音部分為「Rui」本人。除了 YouTube 影片 內容藉由 dob Studio 合成面容,包含在 Instagram
-                  上的靜態照片內容,其實也是藉由人工智慧技術合成。而借助人工智慧 創造的虛擬人物網紅、實況主,在目前相關技術持續精進之下,顯然也有越來越多應用可能性,例如可播報新聞的 AI 主播,虛擬實 況主,日本
-                  Hololive 便是提供讓人以虛擬人物形式進行實況直播,而南韓 MBN 電視台也以當紅主播金柱夏形象,與人工智慧技 術公司。MoneyBrAIn 合作打造人工智慧AI 主播「AI 金柱夏」 (AI
-                  김주하),藉此協助新聞內容播報。
+              <div id="blog-tab-4" class="blog-tab-box">
+                <div class="blog-txt">
+                  <p>韓國首位 AI 主播日前正式上工,引起網友熱烈討論,與真人幾乎無差別的發音及動作神態引發關注,網友感嘆科技進步同時 不免感到相當憂心,作為 AI 主播原型的主播金柱夏也直呼要更努力,才不會被 AI
+                    主播取代。韓國電視台MBN推出全國首名 AI 主播,這名以MBN當家主播金柱夏為原型的 AI 主播「AI 金柱夏」是MBN與人工智慧(AI) 開發公司 MoneyBrAIn 合作研發,完全是透過 AI
+                    合成主播,只要在系統鍵入 1000 字以內的原稿,就能自動產生播報畫面。MoneyBrAIn 公司代表張世榮接受媒體訪問時表示,新聞講求即時性,有了 AI
+                    主播,無論在什麼時後發生重大新聞,都可快速即時提供播報畫面 MBN 表示,「使用AI 主播可在突發災難狀況時,迅速向觀眾播報新聞內容,且能一天 24
+                    小時持續工作」,並可節省下大量人力、時間和費用成本,用於嘗試製作其他新節目也能有效節約資源。AI 金柱夏的影片播出後,可以看到許多網友在MBN 的 YouTube 頻道中留言,對 AI
+                    主播的逼真程度感到驚艷,感嘆科技進步之快,「完全看不出來是 AI」,也有人直呼「好可怕 ,雖然很方便,但工作機會可能又要減少了」。金柱夏本人表示,在看到AI
+                    主播的表現後,「對於AI技術總有一天可能威脅
+                    到我的工作而感到不安」,但她也說,會更加努力及全面的傳達屬於人類的情感,這點是AI 主播目前還無法做到的。也有不願 透露身分的主播對媒體表示,在 AI
+                    主播出現後,以真人主播進行的新聞節目競爭預期更加激烈,可望激發出後續更具感性及趣味 的節目內容。韓國著名
+                    YouTuber「Rui」(루이)在之前證實,過去在影片中實際露臉的面貌,其實是由南韓軟體技術公司
+                    dob Studio (디오비스튜디)以人工智慧技術打造。依照”扮演” YouTuber「Rui」的本人接受採訪時表示,實際上是因為希望成為一名歌手 ,但是在南韓演藝界極度重視外表的情況下,接受與
+                    dob
+                    Studio 合作,透過深度學習的技術,將統計數據中最受歡迎面容組 合,以人工智慧方式動態合成在「Rui」本人在影片中的臉譜上,如 AI 主播一般 ,運用 Deepfake 技術,dob Studio
+                    將深 度學習組合出的面容套用在影片內容中,因此實際上僅有頸部以下身體、頭髮與聲音部分為「Rui」本人。除了 YouTube 影片 內容藉由 dob Studio 合成面容,包含在 Instagram
+                    上的靜態照片內容,其實也是藉由人工智慧技術合成。而借助人工智慧 創造的虛擬人物網紅、實況主,在目前相關技術持續精進之下,顯然也有越來越多應用可能性,例如可播報新聞的 AI 主播,虛擬實 況主,日本
+                    Hololive 便是提供讓人以虛擬人物形式進行實況直播,而南韓 MBN 電視台也以當紅主播金柱夏形象,與人工智慧技 術公司。MoneyBrAIn 合作打造人工智慧AI 主播「AI 金柱夏」 (AI
+                    김주하),藉此協助新聞內容播報。
 
 
-                  中國在 AI 主播的發展市場上,也陸續發表了多款 AI 合成主播,這款被命名「新小浩」的站立式 AI 主播,仍然以
-                  新華社主播邱浩為原型,在聲音和圖像兩大引擎上有了較大的優化和突破。在聲音方面,採用領先的波形建模技術生
-                  成音頻,大大提升了合成音頻的表現力和真實度,使聲音更具起伏及情感。在圖像方面,通過模型優化及多重數據的使用, 實現更加逼真的 AI
-                  合成表情、肢體動作與語義的恰當匹配以及更加自然的唇動及嘴形效果。「新小浩」不僅能坐著播報新聞,還 能站起來,帶著手勢、姿態等多種肢體動作聲情並茂地播報新聞,更加智能,更接近於真人。對於引人關注的新推出的
-                  AI 女主播 ,基於 AI 合成主播更加成熟的技術,AI 女主播播報效果和穩定性顯著提升。在 2018 年舉行的第五屆世界網路大會上,新華社聯合搜 狗發布全球首個合成新聞主播——「 AI
-                  合成主播」,運用最新人工智慧技術,創造出與真人主播擁有同樣播報能力的「分身」,引起了世界的關注。
+                    中國在 AI 主播的發展市場上,也陸續發表了多款 AI 合成主播,這款被命名「新小浩」的站立式 AI 主播,仍然以
+                    新華社主播邱浩為原型,在聲音和圖像兩大引擎上有了較大的優化和突破。在聲音方面,採用領先的波形建模技術生
+                    成音頻,大大提升了合成音頻的表現力和真實度,使聲音更具起伏及情感。在圖像方面,通過模型優化及多重數據的使用, 實現更加逼真的 AI
+                    合成表情、肢體動作與語義的恰當匹配以及更加自然的唇動及嘴形效果。「新小浩」不僅能坐著播報新聞,還
+                    能站起來,帶著手勢、姿態等多種肢體動作聲情並茂地播報新聞,更加智能,更接近於真人。對於引人關注的新推出的
+                    AI 女主播 ,基於 AI 合成主播更加成熟的技術,AI 女主播播報效果和穩定性顯著提升。在 2018 年舉行的第五屆世界網路大會上,新華社聯合搜 狗發布全球首個合成新聞主播——「 AI
+                    合成主播」,運用最新人工智慧技術,創造出與真人主播擁有同樣播報能力的「分身」,引起了世界的關注。
 
 
-                  由三星旗下獨立實驗室 STAR Labs 孵化出 NEON 虛擬人,之所以叫 NEON,是因為 NEON 一詞源自 NEO(新)+ humaN(人類)。 NEON
-                  虛擬人在對人物原始面部、聲音等數據進行捕捉並學習之後,可以自主創建未錄入過的新表情、新動作、新對話,甚至能說其他語言,可應用於 AI
-                  主播等層面,未來的應用相當的廣大。NEON虛擬人不只是百科般的語音助手,而是能像真人一樣快速響 應對話,做出真實表情神態的夥伴。三星 Star labs 戰略負責人 Bob Lian
-                  提到:「我們希望創造一個有自己的表情、行為、情感、 甚至感覺和記憶的新生命。」
-                </p>
+                    由三星旗下獨立實驗室 STAR Labs 孵化出 NEON 虛擬人,之所以叫 NEON,是因為 NEON 一詞源自 NEO(新)+ humaN(人類)。 NEON
+                    虛擬人在對人物原始面部、聲音等數據進行捕捉並學習之後,可以自主創建未錄入過的新表情、新動作、新對話,甚至能說其他語言,可應用於 AI
+                    主播等層面,未來的應用相當的廣大。NEON虛擬人不只是百科般的語音助手,而是能像真人一樣快速響 應對話,做出真實表情神態的夥伴。三星 Star labs 戰略負責人 Bob Lian
+                    提到:「我們希望創造一個有自己的表情、行為、情感、 甚至感覺和記憶的新生命。」
+                  </p>
+                </div>
               </div>
-            </div>
-            <div id="blog-tab-5" class="blog-tab-box">
-              <div class="blog-txt">
-                <p>
-                  新聞主播是通過報導在地方、國家和國際層面上發生的新聞故事和事件來通知公眾的記者。作為電視新聞廣播的首席記者,他們利用自己的公開演講技巧準確而簡潔地將新聞傳達給觀眾。正如職位所暗示的那樣,他們是共同主持或主持新聞節目的專業人士。在現場記者發表各自的故事後,他們保持節目片段之間的連續性。成功的新聞主播擁有追蹤者,即在特定市場中信任並偏愛他們而不是其他選擇的觀眾。一些主播因報導歷史上的特定事件而退休多年後仍被人們記住。已故的沃爾特·克朗凱特(Walter
-                  Cronkite)當然就是這種情況,他在 CBS 的 19 年職業生涯包括報導 1963 年約翰·肯尼迪總統遇刺事件和 1969 年首次登月。</p>
+              <div id="blog-tab-5" class="blog-tab-box">
+                <div class="blog-txt">
+                  <p>
+                    新聞主播是通過報導在地方、國家和國際層面上發生的新聞故事和事件來通知公眾的記者。作為電視新聞廣播的首席記者,他們利用自己的公開演講技巧準確而簡潔地將新聞傳達給觀眾。正如職位所暗示的那樣,他們是共同主持或主持新聞節目的專業人士。在現場記者發表各自的故事後,他們保持節目片段之間的連續性。成功的新聞主播擁有追蹤者,即在特定市場中信任並偏愛他們而不是其他選擇的觀眾。一些主播因報導歷史上的特定事件而退休多年後仍被人們記住。已故的沃爾特·克朗凱特(Walter
+                    Cronkite)當然就是這種情況,他在 CBS 的 19 年職業生涯包括報導 1963 年約翰·肯尼迪總統遇刺事件和 1969 年首次登月。</p>
+                </div>
               </div>
-            </div>
-            <div id="blog-tab-6" class="blog-tab-box">
-              <div class="blog-txt">
-                <p>
-                  建立輸入文稿與輸出音頻訊息的關聯,在圖像的生成技術中,使用人的臉孔辨識,以及三維的臉部重建、表情建模以及肢體動作模型, 建立輸入的文稿、輸出的音頻和視覺動畫的關聯及合成,透過 AI
-                  合成臉及合成聲音,最終產出栩栩如生的 AI 主播。
-                </p>
+              <div id="blog-tab-6" class="blog-tab-box">
+                <div class="blog-txt">
+                  <p>
+                    建立輸入文稿與輸出音頻訊息的關聯,在圖像的生成技術中,使用人的臉孔辨識,以及三維的臉部重建、表情建模以及肢體動作模型, 建立輸入的文稿、輸出的音頻和視覺動畫的關聯及合成,透過 AI
+                    合成臉及合成聲音,最終產出栩栩如生的 AI 主播。
+                  </p>
+                </div>
               </div>
+              <a class="btn-light" href="/blog">閱讀更多 ></a>
             </div>
-            <a class="btn-light" href="/blog">閱讀更多 ></a>
           </div>
         </div>
       </div>
-    </div>
 
-    <section class="title-item my-5">
-      <img src="/imgs/ai-presenter/裝飾-01.png" alt="">
-      <h4>使用者的守法義務</h4>
-    </section>
-  
-    <section class="terms-content">
-      <p>
-        您承諾絕不為任何非法目的或以任何非法方式使用本服務,並承諾遵守中華民國相關法規及一切使用網際網路之國際慣例。您若係中華民國以外之使用者,並同意遵守所屬國家或地域之法令。您同意並保證不得利用本服務從事侵害他人權益或違法之行為,包括但不限於:
-      </p>
-      <ul>
-        <li>上載、張貼、公布或傳送任何誹謗、侮辱、具威脅性、攻擊性、不雅、猥褻、不實、違反公共秩序或善良風俗或其他不法之文字、圖片或任何形式的檔案於本服務上</li>
-        <li>侵害他人名譽、隱私權、營業秘密、商標權、著作權、專利權、其他智慧財產權及其他權利</li>
-        <li>違反依法律或契約所應負之保密義務</li>
-        <li>冒用他人名義使用本服務</li>
-      </ul>
-    </section>
+      <section class="title-item my-5">
+        <img src="/imgs/ai-presenter/裝飾-01.png" alt="">
+        <h4>使用者的守法義務</h4>
+      </section>
 
-    <section class="title-item my-5">
-      <img src="/imgs/ai-presenter/裝飾-01.png" alt="">
-      <h4>免責聲明</h4>
-    </section>
+      <section class="terms-content">
+        <p>
+          您承諾絕不為任何非法目的或以任何非法方式使用本服務,並承諾遵守中華民國相關法規及一切使用網際網路之國際慣例。您若係中華民國以外之使用者,並同意遵守所屬國家或地域之法令。您同意並保證不得利用本服務從事侵害他人權益或違法之行為,包括但不限於:
+        </p>
+        <ul>
+          <li>上載、張貼、公布或傳送任何誹謗、侮辱、具威脅性、攻擊性、不雅、猥褻、不實、違反公共秩序或善良風俗或其他不法之文字、圖片或任何形式的檔案於本服務上</li>
+          <li>侵害他人名譽、隱私權、營業秘密、商標權、著作權、專利權、其他智慧財產權及其他權利</li>
+          <li>違反依法律或契約所應負之保密義務</li>
+          <li>冒用他人名義使用本服務</li>
+        </ul>
+      </section>
 
-    <section class="terms-content">
-      <p>
-        您明確了解並同意:ChoozMo 對本服務不提供任何明示或默示的擔保,包含但不限於權利完整、商業適售性、特定目的之適用性及未侵害他人權利。本服務乃依其「現狀」及「提供使用時」之基礎提供,您使用本服務時,須自行承擔相關風險。ChoozMo 不保證以下事項:
-      </p>
-      <ul>
-        <li>本服務將符合您的需求</li>
-        <li>本服務不受干擾、及時提供、安全可靠或無錯誤</li>
-        <li>由本服務之使用而取得之結果為正確或可靠</li>
-      </ul>
-      <p>是否經由本服務之使用下載或取得任何資料應由您自行考量且自負風險,並拋棄因前開任何資料之下載而導致您電腦系統、網路存取、下載或播放設備之任何損壞或資料流失,對 ChoozMo 提出任何請求或採取法律行動,您應自負完全責任。</p>
-    </section>
+      <section class="title-item my-5">
+        <img src="/imgs/ai-presenter/裝飾-01.png" alt="">
+        <h4>免責聲明</h4>
+      </section>
+
+      <section class="terms-content">
+        <p>
+          您明確了解並同意:ChoozMo
+          對本服務不提供任何明示或默示的擔保,包含但不限於權利完整、商業適售性、特定目的之適用性及未侵害他人權利。本服務乃依其「現狀」及「提供使用時」之基礎提供,您使用本服務時,須自行承擔相關風險。ChoozMo 不保證以下事項:
+        </p>
+        <ul>
+          <li>本服務將符合您的需求</li>
+          <li>本服務不受干擾、及時提供、安全可靠或無錯誤</li>
+          <li>由本服務之使用而取得之結果為正確或可靠</li>
+        </ul>
+        <p>是否經由本服務之使用下載或取得任何資料應由您自行考量且自負風險,並拋棄因前開任何資料之下載而導致您電腦系統、網路存取、下載或播放設備之任何損壞或資料流失,對 ChoozMo
+          提出任何請求或採取法律行動,您應自負完全責任。</p>
+      </section>
+
+    </div>
 
-   </div>
 
 
- 
   </div>
 
   {{ partial "footer.html" . }}
@@ -445,22 +461,22 @@
   <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.min.js"
     integrity="sha384-cVKIPhGWiC2Al4u+LWgxfKTRIcfu0JTxR+EQDz/bgldoEyl4H0zUF0QKbrJ0EcQF"
     crossorigin="anonymous"></script>
-    <script src="//code.jquery.com/jquery-3.1.1.min.js" integrity="sha256-hVVnYaiADRTO2PzUGmuLJr8BLUSjGIZsDYGmIJLv2b8="
+  <script src="//code.jquery.com/jquery-3.1.1.min.js" integrity="sha256-hVVnYaiADRTO2PzUGmuLJr8BLUSjGIZsDYGmIJLv2b8="
     crossorigin="anonymous"></script>
   <script>
-   (function() {
-    console.log('test');
-    $('.blog-tabs-stage>div').hide();
-        $('.blog-tabs-stage>div:first').show();
-        $('.blog-tabs-nav li:first').addClass('blog-tab-active');
+    (function () {
+      console.log('test');
+      $('.blog-tabs-stage>div').hide();
+      $('.blog-tabs-stage>div:first').show();
+      $('.blog-tabs-nav li:first').addClass('blog-tab-active');
 
-    $('.blog-tabs-nav a').on('click', function (event) {
-          event.preventDefault();
-          $('.blog-tabs-nav li').removeClass('blog-tab-active');
-          $(this).parent().addClass('blog-tab-active');
-          $('.blog-tabs-stage>div').hide();
-          $($(this).attr('href')).show();
-        });
+      $('.blog-tabs-nav a').on('click', function (event) {
+        event.preventDefault();
+        $('.blog-tabs-nav li').removeClass('blog-tab-active');
+        $(this).parent().addClass('blog-tab-active');
+        $('.blog-tabs-stage>div').hide();
+        $($(this).attr('href')).show();
+      });
     })();
   </script>
 </body>

+ 3 - 3
layouts/main-news/list.html

@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html lang="en">
-
-<head>
+{{ partial "head_single.html" . }}
+<!-- <head>
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <meta http-equiv="X-UA-Compatible" content="ie=edge, Chrome=1">
@@ -12,7 +12,7 @@
   <link rel="stylesheet" href="//use.fontawesome.com/releases/v5.11.2/css/all.css">
   <link rel="stylesheet" href="/css/style.css">
   <link rel="stylesheet" href="/css/custom.css">
-</head>
+</head> -->
 
 <body>
   {{ partial "navbar.html" . }}

+ 12 - 13
layouts/main-news/single.html

@@ -1,20 +1,13 @@
 <!DOCTYPE html>
 <html lang="en">
-
-<head>
-  <meta charset="UTF-8">
-  <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <meta http-equiv="X-UA-Compatible" content="ie=edge, Chrome=1">
-  <meta http-equiv="Cache-Control" content="no-cache">
-  <title>Choozmo Marketing Cloud</title>
-  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet"
-    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">
-  <link rel="stylesheet" href="/css/custom.css">
-</head>
+{{ partial "head_single.html" . }}
 
 <body>
+  <!-- Google Tag Manager (noscript) -->
+  <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-MTWWP3G" height="0" width="0"
+      style="display:none;visibility:hidden"></iframe></noscript>
+  <!-- End Google Tag Manager (noscript) -->
+
   <div class="news-main-content">
     {{ partial "navbar.html" . }}
     <h1>{{.Title}}</h2>
@@ -40,6 +33,12 @@
             <!-- <div class="col-md-3">
             {{ partial "sidebar.html" . }}
           </div> -->
+
+          <div class="line-btn">
+            <a href="https://lin.ee/jYalbZq" target="_blank">
+              <img src="/imgs/icon/line.png" alt="">
+            </a>
+          </div>
           </div>
         </div>
       </div>

+ 11 - 0
layouts/partials/components/head.html

@@ -136,4 +136,15 @@
     <script>
       gtag('event', 'conversion', {'send_to': 'AW-474336061/nOm7CPHvtZ0DEL2Wl-IB'});
     </script>
+
+      <!-- Google Tag Manager -->
+  <script>(function (w, d, s, l, i) {
+      w[l] = w[l] || []; w[l].push({
+        'gtm.start':
+          new Date().getTime(), event: 'gtm.js'
+      }); var f = d.getElementsByTagName(s)[0],
+        j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; j.async = true; j.src =
+          'https://www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore(j, f);
+    })(window, document, 'script', 'dataLayer', 'GTM-MTWWP3G');</script>
+  <!-- End Google Tag Manager -->
   </head>

+ 6 - 1
layouts/partials/footer.html

@@ -30,10 +30,15 @@
         <div class="footer-contacts">
           <h5>CONTACT</h5>
           <div>
-            集仕多股份有限公司<br>新竹縣竹北市復興二路229號9樓之9<br>聯絡電話:036670804<br>聯絡信箱:SERVICE@CHOOZMO.COM
+            集仕多股份有限公司<br>新竹縣竹北市復興二路229號9樓之9<br>聯絡電話:<a href="tel:036670804">036670804</a><br>聯絡信箱:SERVICE@CHOOZMO.COM
           </div>
         </div>
       </div>
     </div>
   </div>
+  <div class="line-btn">
+    <a href="https://lin.ee/jYalbZq" target="_blank">
+      <img src="/imgs/icon/line.png" alt="">
+    </a>
+  </div>
 </footer>

+ 11 - 0
layouts/partials/head.html

@@ -76,4 +76,15 @@
   <script>
     gtag('event', 'conversion', { 'send_to': 'AW-474336061/nOm7CPHvtZ0DEL2Wl-IB' });
   </script>
+
+        <!-- Google Tag Manager -->
+  <script>(function (w, d, s, l, i) {
+    w[l] = w[l] || []; w[l].push({
+      'gtm.start':
+        new Date().getTime(), event: 'gtm.js'
+    }); var f = d.getElementsByTagName(s)[0],
+      j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; j.async = true; j.src =
+        'https://www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore(j, f);
+  })(window, document, 'script', 'dataLayer', 'GTM-MTWWP3G');</script>
+<!-- End Google Tag Manager -->
 </head>

+ 23 - 0
layouts/partials/head_single.html

@@ -0,0 +1,23 @@
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta http-equiv="X-UA-Compatible" content="ie=edge, Chrome=1">
+    <meta http-equiv="Cache-Control" content="no-cache">
+    <title>Choozmo Marketing Cloud</title>
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet"
+      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">
+    <link rel="stylesheet" href="/css/custom.css">
+  
+    <!-- Google Tag Manager -->
+    <script>(function (w, d, s, l, i) {
+        w[l] = w[l] || []; w[l].push({
+          'gtm.start':
+            new Date().getTime(), event: 'gtm.js'
+        }); var f = d.getElementsByTagName(s)[0],
+          j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; j.async = true; j.src =
+            'https://www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore(j, f);
+      })(window, document, 'script', 'dataLayer', 'GTM-MTWWP3G');</script>
+    <!-- End Google Tag Manager -->
+  </head>

+ 1 - 1
layouts/partials/navbar.html

@@ -17,7 +17,7 @@
           <a class="nav-link" href="/ai-presenter/info/">AI 主播</a>
         </li>
         <li class="nav-item">
-          <a class="nav-link" href="/main-news/virtual-host-solution/">AI 主持人方案</a>
+          <a class="nav-link" href="/virtual-host-solution/">AI 主持人方案</a>
         </li>
         <li class="nav-item dropdown">
           <a class="nav-link dropdown-toggle" href="" id="navbarDropdown" role="button" data-bs-toggle="dropdown"

+ 15 - 1
static/css/style.css

@@ -4656,4 +4656,18 @@
   color: #fff;
 }
 
-/* news-content End *//*# sourceMappingURL=style.css.map */
+/* news-content End */
+.line-btn a {
+  position: fixed;
+  bottom: 85px;
+  right: 15px;
+}
+.line-btn img {
+  width: 63px;
+  height: 63px;
+  transition: all 0.2s ease-in-out;
+}
+.line-btn img:hover {
+  width: 68px;
+  height: 68px;
+}/*# sourceMappingURL=style.css.map */

File diff suppressed because it is too large
+ 0 - 0
static/css/style.css.map


+ 20 - 1
static/css/style.scss

@@ -5114,4 +5114,23 @@
   }
 }
 
-/* news-content End */
+/* news-content End */
+
+.line-btn {
+  a {
+    position: fixed;
+    bottom: 85px;
+    right: 15px;
+  }
+
+  img {
+    width: 63px;
+    height: 63px;
+    transition: all .2s ease-in-out;
+
+    &:hover {
+      width: 68px;
+      height: 68px;
+    }
+  }
+}

二進制
static/imgs/icon/line.png


+ 1 - 1
webSite/config.toml

@@ -47,7 +47,7 @@ page = ["HTML"]
 [[menu.main]]
     identifier="AI 主持人方案"
     name = "AI 主持人方案"
-    url  = "/main-news/virtual-host-solution/"
+    url  = "/virtual-host-solution/"
     weight = 3
 
 [[menu.main]]

+ 1 - 0
webSite/content/main-news/virtual-host-solution/index.md

@@ -4,6 +4,7 @@ date = "2023-11-30T00:16:00+08:00"
 tags = ["企業級AI主播","AI主播","虛擬主播","集仕多","三立AI主播","華視AI主播","警廣AI主播"]
 categories = "焦點訊息"
 banner = ""
+url = "/virtual-host-solution"
 +++
 
 AI 虛擬人在科技日新月異的今天,已經逐漸走進我們的日常生活,接下來進入年底尾聲,我們推出全台灣唯一的「AI 主持人」,讓企業尾牙、春酒活動不再枯燥乏味,揮別真人讀稿、活動前彩排、預演,由「AI 主持人」、「AI 虛擬長官」來點不一樣的開場、致和有趣互動吧!想知道它會如何替 2023 年尾牙帶來最高衝擊的視覺饗宴呢?

Some files were not shown because too many files changed in this diff