100 種網購爆紅杯子點心－Book 好康要報給大家知道，才是好朋?

博客來網路書店/博客來網路書局/博客來書店/博客來售票網/博客來售評價/博客來優惠/博客來書籍排行/博客來 e-coupon/博客來運費

吃美食，大家都喜歡，但對於吃想要深入做研究，除了可以多多與人交流外，閱讀相關書籍也是十分不錯的選擇喔。我十分推薦博客來網路書店，那邊賣的書，種類多又齊全，

更新速度又快，而且常有優惠，真的很不錯。像在飲食部份的書籍就有分甜點/麵包、酒、咖啡/茶、飲品/冰品、飲食文化、美食名店/指南、食譜、料理百科等等，我相信在這麼

多的書籍中，想要找到你需要的資料，應該非常的容易。像我在找一本 100 種網購爆紅杯子點心，它的內容我十分有興趣的，剛好博客來有賣，所以我就直接將 100 種網購爆紅杯子點心買回來，希望

快點拿到。如果對 100 種網購爆紅杯子點心也有興趣的朋友，歡迎到下面 100 種網購爆紅杯子點心的網頁連結參考看看喔。

100 種網購爆紅杯子點心

商品網址:

商品訊息功能:

商品訊息描述:

永不退流行的杯子甜點

烘焙的第一堂課就從杯子點心開始，教你學會100種網購爆紅杯子點心，簡單步驟，就能享受烘焙喜悅！七大類杯子點心一網打盡，蛋糕、馬芬、舒芙蕾、慕斯、果凍、布丁、奶酪...，通通學會。

*蛋糕-戚風與海綿雙重口味
*馬芬-最經典的杯子蛋糕
*舒芙蕾-趁熱享用最美味
*慕斯-綿密滑嫩入口即化
*果凍-冰心沁涼Q彈滋味
*布丁-柔軟細緻的享受
*奶酪-鮮純濃滑順口味

商品訊息簡述:

100 種網購爆紅杯子點心

100 種網購爆紅杯子點心優惠

100 種網購爆紅杯子點心評價

100 種網購爆紅杯子點心折扣

100 種網購爆紅杯子點心推薦

100 種網購爆紅杯子點心要買要快

