在家做日本料理－Book 好康要報給大家知道，才是好朋?

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

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

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

多的書籍中，想要找到你需要的資料，應該非常的容易。像我在找一本在家做日本料理，它的內容我十分有興趣的，剛好博客來有賣，所以我就直接將在家做日本料理買回來，希望

快點拿到。如果對在家做日本料理也有興趣的朋友，歡迎到下面在家做日本料理的網頁連結參考看看喔。

在家做日本料理

博客來退貨

商品網址:

商品訊息功能:

商品訊息描述:

吃日本料理可能很貴，但日本料理一定很難學嗎？家裡不可能做日本料理嗎？點餐的學問究竟有多大？怎麼點才能吃到正確的日本料理精髓？吃不完的食材又該怎麼辦？新鮮食材怎麼選？食材的不同部位又該怎麼料理？怎麼吃最能吃的精華？你是不是對日本料理又愛但又有疑慮，別懷疑，本書帶你重新認識日本料理，顛覆你對日本料理的看法，讓吉園餐廳老板阿不拉用最簡單易懂的作法教你用最新鮮的食材做出最道地、最具日式精神的日本料理！讓美味的幸福感在家也能輕易擁有！！

作者簡介

尤金進

現任：

吉園日本料理餐廳負責博客來推廣人

曾任：

富士日本料理吧檯師傅五條日本料理吧檯師傅更科日本料理吧檯師傅

吉兆亭料亭吧檯師傅大八日本料理吧檯師傅瀨里奈日本料理日本料理長

梅村日本料理料理長

商品訊息簡述:

在家做日本料理

在家做日本料理優惠

在家做日本料理評價

在家做日本料理折扣

在家做日本料理推薦

在家做日本料理要買要快

<br/><br/><br/><br/><ul> <li><a href="http://blog.xuite.net/sl19mem640/blog/315138841" rel="nofollow ugc noreferrer noopener" target="_blank" style="text-decoration: none;">醫學模型與臨床運用</a></li><li><a href="http://blog.xuite.net/sl19mem640/blog/315138302" rel="nofollow ugc noreferrer noopener" target="_blank" style="text-decoration: none;">西班牙大廚-你做分子料理（精裝）</a></li><li><a href="http://wu28owo602.pixnet.net/blog/post/283999318" target="_blank" style="text-decoration: none;">日本烘焙名店</a></li><li><a href="http://blog.xuite.net/sl19mem640/blog/315137788" rel="nofollow ugc noreferrer noopener" 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 class="tag__header"> <div class="tag__header-title">文章標籤</div> </div> <div class="tag__main" id="article-footer-tags"> <a class="tag" href="https://www.pixnet.net/tags/%E5%8D%9A%E5%AE%A2%E4%BE%86%20%E9%80%80%E8%B2%A8?utm_source=PIXNET&utm_medium=Blog_article_tag_rule0106" target="_blank" data-tag="博客來退貨" > <span>博客來退貨</span> </a> <a class="tag" href="https://www.pixnet.net/tags/%E5%8D%9A%E5%AE%A2%E4%BE%86%E6%8E%A8%E5%BB%A3?utm_source=PIXNET&utm_medium=Blog_article_tag_rule0106" target="_blank" data-tag="博客來推廣" > <span>博客來推廣</span> </a> </div> </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=352670365"> <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=352670365" >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%2F352670365%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-related-post-desktop"> <div id="pix-ad-related-post-desktop-wrapper"></div> </div> <script> </script> <p class="author"> tn38bix380 發表在 <a href="https://www.pixnet.net/">痞客邦</a> <a href="https://tn38bix380.pixnet.net/blog/post/352670365#comments">留言</a>(0) <span class="author-views">人氣(<span id="BlogArticleCount-352670365"></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-%E5%9C%A8%E5%AE%B6%E5%81%9A%E6%97%A5%E6%9C%AC%E6%96%99%E7%90%86','%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-%E5%9C%A8%E5%AE%B6%E5%81%9A%E6%97%A5%E6%9C%AC%E6%96%99%E7%90%86%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----------%0AMay11%2C2015%0A%E5%9C%A8%E5%AE%B6%E5%81%9A%E6%97%A5%E6%9C%AC%E6%96%99%E7%90%86%0A----------%0A%E9%A6%AC%E4%B8%8A%E7%9C%8B%20https%3A%2F%2Ftn38bix380.pixnet.net%2Fblog%2Fpost%2F352670365%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="qd940073c3fc549abad5c1077" 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="qd940073c3fc549abad5c1032" style="height: 250px; float: left; margin-left:25px"> </div> </div> <script> (function() { var width = document.querySelector('.article-content').offsetWidth, ad1032 = document.querySelector('#qd940073c3fc549abad5c1032'); 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/0">不設分類</a></li> <li>上一篇： <a class="quick-nav--pre" rel="prev" href="https://tn38bix380.pixnet.net/blog/post/352670209" data-public-at="1431322650" 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/352670506" data-public-at="1431322793" 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/352670647">土居老舖傳承百年-昆布家常味：米其林主廚指定這一味！39道昆布職人珍藏四代，用心守護的好料理，獨家傳授</a></li> <li>2015: <a href="https://tn38bix380.pixnet.net/blog/post/352670506">食尚盛盤聖經</a></li> <li>2015: <a href="https://tn38bix380.pixnet.net/blog/post/352670209">義大利麵（中英對照）</a></li> <li>2015: <a href="https://tn38bix380.pixnet.net/blog/post/352670062">法式糕點</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/352670365#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 wba44b9-mib-ad-sidebar-v2-wba44b9" data-plugin_type="mibsidebar1"> <div class="box-text entry-content"> <div class="wba44b9-mib-border-wba44b9 dark"> <div class="wba44b9-sitemajidr-wba44b9" 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=10298&url=https%3A%2F%2Ftopic.events.pixnet.net%2Factivity%2F1765" 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=10298&url=https%3A%2F%2Ftopic.events.pixnet.net%2Factivity%2F1765" target="_blank"><img src="https://pic.pimg.tw/promo01/1718941934-4202826390-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=10298&url=https%3A%2F%2Ftopic.events.pixnet.net%2Factivity%2F1765" 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 ;">參加痞客邦鏢高Fun台灣飛鏢大賽，就有機會拿到大獎...</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/352670365.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%2F352670365%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":"352670365","controller":"blog","action":"post","0":"352670365","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('.wba44b9-sitemajidr-wba44b9'), uniq: '273aacee0e6bc1c292d0090df21ccba18c5fe2f451515', percentSite: '//falcon.pixnet.net/mib/vap', falconSite: 'https://falcon.pixnet.net', cate: '9', userlists: '', hasMIB: 0, canPutVideo: false, article_cate_id: '0', 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/352670365/#top" title="back to the top of the page">回到頁首</a> <a class="bottom-skiplink" href="https://tn38bix380.pixnet.net/blog/post/352670365#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> !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:0'; _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', "0"], ['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=352670365"><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%2F352670365%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=352670365"><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%2F352670365%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>