influencer template

layouts/shortcodes/influencers.html

@@ -0,0 +1,121 @@
+<div id="block-carbon">
+  <section class="row sec sec01 sec-5g">
+      <div class="container">
+          <div class="row">
+              <div class="col-md-6">
+                  <div class="txt-block">
+                    <h2>網紅101</h2>
+                    <p>網紅是指在某個領域小有名氣，或因一些事件突然爆紅的人，可以是一個人，一群人，虛擬人，從影片、新聞中爆紅，再透過網路的擴散、傳遞任何的訊息，
+                      吸引群眾關注、互動和追蹤。</p>
+                  </div>
+              </div>
+              <div class="col-md-6" style="position: relative;">
+                  <img src="https://i.imgur.com/2HjEBt5.png" alt="" width="250px" class="sec-right">
+                  <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; max-width: 100%; box-shadow: 1px 1px 8px 2px grey; border-radius: 1rem;} .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style><div class='embed-container'><iframe src='https://www.youtube.com/embed//Uw76MVcnqwg?autoplay=1&mute=1' frameborder='0' allowfullscreen></iframe></div>
+              </div>
+          </div>
+      </div>
+    </section>
+    <section class="row sec sec02 sec-5g">
+      <div class="container">
+          <div class="row">
+              <div class="col-md-6">
+                  <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; max-width: 100%; box-shadow: 1px 1px 8px 2px grey; border-radius: 1rem;} .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style><div class='embed-container'><iframe src='https://www.youtube.com/embed//9mjsE19PCx8?autoplay=1&mute=1' frameborder='0' allowfullscreen></iframe></div>
+              </div>
+              <div class="col-md-6">
+                  <div class="txt-block">
+                    <h2>Youtube 經營：題材選擇</h2>
+                    <ul class="item rankblock advantages-list">
+                      <li style="font-size: 1.8rem;"><span><img src="https://i.imgur.com/pUidtRX.png" alt="" width="20"></span> 取材容易：生活＆娛樂＆美妝</li>
+                      <li style="font-size: 1.8rem;"><span><img src="https://i.imgur.com/pUidtRX.png" alt="" width="20"></span> 專業度高： 醫學、水電</li>
+                    </ul>
+                  </div>
+              </div>
+          </div>
+      </div>
+    </section>
+    <section class="row sec sec01 sec-5g">
+      <div class="container">
+          <div class="row">
+              <div class="col-md-6">
+                  <div class="txt-block">
+                    <h2>Youtube 經營：增加與觀眾互動機會</h2>
+                    <ul class="item rankblock advantages-list">
+                      <li><span><img src="https://i.imgur.com/pUidtRX.png" alt="" width="25"></span> 直播</li>
+                      <li><span><img src="https://i.imgur.com/pUidtRX.png" alt="" width="25"></span> 使用社群貼文功能</li>
+                      <li><span><img src="https://i.imgur.com/pUidtRX.png" alt="" width="25"></span> 回覆留言</li>
+                      <li><span><img src="https://i.imgur.com/pUidtRX.png" alt="" width="25"></span> 動態短影片</li>
+                    </ul>
+                  </div>
+              </div>
+              <div class="col-md-6" style="position: relative;">
+                  <img src="https://i.imgur.com/2HjEBt5.png" alt="" width="250px" class="sec-right">
+                  <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; max-width: 100%; box-shadow: 1px 1px 8px 2px grey; border-radius: 1rem;} .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style><div class='embed-container'><iframe src='https://www.youtube.com/embed//9iHJUwLiXWE?autoplay=1&mute=1' frameborder='0' allowfullscreen></iframe></div>
+              </div>
+          </div>
+      </div>
+    </section>
+    <!-- <section class="row sec sec03">
+      <div class="container">
+          <div class="row">
+              <div class="col-md-6">
+                  <div class="txt-block">
+                    <h2>影片行銷：SEO</h2>
+                    <p>首先的必備條件是撰寫精彩的影片簡介，接下來則是建立反向連結，在社群媒體進行宣傳，讓網友可從不同管道得知訊息。最後則是做好關鍵字研究，
+                      關鍵字不但要出現在影片標題中，最好也能反覆出現在影片簡介之中。
+                     </p>
+                  </div>
+              </div>
+              <div class="col-md-6">
+                  <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; max-width: 100%; box-shadow: 1px 1px 8px 2px grey; border-radius: 1rem;} .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style><div class='embed-container'><iframe src='https://www.youtube.com/embed//smM29tzJY2I?autoplay=1&mute=1' frameborder='0' allowfullscreen></iframe></div>
+              </div>
+          </div>
+      </div>
+    </section> -->
+    <section class="row sec sec04">
+      <div class="container">
+          <div class="row">
+              <div class="col-md-6">
+                  <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; max-width: 100%; box-shadow: 1px 1px 8px 2px grey; border-radius: 1rem;} .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style><div class='embed-container'><iframe src='https://www.youtube.com/embed//kcbQQLLKM9M?autoplay=1&mute=1' frameborder='0' allowfullscreen></iframe></div>
+              </div>
+              <div class="col-md-6">
+                  <div class="txt-block">
+                      <h2>Youtube 經營：SEO不可或缺</h2>
+                      <div style="display: flex;justify-content: center;">
+                        <ul class="item rankblock advantages-list" style="text-align: left; padding-right: .5rem;">
+                          <li style="font-size: 1.8rem;"><span>1.</span> 合適的關鍵字</li>
+                          <li style="font-size: 1.8rem;"><span>2.</span> 高畫質影片</li>
+                          <li style="font-size: 1.8rem;"><span>3.</span> 加入影片時間軸</li>
+                        </ul>
+                        <ul class="item rankblock advantages-list" style="text-align: left; padding-left: .5rem;">
+                          <li style="font-size: 1.8rem;"><span>4.</span> 影片縮圖</li>
+                          <li style="font-size: 1.8rem;"><span>5.</span> 添加字幕</li>
+                          <li style="font-size: 1.8rem;"><span>6.</span> 建立播放清單</li>
+                        </ul>
+                      </div>
+                      
+                  </div>
+              </div>
+          </div>
+      </div>
+    </section>
+    <section class="row sec sec05">
+    <div class="container">
+        <div class="row">
+            <div class="col-md-6">
+                <div class="txt-block">
+                    <h2>Youtube 收益解密</h2>
+                    <p>
+                      只要訂閱人數至少須有 1,000 人＋有效的公開影片觀看時數須達 4,000 小時，即可開通廣告獲利功能。
+                      基本上，廣告播放次數越高，即有越多的獲利，然而，每個廣告類型的費用又略為不同，
+                      又會依據觀看人的所在地不同而有不同的收益標準。
+                    </p>
+                </div>
+            </div>
+            <div class="col-md-6">
+              <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; max-width: 100%; box-shadow: 1px 1px 8px 2px grey; border-radius: 1rem;} .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style><div class='embed-container'><iframe src='https://www.youtube.com/embed//yACT9e3l4V0?autoplay=1&mute=1' frameborder='0' allowfullscreen></iframe></div>
+          </div>
+        </div>
+    </div>
+  </section>
+</div>

webSite/content/blog/influencers.md

@@ -0,0 +1,7 @@
++++
+title = "Free AI Video Apps: Windows Story Remix"
+date = "2021-12-14T13:39:46+02:00"
+tags = ["influencers"]
+categories = ["influencers"]
+banner = "https://www.designbombs.com/wp-content/uploads/2017/02/make-a-website-1280x720.jpg"
++++

webSite/content/tags/influencers/_index.md

@@ -0,0 +1,6 @@
++++
+title = "Influencer Issue"
+date = "2021-07-23T12:27:12+08:00"
++++
+
+{{< influencers >}}