<br/><br/><br/><br/><ul> <li><a href="http://blog.xuite.net/sl19mem640/blog/318840682" rel="nofollow ugc noreferrer noopener" target="_blank" style="text-decoration: none;">美食新風潮：美國飲食文化的魔幻蛻變</a></li><li><a href="http://mc30xdj411.pixnet.net/blog/post/356889921" target="_blank" style="text-decoration: none;">君康素菜</a></li><li><a href="http://blog.xuite.net/sl19mem640/blog/318840573" rel="nofollow ugc noreferrer noopener" target="_blank" style="text-decoration: none;">人生不要無聊就好：邱永漢以美食建立人脈</a></li><li><a href="http://mc30xdj411.pixnet.net/blog/post/356889798" target="_blank" style="text-decoration: none;">上海菜譜</a></li> </ul> </div> <section class="poi-section"> <div class="poi-view"> <div class="poi-container"> </div> </div> <div class="poi-prev poi-btn hide"> <img src="//front.pixfs.net/images/blog/post/desktop/poi_btn_arrow_back.svg?v=901414166ce2dc59edf9015578791ecc" alt="arrow" loading="lazy"> </div> <div class="poi-next poi-btn hide"> <img src="//front.pixfs.net/images/blog/post/desktop/poi_btn_arrow_next.svg?v=901414166ce2dc59edf9015578791ecc" alt="arrow" loading="lazy"> </div> <ul class="poi-dot"></ul> </section> <script> (function () { window.pix = window.pix || {}; window.pix.deviceType = "desktop"; window.pix.poiHashIds = []; })(); </script> <script src="//front.pixfs.net/js/pixpoi-ui-module--bundle.min.js?v=901414166ce2dc59edf9015578791ecc" defer></script> <div class="tag-container-parent"> <div class="tag-container article-keyword" data-version="a"> </div> <div class="tag-container global-keyword"> <div class="tag__header"> <div class="tag__header-title">全站熱搜</div> </div> <div class="tag__main"> </div> </div> </div> <script> pix.hotKeywordSvgPath = "https://front.pixfs.net/images/blog/post/mobile/hot_keywords_icon.svg?v=901414166ce2dc59edf9015578791ecc"; </script> <script defer src="https://front.pixfs.net/js/hot-keywords.min.js?v=901414166ce2dc59edf9015578791ecc"></script>  <div class="one-multiply-one-ad"></div> <div class="author-profile" itemscope itemprop="author" itemtype="https://schema.org/Person"> <div class="author-profile__header">創作者介紹</div> <div class="author-profile__main" id="mixpanel-author-box"> <a href="https://www.pixnet.net/pcard/tn38bix380?utm_source=PIXNET&utm_medium=post_card&utm_term=&utm_content=356890218"> <img class="author-profile__avatar" src="https://s9.pimg.tw/avatar/tn38bix380/0/0/resize/80x0.png?v=" alt="創作者 tn38bix380 的頭像" loading="lazy"> </a> <div class="author-profile__content"> <a class="author-profile__name" href="https://www.pixnet.net/pcard/tn38bix380?utm_source=PIXNET&utm_medium=post_card&utm_term=&utm_content=356890218" >tn38bix380</a> <p class="author-profile__info" itemprop="name">Book 好康要報給大家知道，才是好朋?</p> <div class="social-links"> </div> </div> <div class="author-profile__subscribe hoverable"> <a class="subscribe-btn" href="https://member.pixnet.cc/login/openid?done=https%3A%2F%2Ftn38bix380.pixnet.net%2Fblog%2Fpost%2F356890218%3Futm_source%3DPIXNET%26utm_medium%3DBlog_follow&openid=https%3A%2F%2Fmember.pixnet.cc%2Flogin&easy_login=1" aria-label="關注" data-follow-state="關注"></a> </div> </div> </div> <script> (function() { var authorAvatar = document.querySelector('.author-profile .author-profile__avatar'); var authorName = document.querySelector('.author-profile .author-profile__name'); var authorSocialLinks = document.querySelectorAll('.author-profile .author-profile__content .social-link'); authorAvatar.addEventListener('click', function () { recordEvent('author image'); }); authorName.addEventListener('click', function () { recordEvent('author name'); }); Array.prototype.forEach.call(authorSocialLinks, function (link) { link.addEventListener('click', function () { var label = link.getAttribute('data-social-type'); recordEvent(label); }); }); function recordEvent (label) { var _piq = window._piq || []; _piq.push(['trackEvent', 'author-Intro', 'click-author-Intro', label]); }; })(); </script> <ins class="adsbyfalcon" data-ad-client="1" data-ad-slot="4709" data-embed="false" style="display:inline-block;width:100%;height:auto;"></ins> <ins class="adsbyfalcon" data-ad-client="1" data-ad-slot="4725" data-embed="false" style="display:inline-block;"></ins> </div>   <div id="pix-ad-nerdArticle"> <div id="pix-ad-nerdArticle-wrapper"></div> </div> <p class="author"> tn38bix380 發表在 <a href="https://www.pixnet.net/">痞客邦</a> <a href="https://tn38bix380.pixnet.net/blog/post/356890218#comments">留言</a>(0) <span class="author-views">人氣(<span id="BlogArticleCount-356890218"></span>)</span> </p>  <div class="forward"> <a href="javascript:;" onclick="pix.sendForwardTo('%E6%82%A8%E7%9A%84%E5%A5%BD%E6%9C%8B%E5%8F%8B%E9%82%80%E8%AB%8B%E6%82%A8%E8%A7%80%E7%9C%8B%20tn38bix380%20%E7%9A%84%E7%97%9E%E5%AE%A2%E9%82%A6%20PIXNET%20%E9%83%A8%E8%90%BD%E6%A0%BC%E6%96%87%E7%AB%A0-100%20%E7%A8%AE%E7%B6%B2%E8%B3%BC%E7%88%86%E7%B4%85%E6%9D%AF%E5%AD%90%E9%BB%9E%E5%BF%83','%E6%82%A8%E5%A5%BD%EF%BC%8C%0A%0A%E6%82%A8%E7%9A%84%E5%A5%BD%E6%9C%8B%E5%8F%8B%E9%82%80%E8%AB%8B%E6%82%A8%E8%A7%80%E7%9C%8B%20tn38bix380%20%E7%9A%84%E7%97%9E%E5%AE%A2%E9%82%A6%20PIXNET%20%E9%83%A8%E8%90%BD%E6%A0%BC%E6%96%87%E7%AB%A0-100%20%E7%A8%AE%E7%B6%B2%E8%B3%BC%E7%88%86%E7%B4%85%E6%9D%AF%E5%AD%90%E9%BB%9E%E5%BF%83%0A%E8%B6%8A%E5%A4%9A%E4%BA%BA%E7%9C%8B%E5%88%B0%EF%BC%8C%E5%8F%AF%E5%B9%AB%E4%BB%96%E5%A2%9E%E5%8A%A0%E8%B6%8A%E5%A4%9A%E4%BA%BA%E6%B0%A3%E5%96%94%7EGO%EF%BC%81%0A----------%0AJune1%2C2015%0A100%20%E7%A8%AE%E7%B6%B2%E8%B3%BC%E7%88%86%E7%B4%85%E6%9D%AF%E5%AD%90%E9%BB%9E%E5%BF%83%0A----------%0A%E9%A6%AC%E4%B8%8A%E7%9C%8B%20https%3A%2F%2Ftn38bix380.pixnet.net%2Fblog%2Fpost%2F356890218%0A----------%0A%E7%97%9E%E5%AE%A2%E9%82%A6%20PIXNET%0Ahttp%3A%2F%2Fwww.pixnet.net%2F')">E-mail轉寄</a> </div>  <br> <div style="position: static !important; display:block !important;visibility: visible !important; float: none !important; text-align: center"> <div style="width: 630px; height: 250px; padding-bottom: 10px;"> <div id="gc982cf3d3705459694741077" style="width: 300px; height: 250px; float: left;">  <div id='div-gpt-ad-1654160415151-0'></div> <script> var hostname = window.location.hostname, subdomain = hostname.includes('pixnet.net') ? hostname.split('.')[0] : hostname; googletag.cmd.push(function() { googletag.defineSlot('/1021267/desktop_article_endl',[300, 250], 'div-gpt-ad-1654160415151-0') .setTargeting('article_category', document.body.dataset.articleSiteCategoryId) .setTargeting('subdomain', subdomain) .setTargeting('attribute', pix.gpt.attribute) .addService(googletag.pubads()); googletag.pubads().enableSingleRequest(); googletag.pubads().collapseEmptyDivs(); googletag.enableServices(); googletag.display('div-gpt-ad-1654160415151-0'); }); </script> <script src="https://static.criteo.net/js/ld/publishertag.js"></script> <div id="crt-701fb163" style="width:300px; height:250px; margin: 0 auto;"></div> <script> Criteo.DisplayAcceptableAdIfAdblocked({ "zoneid": 439225, "containerid": "crt-701fb163" }); </script> </div> <div id="gc982cf3d3705459694741032" style="height: 250px; float: left; margin-left:25px"> </div> </div> <script> (function() { var width = document.querySelector('.article-content').offsetWidth, ad1032 = document.querySelector('#gc982cf3d3705459694741032'); if (width >= 600) { ad1032.innerHTML = "<ins class=\"adsbyfalcon\" data-ad-client=\"1\" data-ad-slot=\"1032\" data-embed=\"false\" style=\"display:inline-block;\"><\/ins>"; } else if (width >= 575 && width <= 599) { ad1032.innerHTML = "<ins class=\"adsbyfalcon\" data-ad-client=\"1\" data-ad-slot=\"1603\" data-embed=\"false\" style=\"display:inline-block;\"><\/ins>"; } })(); </script> </div> </div>  <div class="article-footer"> <ul class="refer"> <li>全站分類：<a href="//www.pixnet.net/blog/articles/category/32">運動體育</a></li> <li>上一篇： <a class="quick-nav--pre" rel="prev" href="https://tn38bix380.pixnet.net/blog/post/356890056" data-public-at="1433138981" data-thumb="//s.pixfs.net/mobile/images/blog/article-image.png">素食的奧秘：吃素者與非吃素者之間的差別在哪裡？</a></li> <li>下一篇： <a class="quick-nav--next" rel="next" href="https://tn38bix380.pixnet.net/blog/post/357456159" data-public-at="1433385527" data-thumb="//s.pixfs.net/mobile/images/blog/article-image.png">有些事，男人不會當面告訴你</a></li> </ul> <div class="history"> <h6>歷史上的今天</h6> <ul> <li>2015: <a href="https://tn38bix380.pixnet.net/blog/post/356890056">素食的奧秘：吃素者與非吃素者之間的差別在哪裡？</a></li> </ul> </div> <div class="back-to-top"><a href="#top" title="back to the top of the page">▲top</a></div> </div>  </div> <script src="//front.pixfs.net/js/pixhappix-ui-module--bundle.min.js?v=901414166ce2dc59edf9015578791ecc" defer></script> <script> (function ($) { var paragraphs, adGap = 0, minInterval = 900, betweenAdInterval = 600, adLimit = 14, adQuantity = 0, adIndexes = [], octopusAdGap = minInterval / 2, putOctopusAd = false, needCheckBloggerAd = false, hasAd = false, needCheckInterval = true, // check whether falcon ad has enough interval betweenAdGap = 0, width = document.querySelector('.article-content').offsetWidth; // #85484 段落判斷: 避開 p/ins.adsbygoogle ; 不避開 p/div/hr; #100301 避開div#pix_toc paragraphs = needCheckBloggerAd ? document.querySelectorAll('.article-content-inner > p, .article-content-inner > ins.adsbygoogle') : document.querySelectorAll('.article-content-inner > p, .article-content-inner > div:not(#pix_toc), .article-content-inner > hr'); for (var i = 0; i < paragraphs.length - 1; i++) { var putAd = false; adGap += paragraphs[i].clientHeight; if ( i === 1) { // #95696 const divElement = document.createElement("div"); divElement.setAttribute("id", "adsolut"); paragraphs[1].insertAdjacentElement("afterend", divElement); } if (needCheckBloggerAd) { if (hasAdInParagraph(paragraphs[i]) || hasAdInParagraph(paragraphs[i+1])) { hasAd = true; if (needCheckInterval && adIndexes.length > 0 && adGap < betweenAdInterval) { adIndexes.pop(); adQuantity--; needCheckInterval = false; } betweenAdGap = 0; continue; } if (hasAd) { betweenAdGap += paragraphs[i].clientHeight; if (betweenAdGap < betweenAdInterval) { continue; } hasAd = false; } } if (paragraphs[i].innerText.trim().length === 0) { putAd = true; } if (paragraphs[i].innerText.length < 30 && paragraphs[i].style.backgroundColor !== "") { putAd = true; } if (hasImageInParagraph(paragraphs[i]) && hasImageInParagraph(paragraphs[i+1])) { putAd = true; } if (!hasImageInParagraph(paragraphs[i]) && !hasImageInParagraph(paragraphs[i+1])) { putAd = true; } if (needCheckBloggerAd && adQuantity === adLimit && adGap >= betweenAdInterval) { break; } if ((adGap < minInterval) && needCheckInterval) { continue; } if (putAd) { adIndexes.push(i); needCheckInterval = true; adQuantity++; adGap = 0; betweenAdGap = 0; if (!needCheckBloggerAd && adQuantity === adLimit) { break; } } } adIndexes.map(function (index, i) { paragraphs[index].innerHTML += generateInReadAd(i + 1); }); //加setTimeout避免多尺寸廣告dom還沒生成 #61821 setTimeout(() => { adjustFeeSplitSettingPosition(); }, 5000); if (paragraphs.length === 0) { $('.author-profile').before(generateInReadAd(1)); return; } function generateInReadAd(index) { index = Math.max(1, index); var MIBClass = false ? ' mib-ad-box' : ''; return '<div class="article-inread-ad' + MIBClass + '" data-adindex="' + index + '">' + generateInReadAdPos(index - 1) + '</div>'; } function generateInReadAdPos(id) { var ads = [ (width >= 700 ? '<ins class="adsbyfalcon" data-ad-client="1" data-ad-slot="3542" data-merge-position="3342" data-sibling-position="4386" data-embed="false" style="display:inline-block;width:336px;height:280px;"></ins>' : '<ins class="adsbyfalcon" data-ad-client="1" data-ad-slot="3542" data-embed="false" data-merge-position="3342" style="display:inline-block;width:336px;height:280px;"></ins>'), (width >= 700 ? '<ins class="adsbyfalcon" data-ad-client="1" data-ad-slot="4033" data-embed="false" style="display:inline-block;width:336px;height:280px;"></ins><ins class="adsbyfalcon" data-ad-client="1" data-ad-slot="4390" data-embed="false" style="display:inline-block;width:336px;height:280px;"></ins>' : '<ins class="adsbyfalcon" data-ad-client="1" data-ad-slot="4033" data-embed="false" style="display:inline-block;width:336px;height:280px;"></ins>'), (width >= 700 ? '<ins class="adsbyfalcon" data-ad-client="1" data-ad-slot="4038" data-embed="false" style="display:inline-block;width:336px;height:280px;"></ins><ins class="adsbyfalcon" data-ad-client="1" data-ad-slot="4394" data-embed="false" style="display:inline-block;width:336px;height:280px;"></ins>' : '<ins class="adsbyfalcon" data-ad-client="1" data-ad-slot="4038" data-embed="false" style="display:inline-block;width:336px;height:280px;"></ins>'), (width >= 700 ? '<ins class="adsbyfalcon" data-ad-client="1" data-ad-slot="4043" data-embed="false" style="display:inline-block;width:336px;height:280px;"></ins><ins class="adsbyfalcon" data-ad-client="1" data-ad-slot="4398" data-embed="false" style="display:inline-block;width:336px;height:280px;"></ins>' : '<ins class="adsbyfalcon" data-ad-client="1" data-ad-slot="4043" data-embed="false" style="display:inline-block;width:336px;height:280px;"></ins>'), (width >= 700 ? '<ins class="adsbyfalcon" data-ad-client="1" data-ad-slot="4048" data-embed="false" style="display:inline-block;width:336px;height:280px;"></ins><ins class="adsbyfalcon" data-ad-client="1" data-ad-slot="4402" data-embed="false" style="display:inline-block;width:336px;height:280px;"></ins>' : '<ins class="adsbyfalcon" data-ad-client="1" data-ad-slot="4048" data-embed="false" style="display:inline-block;width:336px;height:280px;"></ins>'), (width >= 700 ? '<ins class="adsbyfalcon" data-ad-client="1" data-ad-slot="4053" data-embed="false" style="display:inline-block;width:336px;height:280px;"></ins><ins class="adsbyfalcon" data-ad-client="1" data-ad-slot="4406" data-embed="false" style="display:inline-block;width:336px;height:280px;"></ins>' : '<ins class="adsbyfalcon" data-ad-client="1" data-ad-slot="4053" data-embed="false" style="display:inline-block;width:336px;height:280px;"></ins>'), (width >= 700 ? '<ins class="adsbyfalcon" data-ad-client="1" data-ad-slot="3347" data-embed="false" style="display:inline-block;width:336px;height:280px;"></ins><ins class="adsbyfalcon" data-ad-client="1" data-ad-slot="4410" data-embed="false" style="display:inline-block;width:336px;height:280px;"></ins>' : '<ins class="adsbyfalcon" data-ad-client="1" data-ad-slot="3347" data-embed="false" style="display:inline-block;width:336px;height:280px;"></ins>'), (width >= 700 ? '<ins class="adsbyfalcon" data-ad-client="1" data-ad-slot="4058" data-embed="false" style="display:inline-block;width:336px;height:280px;"></ins><ins class="adsbyfalcon" data-ad-client="1" data-ad-slot="4414" data-embed="false" style="display:inline-block;width:336px;height:280px;"></ins>' : '<ins class="adsbyfalcon" data-ad-client="1" data-ad-slot="4058" data-embed="false" style="display:inline-block;width:336px;height:280px;"></ins>'), (width >= 700 ? '<ins class="adsbyfalcon" data-ad-client="1" data-ad-slot="4063" data-embed="false" style="display:inline-block;width:336px;height:280px;"></ins><ins class="adsbyfalcon" data-ad-client="1" data-ad-slot="4418" data-embed="false" style="display:inline-block;width:336px;height:280px;"></ins>' : '<ins class="adsbyfalcon" data-ad-client="1" data-ad-slot="4063" data-embed="false" style="display:inline-block;width:336px;height:280px;"></ins>'), (width >= 700 ? '<ins class="adsbyfalcon" data-ad-client="1" data-ad-slot="4068" data-embed="false" style="display:inline-block;width:336px;height:280px;"></ins><ins class="adsbyfalcon" data-ad-client="1" data-ad-slot="4422" data-embed="false" style="display:inline-block;width:336px;height:280px;"></ins>' : '<ins class="adsbyfalcon" data-ad-client="1" data-ad-slot="4068" data-embed="false" style="display:inline-block;width:336px;height:280px;"></ins>'), (width >= 700 ? '<ins class="adsbyfalcon" data-ad-client="1" data-ad-slot="4073" data-embed="false" style="display:inline-block;width:336px;height:280px;"></ins><ins class="adsbyfalcon" data-ad-client="1" data-ad-slot="4426" data-embed="false" style="display:inline-block;width:336px;height:280px;"></ins>' : '<ins class="adsbyfalcon" data-ad-client="1" data-ad-slot="4073" data-embed="false" style="display:inline-block;width:336px;height:280px;"></ins>'), (width >= 700 ? '<ins class="adsbyfalcon" data-ad-client="1" data-ad-slot="4078" data-embed="false" style="display:inline-block;width:336px;height:280px;"></ins><ins class="adsbyfalcon" data-ad-client="1" data-ad-slot="4430" data-embed="false" style="display:inline-block;width:336px;height:280px;"></ins>' : '<ins class="adsbyfalcon" data-ad-client="1" data-ad-slot="4078" data-embed="false" style="display:inline-block;width:336px;height:280px;"></ins>'), (width >= 700 ? '<ins class="adsbyfalcon" data-ad-client="1" data-ad-slot="3352" data-embed="false" style="display:inline-block;width:336px;height:280px;"></ins><ins class="adsbyfalcon" data-ad-client="1" data-ad-slot="4434" data-embed="false" style="display:inline-block;width:336px;height:280px;"></ins>' : '<ins class="adsbyfalcon" data-ad-client="1" data-ad-slot="3352" data-embed="false" style="display:inline-block;width:336px;height:280px;"></ins>'), (width >= 700 ? '<ins class="adsbyfalcon" data-ad-client="1" data-ad-slot="3357" data-embed="false" style="display:inline-block;width:336px;height:280px;"></ins><ins class="adsbyfalcon" data-ad-client="1" data-ad-slot="4438" data-embed="false" style="display:inline-block;width:336px;height:280px;"></ins>' : '<ins class="adsbyfalcon" data-ad-client="1" data-ad-slot="3357" data-embed="false" style="display:inline-block;width:336px;height:280px;"></ins>'), ]; return ads[id]; } function hasAdInParagraph(p) { return p.innerHTML.toLowerCase().indexOf('<iframe') >= 0 || p.querySelector('ins.adsbygoogle') || (p.tagName.toLowerCase() === 'ins' && p.classList.contains('adsbygoogle')); } function hasImageInParagraph(p) { return p.innerHTML.toLowerCase().indexOf('<img') >= 0; } //調整分潤廣告設定位置 function adjustFeeSplitSettingPosition(params) { var inReadAds = document.querySelectorAll('.article-inread-ad') for (var index = 0; index < inReadAds.length; index++) { var adWrapper = inReadAds[index]; var adConfig = adWrapper.querySelector('.ad-config'); if (adConfig) { var adWidth = adWrapper.querySelector('.adsbyfalcon').clientWidth; if (adWidth === 0) { adConfig.className += ' ad-config__hide'; continue; } adConfig.style.width = adWidth + "px"; adConfig.style.opacity = "1"; } } } })(jQuery); </script> </div>  <div id="user-post"> <div id="comment-box" class="user-post-box"> <a name="comments"></a> <h3 id="comment-title" class="user-post-title" onclick="pix.commentSwitch('comment-text','comment-text-switch');" style="cursor:hand;cursor:pointer;"><img id="comment-text-switch" src="//s.pixfs.net/blog/images/choc/minus.gif" alt="留言列表" loading="lazy"> <span id="comment-title-span">留言列表</span></h3> <div class="post-comment"><a href="/blog/post/356890218#comment-form">發表留言</a></div> <div id="comment-text" class="user-post-text"> </div>  <div id='comment_form'> </div> </div>  </div>  </div>  </div>  <div id="links"> <div id="sidebar__inner"> <ins class="adsbyfalcon" data-ad-client="1" data-ad-slot="4717" data-embed="false" style="display:inline-block;"></ins> <div id="links-row-1"> <style> .desktop_no_ad_sidebar_box { display: flex; justify-content: center; padding-bottom: 10px; } </style> <div class="hslice box z57cb4e-mib-aD-sidebar-v2-z57cb4e" data-plugin_type="mibsidebar1"> <div class="box-text entry-content"> <div class="z57cb4e-mib-bOrder-z57cb4e dark"> <div class="z57cb4e-sitemAjidr-z57cb4e" model="180x280"> <div class="mib__video-player-background u-mib-non-visible"> <video class="video-js vjs-default-skin mib__video-player--sidebar" id="mib-video-player-sidebar--mibsidebar1" controls preload="auto" width="180" height="180"> </video> <div class="mib__video-player-btn-play"> <div class="mib__video-player-btn-play-outer-circle"></div> <a class="mib__video-player-btn-play__button mib__video-player-btn-play__button-is-play" href="#"> <div class="mib__video-player-btn-play__button-icon mib__video-player-btn-play__button-is-play"> <svg height="100%" width="100%" fill="#f857a6"> <polygon class="mib__video-player-btn-play__button-icon-triangle" points="5,0 30,15 5,30" viewBox="0 0 30 15"></polygon> <path class="mib__video-player-btn-play__button-icon-path" d="M5,0 L30,15 L5,30z" fill="none" stroke="#f857a6" stroke-width="1"></path> </svg> </div> </a> <div class="mib__video-player-btn-play__countdown" style="display: none"> <div class="mib__video-player-btn-play__countdown-number"></div> <svg class="mib__video-player-btn-play__circle"> <circle r="18" cx="20" cy="20"></circle> </svg> </div> </div> <img class="mib__video-player-btn-expand" alt="mib__video" style="display: none" src="//front.pixfs.net/module/mib/img/btn-expand.png?v=901414166ce2dc59edf9015578791ecc" data-close-button-url="//front.pixfs.net/module/mib/img/btn-close.png?v=901414166ce2dc59edf9015578791ecc"> </div> </div> </div> </div> </div> <div class="hslice box" id="announce"> <h4 class="box-title entry-title"> 站方公告 </h4> <div class="box-text entry-content"> <ul> <li><a href="http://admin.pixnet.net/blog/post/49290236" target="_blank">[公告] 「行動管家」APP 已於 2024 年 5 月 22 日下架</a></li><li><a href="http://admin.pixnet.net/blog/post/49241196" target="_blank">[公告] 「新型態文章」已於 2024 年 6 月 28 日終止服務</a></li><li><a href="http://admin.pixnet.net/blog/post/49228904" target="_blank">[公告] PIXwallet 錢包取消支票寄送暨服務條款異動通知</a></li></ul> </div> </div>  <div class="hslice box" id="events"> <h4 class="box-title entry-title"> 活動快報 </h4> <div class="box-text entry-content"> <ul> <div id="express-box" style="font-family:arial !important; letter-spacing: 0px ;line-height: 15px !important;background:url('https://pic.pimg.tw/pixnetvisual/49c36d44ea331.gif') -10px -10px ; height:205px ; width:170px ; overflow:hidden ;padding: 0 !important ;"> <h3 style="margin: 0 ; font-weight:normal ; padding: 10px 7px 10px 10px ; *padding: 10px 7px 8px 10px ;"> <a target="blank" href="//channel.pixnet.net/newdirect.php?blog=tn38bix380&serial=10313&url=https%3A%2F%2Fpixnet2020.app.link%2Fog8KeNo6Yyb" style="color:#555 !important ; font-family:arial !important; border: 0 !important ; text-decoration:none ; font-size:15px !important; height:16px ; display:block ;overflow:hidden ; padding: 0px ;*padding: 2px 0px 0px 0px ; line-height: 15px !important;">痞客邦...</a> </h3> <a href="//channel.pixnet.net/newdirect.php?blog=tn38bix380&serial=10313&url=https%3A%2F%2Fpixnet2020.app.link%2Fog8KeNo6Yyb" target="_blank"><img src="https://pic.pimg.tw/promo01/1719889313-2376000514-g.jpg" alt="newdirect" style="margin: 0px 0px 0px 5px !important; border: 0px;max-width:160px;" loading="lazy" /></a> <a id="express-desc" target="blank" href="//channel.pixnet.net/newdirect.php?blog=tn38bix380&serial=10313&url=https%3A%2F%2Fpixnet2020.app.link%2Fog8KeNo6Yyb" style="color:#444 !important ; text-align:left ;font-family:arial !important; text-decoration:none ; font-size:12px !important; display:block ; margin:6px 6px 7px 13px !important; *margin: 2px 6px 7px 13px !important; line-height:140% ; height:31px ; overflow:hidden ; width: 151px ; border: 0 !important ;">暑假消暑暢遊墾丁！快來下載APP參加活動，就有機會...</a> <a id="express-more" target="blank" href="//channel.pixnet.net/newdirect.php?blog=tn38bix380&serial=0&url=http%3A%2F%2Fchannel.pixnet.net%2Fevents" style="text-align:left ;display:block ; text-indent:-5000px ; height:30px ;">看更多活動好康</a> </div> <script defer src="https://s.pixanalytics.com/js/c.js?v=9"></script> <script> document.addEventListener('DOMContentLoaded', function () { if ('undefined' === typeof window._uCount) { window._uCount = function () {}; } var _type = window._type || ''; _type = "channel_events_blog_sticker"; _uCount(); }); </script> </ul> </div> </div>  <div id="user-info" class="hslice box"> </div> <script> jQuery(function($) { jQuery.ajaxSetup({ cache: true }); jQuery.ajax({ type: 'GET', url: '/api/blog/myplace', data: {'setting': null, 'name': null, 'done': location.href}, success: function(data) { jQuery('#user-info').append(data.html); window.pix.bindAreaSubButtons(document.getElementById('user-info')); pix.iframePopup.init('#popup-frame', "https:\/\/tn38bix380.pixnet.net\/friend\/list", '#user-info-open-friends-iframe', '#popup-frame .frame-close', "tn38bix380 \u7684\u597d\u53cb\u5217\u8868"); }, error: function(error) { console.log(error); } }); }); </script> <div class="hslice box" id="friendbox"> <h4 class="box-title entry-title"> 我的好友 </h4> <div class="box-text entry-content"> </div> </div>  <script> jQuery(function($) { jQuery.ajaxSetup({ cache: true }); jQuery.ajax({ type: 'GET', url: '/api/blog/friends', data: {'row_num': 3, 'avatar_size': 2}, dataType: 'json', success: function(data) { jQuery('#friendbox .box-text').append(data.html); $list = $('#friendbox ul.friendlist'); $list.height(Math.min(data.html_height, $list.height())); pix.iframePopup.init('#popup-frame', "https:\/\/tn38bix380.pixnet.net\/friend\/list", '#friendbox-open-friends-iframe', '#popup-frame .frame-close', "tn38bix380 \u7684\u597d\u53cb\u5217\u8868"); }, error: function(error) { console.log(error); } }); }); </script> <div class="hslice box" id="hot-article"> <h4 class="box-title entry-title"> 熱門文章 </h4> <div class="box-text entry-content"> <ul id="hotArtUl"> </ul> <script> jQuery('#hot-article #hotArtUl').load('/blog/hotarticledata?limit=5'); </script> </div> </div>  <div class="hslice box" id="category"> <h4 class="box-title entry-title"> 文章分類 </h4> <div class="box-text entry-content"> <div class="box-more"> <img src="//s.pixfs.net/blog/images/choc/expand.gif" alt="unfold all categories" width="15" height="15" style="cursor:hand;cursor:pointer;" onClick="pix.openAllCategory('open');" loading="lazy" > <img src="//s.pixfs.net/blog/images/choc/collapse.gif" alt="fold all categories" width="15" height="15" style="cursor:hand;cursor:pointer;" onClick="pix.openAllCategory('close');" loading="lazy"> </div> <ul> <li><a href="/blog/category/0">未分類文章 (409)</a></li> </ul> </div> </div>  <div class="hslice box" id="recent-article"> <h4 class="box-title entry-title"> 最新文章 </h4> <div class="box-text entry-content"> <ul id="last-article-box"> </ul> </div> </div>  <script> jQuery(function($) { jQuery.ajaxSetup({ cache: true }); jQuery.ajax({ type: 'GET', url: '/api/blog/latestarticle', data: {'done': location.href}, success: function(data) { jQuery('#last-article-box').append(data.html); }, error: function(error) { console.log(error); } }); }); </script> <div class="hslice box" id="latest-comment"> <h4 class="box-title entry-title"> 最新留言 </h4> <div class="box-text entry-content"> <script> jQuery('#latest-comment div').load('/blog/plugin/latestcomment'); </script> </div> </div>  <div class="hslice box" id="newsfeed"> <h4 class="box-title entry-title"> 動態訂閱 </h4> <div class="box-text entry-content"> <script> jQuery('#newsfeed div').load('/blog/plugin/subs'); </script> </div> </div>  <div class="hslice box" id="archive"> <h4 class="box-title entry-title"> 文章精選 </h4> <div class="box-text entry-content"> <select onchange="pix.gotoArchive(this);"> <option value="-pixnet-">文章精選</option> <option value="/blog/archives/201611">2016 十一月 (14)</option> <option value="/blog/archives/201610">2016 十月 (42)</option> <option value="/blog/archives/201604">2016 四月 (5)</option> <option value="/blog/archives/201603">2016 三月 (8)</option> <option value="/blog/archives/201602">2016 二月 (20)</option> <option value="/blog/archives/201601">2016 一月 (10)</option> <option value="/blog/archives/201511">2015 十一月 (5)</option> <option value="/blog/archives/201510">2015 十月 (3)</option> <option value="/blog/archives/201509">2015 九月 (5)</option> <option value="/blog/archives/201508">2015 八月 (18)</option> <option value="/blog/archives/201507">2015 七月 (9)</option> <option value="/blog/archives/201506">2015 六月 (57)</option> <option value="/blog/archives/201505">2015 五月 (25)</option> <option value="/blog/archives/201504">2015 四月 (18)</option> <option value="/blog/archives/201503">2015 三月 (68)</option> <option value="/blog/archives/201502">2015 二月 (19)</option> <option value="/blog/archives/201501">2015 一月 (12)</option> <option value="/blog/archives/201412">2014 十二月 (43)</option> <option value="/blog/archives/201411">2014 十一月 (28)</option> </select> <div class="box-more"> <a href="/blog/listall/1">所有文章列表</a> </div> </div> </div>  <div class="hslice box" id="search"> <h4 class="box-title entry-title"> 文章搜尋 </h4> <div class="box-text entry-content"> <form method="post" action="https://tn38bix380.pixnet.net/blog/search/" id="search-form" data-wording-needkeyword="請輸入關鍵字"> <ul> <li><input name="search-target" id="search-target" type="text" ></li> <li><input id="search-submit" type="submit" value="搜尋" ></li> </ul> </form> <script> jQuery('#search-form').submit(function(event){ if ('' === jQuery('#search-target').val()) { alert(jQuery(this).attr('data-wording-needkeyword')); event.preventDefault(); } }); </script> </div> </div>  <div class="hslice box" id="feed"> <h4 class="box-title entry-title"> 新聞交換(RSS) </h4> <div class="box-text entry-content"> <ul> <li> <a rel="nofollow" title="pixnet rss" href="https://feed.pixnet.net/blog/posts/rss/tn38bix380"><img alt="pixnet rss for articles" src="//s.pixfs.net/blog/images/choc/pixnet-rss.gif" alt="pixnet-rss"loading="lazy" width="83" height="15"></a> </li> <li> <a rel="nofollow" title="pixnet atom rss" href="https://feed.pixnet.net/blog/posts/atom/tn38bix380"><img alt="pixnet atom rss for articles" src="//s.pixfs.net/blog/images/choc/pixnet-atom.gif" alt="pixnet-atom" loading="lazy" width="83" height="15"></a> </li> <li> <a rel="nofollow" title="reply rss" href="https://feed.pixnet.net/blog/comments/rss/tn38bix380"><img alt="pixnet rss for reply" src="//s.pixfs.net/blog/images/choc/reply-rss.gif" alt="reply-rss" loading="lazy" width="83" height="15"></a> </li> </ul> </div> </div>  <div class="hslice box" id="visitor"> <h4 class="box-title entry-title"> 誰來我家 </h4> <div class="box-text entry-content"> <script> jQuery('#visitor div').load('/blog/plugin/visitor'); </script> </div> </div>  <div class="hslice box" id="counter"> <h4 class="box-title entry-title"> 參觀人氣 </h4> <div class="box-text entry-content"> <ul> <li>本日人氣：<span id="blog_hit_daily"></span></li> <li>累積人氣：<span id="blog_hit_total"></span></li> </ul> <script type="text/javascript"></script> </div> </div>  <div class="hslice box" id="qrcode"> <h4 class="box-title entry-title"> QR Code </h4> <div class="box-text entry-content"> <div class="qrcode"> <img src="https://s.pimg.tw/qrcode/tn38bix380/blog/post/356890218.png" alt="qrcode" loading="lazy"> </div> </div> </div>  <div class="hslice box" id="powered"> <h4 class="box-title entry-title"> POWERED BY </h4> <div class="box-text entry-content"> <ul> <li><a href="//www.pixnet.net" title="pixnet"><img src="//s.pixfs.net/blog/images/choc/pixnet-logo.png" alt="pixnet" loading="lazy" ></a></li> <li><a href="https://member.pixnet.cc/login/openid?done=https%3A%2F%2Ftn38bix380.pixnet.net%2Fblog%2Fpost%2F356890218%3Futm_source%3DPIXNET%26utm_medium%3DBlog_login&openid=https%3A%2F%2Fmember.pixnet.cc%2Flogin&easy_login=1&from_service=Blog">(登入)</a></li> </ul> </div> </div>  </div>  <div id="links-row-2"> </div>  <script> jQuery(function($) { jQuery.ajaxSetup({ cache: true }); jQuery.ajax({ type: 'GET', url: '/api/blog/sidebar', data: { 'param': {"articleid":"356890218","controller":"blog","action":"post","0":"356890218","article_page":1,"comment_page":1}, 'types': ['cus'], }, success: function(data) { ['sidebar1', 'sidebar2'].forEach(sidebarKey => { var sidebarCustom = data[sidebarKey]; for (var pluginKey in sidebarCustom) { var emptyCustom = document.getElementById('empty-type-' + pluginKey); if (!emptyCustom) { continue; } emptyCustom.insertAdjacentHTML('afterend', sidebarCustom[pluginKey]); emptyCustom.remove(); } }); var customPlugins = document.getElementsByClassName('folder'); for (var index = 0; index < customPlugins.length; index++) { var customPlugin = customPlugins[index]; if ('box' != customPlugin.id.substr(0, 3)) { continue; } createPluginScript(customPlugin); } if (typeof window.sidebarSetting === 'function') { window.sidebarSetting(); } }, error: function(error) { console.log(error); } }); function createPluginScript(pluginNode) { var pluginNodeScripts = pluginNode.getElementsByTagName('script'); for (var index = 0; index < pluginNodeScripts.length; index++) { var pluginNodeScript = pluginNodeScripts[index]; var parentNode = pluginNodeScript.parentNode; var script = document.createElement('script'); script.text = pluginNodeScript.innerHTML; for (var i = pluginNodeScript.attributes.length - 1; i >= 0; i--) { script.setAttribute(pluginNodeScript.attributes[i].name, pluginNodeScript.attributes[i].value); } parentNode.replaceChild(script, pluginNodeScript); } } }); </script> <div id="sticky-sidebar-ad"></div> <div id="ad-mib"> <script> pix.MIB = pix.MIB || {}; pix.MIB.config = { hosthash: '20ba4c0d1a0dd23a06c9b82ed27e873f', dr: {source: 'tn38bix380'}, goldAds: document.querySelectorAll('.z57cb4e-sitemAjidr-z57cb4e'), uniq: 'e1e03b9cb36bb68c01b6757f6b9d125c03b30f5251419', percentSite: '//falcon.pixnet.net/mib/vap', falconSite: 'https://falcon.pixnet.net', cate: '9', userlists: '', hasMIB: 0, canPutVideo: false, article_cate_id: '32', MIBthreshold: 0.7, demo: { hash: '', demoOption: 0 }, availablePositions: [{ id: 1, name: 'sidebar-1', enable: 1 },{ id: 1, name: 'sidebar-2', enable: false },{ id: 61, name: 'sidebar-3', enable: true },{ id: 3, name: 'video', enable: false },{ id: 8, name: 'unfold', enable: true },{ id: 10, name: 'fly-desktop-image', enable: false },{ id: 11, name: 'fly-mobile-image', enable: false },{ id: 12, name: 'fly-mobile-video', enable: false },{ id: 14, name: 'desktop_article_ad', enable: false }], ref: '' }; (function() { var goldAds = pix.MIB.config.goldAds; var isMobile = ""; if (goldAds[0] && !isMobile) { pix.MIB.build.generate(); pix.MIB.build.detectPageScrollPlayback(); } })(); </script> </div>  </div>  </div>  </div>  <div id="footer" class=" "> <p></p> <div id="bottom"> <a class="bottom-skiplink" href="https://tn38bix380.pixnet.net/blog/post/356890218/#top" title="back to the top of the page">回到頁首</a> <a class="bottom-skiplink" href="https://tn38bix380.pixnet.net/blog/post/356890218#article-area" title="back to the main cotent of the page">回到主文</a> <a class="bottom-pixnet" href="//member.pixnet.cc/register?utm_source=PIXNET&utm_medium=Blog_footer_register">免費註冊</a> <a target="_blank" class="bottom-pixnet" href="//help.pixnet.tw">客服中心</a> <a target="_blank" class="bottom-pixnet" href="//www.pixnet.net">痞客邦首頁</a> © 2003 - 2024 PIXNET </div> </div>  </div>  <div id="extradiv11"></div> <div id="extradiv10"></div> <div id="extradiv9"></div> <div id="extradiv8"></div> </div>  <div id="extradiv7"></div> <div id="extradiv6"></div> <div id="extradiv5"></div> <div id="extradiv4"></div> </div>  <div id="extradiv3"></div> <div id="extradiv2"></div> <div id="extradiv1"></div> <div id="extradiv0"></div> </div>  </div> <script> jQuery(window).on('load', function () { //autoImgResize '1'; jQuery.settings = jQuery.settings || {}; jQuery.settings.autoImgResize = { mode:+'1', resizWidth:+'400', selector:'content' }; if (2 === jQuery.settings.autoImgResize.mode) { jQuery.settings.autoImgResize.resizWidth = jQuery('.article-content').width(); } pix.autoImgResize(jQuery.settings.autoImgResize.resizWidth, jQuery.settings.autoImgResize.selector); }); </script> <script> jQuery(function() { pix.fixPixnetPlayerID(); jQuery('.article-head').find('.column-star').each(function() { var column_link = jQuery(this).attr('data-column-link'); jQuery(this).find('h2').append(' <a title="專欄之星" href="' + column_link + '" target="_blank"><img title="專欄之星" alt="column star article" src="https://s.pixfs.net/blog/images/choc/column_star.gif"></a>'); }); jQuery('.article-hot').each(function() { jQuery(this).find('h2').append(' <a class="__dailyhotclass" title="本日熱門" href="' + jQuery(this).attr('data-hot-link') + '" target="_blank"><img title="熱門文章" alt="hot article today" src="https://s.pixfs.net/blog/images/choc/today_hot.gif"></a>'); }); }); </script>  <script async src="https://www.googletagmanager.com/gtag/js?id=G-45SMZ66RLZ"></script> <script async src="https://www.googletagmanager.com/gtag/js?id=G-H55XS04PCP"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-45SMZ66RLZ', { }); let user_name = 'tn38bix380'; let current_page_location = document.location; let parser = document.createElement('a'); parser.href = current_page_location; parser.hash = ''; let virtual_page_location = 'https://' + parser.hostname + '/' + user_name + decodeURI(parser.pathname) + parser.search; gtag('config', 'G-H55XS04PCP', { 'page_location': virtual_page_location, 'blog_category': '視覺設計', 'content_group': '運動體育', 'article_age': '9y', }); (function() { var cookieMatchImg = new Image(); cookieMatchImg.src = '//cm.g.doubleclick.net/pixel?google_nid=pixnet_dmp&google_cm'; })(); (function (){ window.ga = window.ga || (()=>{}); })(); </script> <script>window.AviviD = window.AviviD || {settings:{},status:{}}; AviviD.web_id = "pixnet"; AviviD.category_id = "20170531000006"; AviviD.tracking_platform = 'likr';</script> <script async src="https://avivid.likr.tw/api/subscribe_core.min.js"></script> <script async src="https://avivid.likr.tw/api/ring_only_tracking.min.js"></script>  <script> var _comscore = _comscore || []; _comscore.push({ c1: "2", c2: "14383407", options: { url_append: "comscorekw=Health", enableFirstPartyCookie: true } }); (function() { var s = document.createElement("script"), el = document.getElementsByTagName("script")[0]; s.async = true; s.src = "https://sb.scorecardresearch.com/cs/14383407/beacon.js"; el.parentNode.insertBefore(s, el); })(); </script> <noscript> <img src="https://sb.scorecardresearch.com/p?c1=2&c2=14383407&cv=4.4.0&cj=1" alt="pixnet"> </noscript>   <script> !function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMethod? n.callMethod.apply(n,arguments):n.queue.push(arguments)};if(!f._fbq)f._fbq=n; n.push=n;n.loaded=!0;n.version='2.0';n.queue=[];t=b.createElement(e);t.async=!0; t.src=v;s=b.getElementsByTagName(e)[0];s.parentNode.insertBefore(t,s)}(window, document,'script','https://connect.facebook.net/en_US/fbevents.js'); fbq('init', '510235355828933'); fbq('track', "PageView");</script> <noscript><img height="1" width="1" style="display:none" alt="facebook" src="https://www.facebook.com/tr?id=510235355828933&ev=PageView&noscript=1" /></noscript>  <div id="popup-frame" style="display:none"> <div id="frame-dimmer"></div> <div id="frame-box"> <div id="frame-border"></div> <div id="frame-header"> <h3></h3> <a href="#" class="frame-close" title="關閉視窗"><span>關閉視窗</span></a> </div> <div id="frame-content"></div> </div> </div> <script defer src="https://s.pixanalytics.com/js/c.js?v=9"></script> <script> document.addEventListener('DOMContentLoaded', function () { var _type = window._type || ''; _type = 'front_blog'; _uCount(); _type = 'front_blog_byarticlecategory:32'; _uCount(); _type = 'front_blog_bysitecategory:9'; _uCount(); if (document.location.toString().indexOf('/post/') != -1) { _type = 'front_blog_post'; _uCount(); } if (document.location.toString().indexOf('/search/') != -1) { _type = 'front_blog_search'; _uCount(); } }); </script> <script src="//referer.pixplug.in/static/r.js?v=901414166ce2dc59edf9015578791ecc"></script> <script> _currentPageUsername = 'tn38bix380'; _refererCount(); </script> <script> var _piq = _piq || []; _piq.unshift( ['setCustomVar', 'venue', 'pixnet'], ['setCustomVar', 'author_id', pix.owner], ['setCustomVar', 'article_category_id', "32"], ['setCustomVar', 'nonce', pix.login_name], ['setCustomVar', 'visitor_id', pix.visitor], ['setCustomVar', 'visitor_openid', pix.openid], ['setCustomVar', 'member_uniqid', pix.member_uniqid], ['setCustomVar', 'pending', true], ['trackPageView'] ); (function(d, t, u, f, j) { f = d.getElementsByTagName(t)[0]; j = d.createElement(t); j.async = 1; j.src = u; f.parentNode.insertBefore(j, f); })(document, 'script', 'https://s.pixanalytics.com/js/pi.min.js?v=901414166ce2dc59edf9015578791ecc'); (function () { document.addEventListener('DOMContentLoaded', function () { var viewTimeStart = new Date().getTime(), _driveMode = ('none' === jQuery(document.body).data('mobileMode')) ? 'desktop' : 'mobile'; document.addEventListener('visibilitychange', function () { if (document.hidden) { var viewTimeEnd = new Date().getTime(), stayTime = viewTimeEnd - viewTimeStart; _piq.push(['trackEvent', 'article_stay_time', '離開頁面', _driveMode, stayTime]); } else { viewTimeStart = new Date().getTime(); } }); }); var maxScroll = 0, timer = null, verticalPercentages = [{ percentage: 20, tracked: false, }, { percentage: 50, tracked: false, }, { percentage: 80, tracked: false, }, { percentage: 100, tracked: false, }]; window.addEventListener('scroll', function () { maxScroll = Math.max(window.scrollY, maxScroll); clearTimeout(timer); timer = setTimeout(function () { trackReadCompletion(maxScroll); }, 100); }); window.addEventListener('beforeunload', function () { var targetElement = document.querySelector('.article-content-inner'), elementHeight = targetElement.offsetHeight, totalOffsetTop = 0, maxScrollDepth = window.scrollY, scrollPosition = maxScroll; while (targetElement) { totalOffsetTop += (targetElement.offsetTop - targetElement.scrollTop + targetElement.clientTop); targetElement = targetElement.offsetParent; } scrollPosition = Math.min(Math.max(0, scrollPosition - totalOffsetTop), elementHeight); var ratio = Number.parseFloat(scrollPosition / elementHeight).toFixed(2); _piq.push(['trackEvent', 'article_read_completion', '', elementHeight + '::' + scrollPosition, ratio]); }); function trackReadCompletion (maxScroll) { if (maxScroll > window.scrollY) { return; } var targetElement = document.querySelector('.article-content-inner'), elementHeight = targetElement.offsetHeight, ratio = Number.parseFloat(maxScroll / elementHeight).toFixed(2); verticalPercentages.filter(function (verticalPercentage) { return verticalPercentage.percentage <= ratio * 100 && !verticalPercentage.tracked; }).forEach(function (verticalPercentage) { verticalPercentage.tracked = true; window.dataLayer = window.dataLayer || []; window.dataLayer.push({ event: 'article_read_completion', eventAction: 'scroll-' + verticalPercentage.percentage, eventLabel: elementHeight + '::' + maxScroll, }); }); } })(); </script> <script defer src="https://front.pixfs.net/js/pixinsight.min.js?v=901414166ce2dc59edf9015578791ecc"></script>   <script> document.addEventListener('DOMContentLoaded', function () { jQuery.ajaxSetup({ cache: true }); jQuery.getScript("https://js.pixplug.in/addon/86/production.js?v=1687158292", function(data, textStatus) { jQuery.pixBookmarkButtons({"position":"top","addon_username":"tn38bix380","addon_expired_at":0,"addon_ismobile":false,"addon_isvip":false,"addon_is_allow_setting":true}); }); jQuery.getScript("https://js.pixplug.in/addon/98/production.js?v=1686894939", function(data, textStatus) { jQuery.pixShowPlurk({"addon_username":"tn38bix380","addon_expired_at":0,"addon_ismobile":false,"addon_isvip":false,"addon_is_allow_setting":true}); }); jQuery.getScript("https://js.pixplug.in/addon/206/production.js?v=1686894939", function(data, textStatus) { jQuery.pixShowTwitter({"addon_username":"tn38bix380","addon_expired_at":0,"addon_ismobile":false,"addon_isvip":false,"addon_is_allow_setting":true}); }); jQuery.ajaxSetup({ cache: false }); }); </script>  <script src="//js.pixplug.in/addon/84/production.js?v=1686894939" type="text/javascript"></script>  <script> </script> <script>pix.isBlogArticle = true;</script> <script> (function () { pix.octopusTags = null; if (null === pix.octopusTags || undefined === pix.octopusTags) { return; } for (var i = 0; i < pix.octopusTags.length; i++) { if ('' === pix.octopusTags[i]) { continue; } _piq.push(['trackEvent', 'otopusTag', '', pix.octopusTags[i]]); } })(); </script> <script id="idleTemplate" type="text/x-jsrender" data-main="//front.pixfs.net/module/idlePop/js/idlePop.min.js?v=901414166ce2dc59edf9015578791ecc"> <link rel="stylesheet" href="//front.pixfs.net/module/idlePop/css/idlePop.min.css?v=901414166ce2dc59edf9015578791ecc"> <div class="modal idle-pop" tabindex="-1" role="dialog" aria-describedby="dialog"> <div class="modal-bg"></div> <div class="modal-dialog"> <a class="modal-close" data-close="【關閉 X 】"></a> <div class="modal-content"> <div class="modal-header">本網頁已閒置超過 3 分鐘。請點 <kbd>關閉</kbd> 或 <kbd>點擊</kbd>任一空白處，即可回到網頁</div> <div class="modal-body"> <div class="blogger-info"> <a class="blogger-info__avatar" href="https://www.pixnet.net/pcard/tn38bix380?utm_source=PIXNET&utm_medium=post_pause&utm_term=&utm_content=356890218"><img src="{{:user.avatar}}" alt="{{:user.name}} 的大頭貼"></a> <div class="blogger-info__profile"> <div class="blogger-info__row"> <dl> <dt>部落格名稱</dt> <dd><a href="{{:blog.link}}">{{:blog.name}}</a></dd> </dl> </div> <div class="blogger-info__row"> <dl> <dt>人氣</dt> <dd data-unit="人">{{:blog.hits.total}}</dd> <dt>好友數</dt> <dd data-unit="人">{{:user.friends_count}}</dd> <dt>文章總數</dt> <dd data-unit="篇">{{:blog.articles_count}}</dd> </dl> </div> <div class="blogger-info__row hoverable"> <a class="subscribe-btn" href="https://member.pixnet.cc/login/openid?done=https%3A%2F%2Ftn38bix380.pixnet.net%2Fblog%2Fpost%2F356890218%3Futm_source%3DPIXNET%26utm_medium%3DBlog_follow&openid=https%3A%2F%2Fmember.pixnet.cc%2Flogin&easy_login=1" aria-label="關注" data-follow-state="關注"></a> </div> </div> </div> <div class="idle-adsense"> </div> <div class="idle-related-posts"> {{for posts}} <a class="idle-related-post" href="{{:link}}"> <img src="{{:thumb}}" alt="文章縮圖"> <div class="idle-related-post__detail"> <h4>{{:title}}</h4> <div class="idle-related-post__desc" data-readmore="繼續閱讀">{{:body}}</div> </div> </a> {{/for}} </div> </div> <div class="modal-footer"></div> </div> </div> </div> </script> <script id="idleTemplateBig" type="text/x-jsrender" data-main="//front.pixfs.net/module/idlePop/js/idlePop.min.js?v=901414166ce2dc59edf9015578791ecc"> <link rel="stylesheet" href="//front.pixfs.net/module/idlePop/css/idlePop.min.css?v=901414166ce2dc59edf9015578791ecc"> <div class="modal idle-pop idle-pop__big" tabindex="-1" role="dialog" aria-describedby="dialog"> <div class="modal-bg"></div> <div class="modal-dialog"> <a class="modal-close" data-close="【關閉 X 】"></a> <div class="modal-content"> <div class="modal-header">本網頁已閒置超過 3 分鐘。請點 <kbd>關閉</kbd> 或 <kbd>點擊</kbd>任一空白處，即可回到網頁</div> <div class="modal-body"> <div class="modal-top"> <div class="modal-top__left"> <div class="blogger-info"> <a class="blogger-info__avatar" href="https://www.pixnet.net/pcard/tn38bix380?utm_source=PIXNET&utm_medium=post_pause&utm_term=&utm_content=356890218"><img src="{{:user.avatar}}" alt="{{:user.name}} 的大頭貼"></a> <div class="blogger-info__profile"> <div class="blogger-info__row"> <dl> <dt>部落格名稱</dt> <dd><a href="{{:blog.link}}">{{:blog.name}}</a></dd> </dl> </div> <div class="blogger-info__row"> <dl> <dt>人氣</dt> <dd data-unit="人">{{:blog.hits.total}}</dd> <dt>好友數</dt> <dd data-unit="人">{{:user.friends_count}}</dd> <dt>文章總數</dt> <dd data-unit="篇">{{:blog.articles_count}}</dd> </dl> </div> <div class="blogger-info__row hoverable"> <a class="subscribe-btn" href="https://member.pixnet.cc/login/openid?done=https%3A%2F%2Ftn38bix380.pixnet.net%2Fblog%2Fpost%2F356890218%3Futm_source%3DPIXNET%26utm_medium%3DBlog_follow&openid=https%3A%2F%2Fmember.pixnet.cc%2Flogin&easy_login=1" aria-label="關注" data-follow-state="關注"></a> </div> </div> </div> <div class="idle-related-posts"> {{for posts}} <a class="idle-related-post" href="{{:link}}"> <div class="idle-related-post__detail"> <h4>{{:title}}</h4> <div class="idle-related-post__desc" data-readmore="繼續閱讀">{{:body}}</div> </div> </a> {{/for}} </div> </div> <div class="modal-top__right"> <div class="idle-adsense"> </div> </div> </div> </div> <div class="modal-footer"></div> </div> </div> </div> </script> <script src="//front.pixfs.net/js/hide-ad-checker.min.js?v=901414166ce2dc59edf9015578791ecc" crossorigin="anonymous"></script> <script> document.addEventListener('DOMContentLoaded', function () { var moveHouse = document.querySelector('.move-screen'); if (moveHouse) { _piq.push(['trackEvent', 'moveHouse', 'DOMContentLoaded', 'desktop']); } }); </script> <script defer src="//front.pixfs.net/js/side-effect.min.js?v=901414166ce2dc59edf9015578791ecc" crossorigin="anonymous"></script> <script defer src="//front.pixfs.net/module/fullPage/dist/ad-full-page.min.js?v=901414166ce2dc59edf9015578791ecc" crossorigin="anonymous"></script> <script src="https://front.pixfs.net/js/sticky-sidebar-ad.min.js?v=901414166ce2dc59edf9015578791ecc"></script> <script src="https://falcon-asset.pixfs.net/js/clickLinkFormat.min.js?v=901414166ce2dc59edf9015578791ecc"></script> <script src="https://falcon-asset.pixfs.net/js/adVideo.min.js?v=901414166ce2dc59edf9015578791ecc"></script> <script src="https://octopus-asset.pixfs.net/js/octopus_modern.min.js?v=901414166ce2dc59edf9015578791ecc" type="module" crossorigin="anonymous" defer></script> <script nomodule src="https://octopus-asset.pixfs.net/js/octopus_legacy.min.js?v=901414166ce2dc59edf9015578791ecc" crossorigin="anonymous" defer></script> <script defer src="https://cdn.jsdelivr.net/npm/axios@0.21.4/dist/axios.min.js" integrity="sha256-DVQ37PYX3vJRSJgdfRDBKog6O3HoUVA812fyGtiutRU=" crossorigin="anonymous"></script> <script type="module" src="https://front.pixfs.net/js/article-comments--bundle.min.js?v=901414166ce2dc59edf9015578791ecc"></script> <script nomodule src="https://front.pixfs.net/js/article-comments--bundle.min.js?v=901414166ce2dc59edf9015578791ecc"></script> <ins class="adsbyfalcon" data-ad-client="1" data-ad-slot="3731" data-embed="false" style="display:inline-block;"></ins><script src="https://member.pixnet.cc/api/uid2.php" type="text/javascript"></script> <script async src="https://cdn.prod.uidapi.com/uid2-sdk-3.2.0.js"></script> <script async src="https://cdn.prod.uidapi.com/uid2SecureSignal.js"></script> <script> const unifiedID2 = function() { let token = JSON.stringify(uid2_identity); document.cookie = `__uid_2=${token};path=/`; pbjs.setConfig({ userSync: { userIds: [{ name: 'uid2', params: { uid2ServerCookie: '__uid_2' } }] } }); }(); // GAM secure signals const pixnetUid2SecureSignal = function() { window.__uid2 = window.__uid2 || {}; window.__uid2.callbacks = window.__uid2.callbacks || []; window.__uid2.callbacks.push((eventType, payload) => { if (eventType === 'SdkLoaded') { let token = JSON.stringify(uid2_identity); __uid2.init({ identity: token }); } }); pbjs.que.push(function() { window.getUid2AdvertisingToken = async () => pbjs.getUserIdsAsEids().find(eid => eid.source === "uidapi.com").uids[0].id; if (window.__uid2SecureSignalProvider) window.__uid2SecureSignalProvider.registerSecureSignalProvider(); }); if (pix.user_name === null) { window.googletag.cmd.push(function () { window.googletag.secureSignalProviders.clearAllCache(); }); } }(); </script> </body> </html>