RSS教學－２ @ Flying

作者：劉建德　信箱：fallen.tw@gmail.com

在這裡，我想解說一下關於RSS的相關細節，讓我說說，RSS究竟怎麼工作呢？
雖說RSS是一種XML格式，讓你聽起來有點不知所措，但我可以告訴你，一點也
不可怕，只要你稍微動動腦筋，很多事情就可以迎刃而解了。
在這裡我使用RSS 0.91做為解說，其餘版本和差異性，我將會擇日發布。
首先我想告訴你，RSS內部的組成結構：

就如你所看到，我們將RSS看成一個實體，在這個實體內，還有包括channel，當然，
channel可能不只一個，你可以擁有多個Channel，端看你怎麼使用，再者，channel
下也包含了多個item，item是什麼呢？簡單來說，當你的網站發布了一個消息，這個
消息將被製作成一個item，假如今天網站一共發佈了１０則消息，這時就會有１０個
item，item會包含所發布之消息的標題，連結，以及大略敘述，就好比一則新聞，該
新聞發佈時，同時也製作成item，這個item會包含新聞標題，連結到該網頁的路徑，
還有關於這新聞的大略簡述，讓我們來看看以下的程式碼吧：


    via2k6的網誌
    http://www.wretch.cc/blog/via2k6
    一個屬於劉建德的網誌，該服務現在由無名小站提供。
    zh-tw

      月亮貓
      http://www.wretch.cc/blog/via2k6&article_id=1731060
      晴朗的夜空，星星化作舞動的精靈，在黑暗中閃耀。
     月亮很圓，沒有缺角，皎潔的月光滿滿灑在地面，映照出一個小小的影子...


      拖鞋
      http://www.wretch.cc/blog/via2k6&article_id=2444273

藍白拖，海灘拖？很想發發牢騷...


      [轉] [超幹] 泰山
      http://www.wretch.cc/blog/via2k6&article_id=2400607
      媽的，我一向都很反泰山的啦！台中球王...



我試著用顏色來區別他的差別，希望有助於了解RSS內部的結構性，藍色代表最外層，也就是RSS
本身，在這版本，這裡會提到的是RSS的版本，透過顏色的區分，你可以很清楚看出他的巢狀結構
，再往下看是chanel，這裡會出現幾個元素，我們可以一個個來解說：

：在RSS底下，也表示他是在於RSS內部，在channel，將會包含以下屬性。

：本元件供你填上你的網站名稱，一個網站使用一個title，<br /><br /><link> :channel底下的link，所提供給你的功能是，網站的連結，在這裡，如果你本身是網站服務的　　　　         提供者，可以在這裡放入你的網址。<br /><br /><description>：這個屬性主要是網站的敘述，你可以在這裡放上網站的簡單介紹或敘述。<br /><br /><language>：這裡指的是網頁的主要語言，譬如說美國網頁的主要語言是en-us，如果今天我們想要用<br />　　　　　　　於台灣方面的編碼為主要語言，可以使用zh-tw，表示為繁體中文。<br /><br /></font><font color="#000000"><font style="BACKGROUND-COLOR: #ffffff">接下來要解釋的就是item方面的元素了，相信你沒有忘記，一個channel底下可以包含多個item，如果<br />你忘記的話，可以將文章向上搜尋，你將會看到RSS的大略結構圖，那麼，以下是在item底下會用到的<br />屬性：<br /><br /></font><font style="BACKGROUND-COLOR: #ffffff" color="#993366"><item>：你必須記得一件事情，當你想要新增一篇文章以RSS發佈，你必須新增一個item，基本上，<br />　　　　一個item代表一個新的物件，當然，以下你會看到他所包含的元件。<br /><br /><title>：這個屬性代表著你所新增的文章標題，就以你發布一篇新聞來說，這個屬性代表該新聞的標題，<br />　　　　　當然，當你使用閱讀器收取新資訊時，所看到的標題，就是title裡的內容。<br /><br /><link>：這裡的link雖然本質上跟channel裡的link一樣，可是實際上的功能是不一樣的，這裡的link<br />        是代表你item的網址，如果你發了一篇文章，link裡的內容將是你該篇文章的網址。<br /><br /><description>：這裡的功能主要是該item，也就是該篇文章的簡述，你大可以照你的設計習慣來使用<br />　　　　　　　　這個部份。<br /><br /></font></font><font style="BACKGROUND-COLOR: #ffffff" color="#000000">關於RSS的部份，大約是講這樣，往後我將會再把其他版本的RSS列出來，並列出他的差異性，如果有其<br />他相異的屬性，我會一一列出。</font></font></div></div></font></div><br /> </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=493b7214fb0fe342a225015324f492f5" 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=493b7214fb0fe342a225015324f492f5" 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=493b7214fb0fe342a225015324f492f5" 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=493b7214fb0fe342a225015324f492f5"; </script> <script defer src="https://front.pixfs.net/js/hot-keywords.min.js?v=493b7214fb0fe342a225015324f492f5"></script> <script> document.addEventListener('DOMContentLoaded', function () { jQuery.noConflict(); jQuery(document).ready(function(){ try{ jQuery("#pix_toc_toggle").click(function(){ if (jQuery("#pix_toc_toggle")[0].innerHTML=='收合'){ jQuery("#pix_toc_toggle")[0].innerHTML='展開'; jQuery("#pix_toc_blcok").hide(); }else{ jQuery("#pix_toc_toggle")[0].innerHTML='收合'; jQuery("#pix_toc_blcok").show(); } }); } catch(e) { } }); }); </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/via2k6?utm_source=PIXNET&utm_medium=post_card&utm_term=&utm_content=2234711"> <img class="author-profile__avatar" src="https://s3.pimg.tw/avatar/via2k6/0/0/resize/80x0.png?v=1252642591" alt="創作者 via2k6 的頭像" loading="lazy"> </a> <div class="author-profile__content"> <a class="author-profile__name" href="https://www.pixnet.net/pcard/via2k6?utm_source=PIXNET&utm_medium=post_card&utm_term=&utm_content=2234711" >via2k6</a> <p class="author-profile__info" itemprop="name">Flying</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%2Fvia2k6.pixnet.net%2Fblog%2Fpost%2F2234711%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="dablewidget_G7Z36M2l" data-widget_id="G7Z36M2l"> <script> (function(d,a,b,l,e,_) { if(d[b]&&d[b].q)return;d[b]=function(){(d[b].q=d[b].q||[]).push(arguments)};e=a.createElement(l); e.async=1;e.charset='utf-8';e.src='//static.dable.io/dist/plugin.min.js'; _=a.getElementsByTagName(l)[0];_.parentNode.insertBefore(e,_); })(window,document,'dable','script'); dable('setService', 'main.pixnet'); dable('sendLogOnce'); dable('renderWidget', 'dablewidget_G7Z36M2l'); var _piq = window._piq || []; _piq.push(['trackEvent', 'rs2022::文章頁::文末推薦/desktop', `load::你可能有興趣的文章::dable::new`, `你可能有興趣的文章::`, 1.0001]); </script> </div>  <p class="author"> via2k6 發表在 <a href="https://www.pixnet.net/">痞客邦</a> <a href="https://via2k6.pixnet.net/blog/post/2234711#comments">留言</a>(0) <span class="author-views">人氣(<span id="BlogArticleCount-2234711"></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%20via2k6%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-RSS%E6%95%99%E5%AD%B8%EF%BC%8D%EF%BC%92','%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%20via2k6%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-RSS%E6%95%99%E5%AD%B8%EF%BC%8D%EF%BC%92%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----------%0AMarch19%2C2006%0ARSS%E6%95%99%E5%AD%B8%EF%BC%8D%EF%BC%92%0A%0A%E4%BD%9C%E8%80%85%EF%BC%9A%E5%8A%89%E5%BB%BA%E5%BE%B7%E3%80%80%E4%BF%A1%E7%AE%B1%EF%BC%9Afallen.tw%40gmail.com%E5%9C%A8%E9%80%99%E8%A3%A1%EF%BC%8C%E6%88%91%E6%83%B3%E8%A7%A3%E8%AA%AA%E4%B8%80%E4%B8%8B%E9%97%9C%E6%96%BCRSS%E7%9A%84%E7%9B%B8%E9%97%9C%E7%B4%B0%0A----------%0A%E9%A6%AC%E4%B8%8A%E7%9C%8B%20https%3A%2F%2Fvia2k6.pixnet.net%2Fblog%2Fpost%2F2234711%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="s7c6902e3e92e4d18823f1077" 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="s7c6902e3e92e4d18823f1032" style="height: 250px; float: left; margin-left:25px"> </div> </div> <script> (function() { var width = document.querySelector('.article-content').offsetWidth, ad1032 = document.querySelector('#s7c6902e3e92e4d18823f1032'); 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 href="https://via2k6.pixnet.net/blog/category/205834">Note Book</a></li> <li>此分類上一篇： <a class="quick-nav--cat-pre" href="https://via2k6.pixnet.net/blog/post/2234710">RSS 教學－１</a></li> <li>此分類下一篇： <a class="quick-nav--cat-next" href="https://via2k6.pixnet.net/blog/post/2234723">心靈訪客</a></li> <li>上一篇： <a class="quick-nav--pre" rel="prev" href="https://via2k6.pixnet.net/blog/post/2234710" data-public-at="1142671320" data-thumb="//s.pixfs.net/mobile/images/blog/article-image.png">RSS 教學－１</a></li> <li>下一篇： <a class="quick-nav--next" rel="next" href="https://via2k6.pixnet.net/blog/post/2234723" data-public-at="1145544960" data-thumb="//s.pixfs.net/mobile/images/blog/article-image.png">心靈訪客</a></li> </ul> <div class="history"> <h6>歷史上的今天</h6> <ul> <li>2008: <a href="https://via2k6.pixnet.net/blog/post/15580163">Judas Priest - Painkiller</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=493b7214fb0fe342a225015324f492f5" 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/2234711#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 j4783d1-miB-ad-sidebar-v2-j4783d1" data-plugin_type="mibsidebar1"> <div class="box-text entry-content"> <div class="j4783d1-miB-border-j4783d1"> <div class="j4783d1-siTemajidr-j4783d1" 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=493b7214fb0fe342a225015324f492f5" data-close-button-url="//front.pixfs.net/module/mib/img/btn-close.png?v=493b7214fb0fe342a225015324f492f5"> </div> </div> </div> </div> </div> </div>  <div id="links-row-2"> <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="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> <div class="inner-box"> <h6 style="cursor:hand;cursor:pointer;" onclick="pix.commentSwitch('category-473988','category-473988-switch');"><img id="category-473988-switch" src="//s.pixfs.net/blog/images/choc/plus.gif" border="0" alt="展開分類" width="11" height="11"> It's my life (1)</h6> <ul id="category-473988" style="display: none;"> <li><a href="/blog/category/1321020">所謂人生 (105)</a></li></ul> </div> <div class="inner-box"> <h6 style="cursor:hand;cursor:pointer;" onclick="pix.commentSwitch('category-473989','category-473989-switch');"><img id="category-473989-switch" src="//s.pixfs.net/blog/images/choc/plus.gif" border="0" alt="展開分類" width="11" height="11"> 人體打字機 (4)</h6> <ul id="category-473989" style="display: none;"> <li><a href="/blog/category/203402">文字．我的詩集與散文 (36)</a></li><li><a href="/blog/category/203404">月亮。貓 (5)</a></li><li><a href="/blog/category/203405">自以為是的道理 (34)</a></li><li><a href="/blog/category/203409">異文章 (5)</a></li></ul> </div> <div class="inner-box"> <h6 style="cursor:hand;cursor:pointer;" onclick="pix.commentSwitch('category-473998','category-473998-switch');"><img id="category-473998-switch" src="//s.pixfs.net/blog/images/choc/plus.gif" border="0" alt="展開分類" width="11" height="11"> 哆啦ㄟ百寶袋 (2)</h6> <ul id="category-473998" style="display: none;"> <li><a href="/blog/category/205834">Note Book (29)</a></li><li><a href="/blog/category/205877">Singing ! (77)</a></li></ul> </div> <div class="inner-box"> <h6 style="cursor:hand;cursor:pointer;" onclick="pix.commentSwitch('category-1318719','category-1318719-switch');"><img id="category-1318719-switch" src="//s.pixfs.net/blog/images/choc/plus.gif" border="0" alt="展開分類" width="11" height="11"> 四年 (6)</h6> <ul id="category-1318719" style="display: none;"> <li><a href="/blog/category/203406">加了冰塊的白開水 (0)</a></li><li><a href="/blog/category/203407">存活日記本 (0)</a></li><li><a href="/blog/category/203408">記憶。轉 (0)</a></li><li><a href="/blog/category/313172">小木頭奇遇記 (0)</a></li><li><a href="/blog/category/1004466">難以分類 (0)</a></li><li><a href="/blog/category/1092926">Get All Fuck (0)</a></li></ul> </div> <ul> <li><a href="/blog/category/0">未分類文章 (2)</a></li> </ul> </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/201602">2016 二月 (2)</option> <option value="/blog/archives/201507">2015 七月 (2)</option> <option value="/blog/archives/201410">2014 十月 (1)</option> <option value="/blog/archives/201402">2014 二月 (1)</option> <option value="/blog/archives/201401">2014 一月 (1)</option> <option value="/blog/archives/201311">2013 十一月 (1)</option> <option value="/blog/archives/201306">2013 六月 (1)</option> <option value="/blog/archives/201304">2013 四月 (4)</option> <option value="/blog/archives/201302">2013 二月 (1)</option> <option value="/blog/archives/201301">2013 一月 (1)</option> <option value="/blog/archives/201212">2012 十二月 (1)</option> <option value="/blog/archives/201210">2012 十月 (1)</option> <option value="/blog/archives/201209">2012 九月 (1)</option> <option value="/blog/archives/201208">2012 八月 (2)</option> <option value="/blog/archives/201207">2012 七月 (2)</option> <option value="/blog/archives/201206">2012 六月 (2)</option> <option value="/blog/archives/201205">2012 五月 (1)</option> <option value="/blog/archives/201203">2012 三月 (3)</option> <option value="/blog/archives/201202">2012 二月 (2)</option> <option value="/blog/archives/201112">2011 十二月 (2)</option> <option value="/blog/archives/201110">2011 十月 (2)</option> <option value="/blog/archives/201109">2011 九月 (1)</option> <option value="/blog/archives/201108">2011 八月 (1)</option> <option value="/blog/archives/201107">2011 七月 (2)</option> <option value="/blog/archives/201106">2011 六月 (3)</option> <option value="/blog/archives/201105">2011 五月 (2)</option> <option value="/blog/archives/201104">2011 四月 (1)</option> <option value="/blog/archives/201103">2011 三月 (1)</option> <option value="/blog/archives/201102">2011 二月 (1)</option> <option value="/blog/archives/201101">2011 一月 (1)</option> <option value="/blog/archives/201012">2010 十二月 (2)</option> <option value="/blog/archives/201011">2010 十一月 (2)</option> <option value="/blog/archives/201010">2010 十月 (1)</option> <option value="/blog/archives/201009">2010 九月 (2)</option> <option value="/blog/archives/201008">2010 八月 (1)</option> <option value="/blog/archives/201007">2010 七月 (3)</option> <option value="/blog/archives/201006">2010 六月 (1)</option> <option value="/blog/archives/201005">2010 五月 (2)</option> <option value="/blog/archives/201004">2010 四月 (1)</option> <option value="/blog/archives/201003">2010 三月 (4)</option> <option value="/blog/archives/201002">2010 二月 (4)</option> <option value="/blog/archives/201001">2010 一月 (5)</option> <option value="/blog/archives/200912">2009 十二月 (4)</option> <option value="/blog/archives/200911">2009 十一月 (3)</option> <option value="/blog/archives/200910">2009 十月 (4)</option> <option value="/blog/archives/200909">2009 九月 (1)</option> <option value="/blog/archives/200906">2009 六月 (4)</option> <option value="/blog/archives/200905">2009 五月 (7)</option> <option value="/blog/archives/200903">2009 三月 (3)</option> <option value="/blog/archives/200902">2009 二月 (7)</option> <option value="/blog/archives/200809">2008 九月 (1)</option> <option value="/blog/archives/200808">2008 八月 (1)</option> <option value="/blog/archives/200807">2008 七月 (1)</option> <option value="/blog/archives/200806">2008 六月 (10)</option> <option value="/blog/archives/200805">2008 五月 (9)</option> <option value="/blog/archives/200804">2008 四月 (9)</option> <option value="/blog/archives/200803">2008 三月 (16)</option> <option value="/blog/archives/200802">2008 二月 (9)</option> <option value="/blog/archives/200801">2008 一月 (20)</option> <option value="/blog/archives/200712">2007 十二月 (7)</option> <option value="/blog/archives/200711">2007 十一月 (5)</option> <option value="/blog/archives/200710">2007 十月 (1)</option> <option value="/blog/archives/200709">2007 九月 (2)</option> <option value="/blog/archives/200708">2007 八月 (4)</option> <option value="/blog/archives/200707">2007 七月 (3)</option> <option value="/blog/archives/200706">2007 六月 (6)</option> <option value="/blog/archives/200705">2007 五月 (2)</option> <option value="/blog/archives/200704">2007 四月 (5)</option> <option value="/blog/archives/200703">2007 三月 (4)</option> <option value="/blog/archives/200702">2007 二月 (1)</option> <option value="/blog/archives/200701">2007 一月 (3)</option> <option value="/blog/archives/200612">2006 十二月 (6)</option> <option value="/blog/archives/200611">2006 十一月 (7)</option> <option value="/blog/archives/200610">2006 十月 (5)</option> <option value="/blog/archives/200609">2006 九月 (1)</option> <option value="/blog/archives/200604">2006 四月 (1)</option> <option value="/blog/archives/200603">2006 三月 (3)</option> <option value="/blog/archives/200602">2006 二月 (2)</option> <option value="/blog/archives/200601">2006 一月 (3)</option> <option value="/blog/archives/200512">2005 十二月 (3)</option> <option value="/blog/archives/200511">2005 十一月 (2)</option> <option value="/blog/archives/200510">2005 十月 (2)</option> <option value="/blog/archives/200509">2005 九月 (1)</option> <option value="/blog/archives/200507">2005 七月 (1)</option> <option value="/blog/archives/200506">2005 六月 (6)</option> <option value="/blog/archives/200505">2005 五月 (7)</option> <option value="/blog/archives/200504">2005 四月 (4)</option> <option value="/blog/archives/200503">2005 三月 (5)</option> <option value="/blog/archives/200501">2005 一月 (4)</option> <option value="/blog/archives/200412">2004 十二月 (1)</option> <option value="/blog/archives/200411">2004 十一月 (2)</option> </select> <div class="box-more"> <a href="/blog/listall/1">所有文章列表</a> </div> </div> </div>  <div id="empty-type-cus564580"></div><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="search"> <h4 class="box-title entry-title"> Serch Me ? </h4> <div class="box-text entry-content"> <form method="post" action="https://via2k6.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="subscription"> <h4 class="box-title entry-title"> Fly in 無名 </h4> <div class="box-text entry-content"> <script src="//s.pixfs.net/blog/subscription.min.js?v=493b7214fb0fe342a225015324f492f5"></script> <script> pix.getCloudFeedSubscriptions(1941, 5); </script> </div> </div>  <div id="empty-type-cus88646"></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/via2k6/blog/post/2234711.png" alt="qrcode" loading="lazy"> </div> </div> </div>  <div class="hslice box google-adsense" id="googleadsense1"> <h4 class="box-title entry-title"> B組廣告版面 </h4> <div class="box-text entry-content"> <script type="text/javascript"></script> <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script> </div> </div>  <div class="hslice box google-adsense" id="googleadsense2"> <h4 class="box-title entry-title"> C組廣告版面 </h4> <div class="box-text entry-content"> <script type="text/javascript"></script> <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script> </div> </div>  <div id="empty-type-cus1077457"></div> </div>  <script> jQuery(function($) { jQuery.ajaxSetup({ cache: true }); jQuery.ajax({ type: 'GET', url: '/api/blog/sidebar', data: { 'param': {"articleid":"2234711","controller":"blog","action":"post","0":"2234711","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: 'b86c7241a6316a2070fc4b21154282a1', dr: {source: 'via2k6'}, goldAds: document.querySelectorAll('.j4783d1-siTemajidr-j4783d1'), uniq: '8c6ad5e43fce666f01eb2f8c8926b120881230ba20672', percentSite: '//falcon.pixnet.net/mib/vap', falconSite: 'https://falcon.pixnet.net', cate: '6', 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: 'http%3A%2F%2Fvia2k6.pixnet.net%2Fblog%2Fpost%2F2234711' }; (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://via2k6.pixnet.net/blog/post/2234711/#top" title="back to the top of the page">回到頁首</a> <a class="bottom-skiplink" href="https://via2k6.pixnet.net/blog/post/2234711#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 = 'via2k6'; 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': '18y', }); (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:6'; _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=493b7214fb0fe342a225015324f492f5"></script> <script> _currentPageUsername = 'via2k6'; _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=493b7214fb0fe342a225015324f492f5'); (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(); } }); jQuery('#pixad1032').on('click', 'a', function() { if ('styleme' === jQuery(this).data('source')) { _piq.push(['trackEvent', 'yahoo 大聯盟導購', '金鑽版位點擊']); } }); var pixad1032ImpTracking = function() { var container = jQuery('#pixad1032'); if (0 === container.find('a').length) { setTimeout(pixad1032ImpTracking, 500); return; } if ('styleme' == container.find('a').data('source')) { _piq.push(['trackEvent', 'yahoo 大聯盟導購', '金鑽版位曝光']); } }; pixad1032ImpTracking(); }); 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=493b7214fb0fe342a225015324f492f5"></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":"bottom","addon_username":"via2k6","addon_expired_at":0,"addon_ismobile":false,"addon_isvip":false,"addon_is_allow_setting":true}); }); jQuery.getScript("https://js.pixplug.in/addon/96/production.js?v=1707965146", function(data, textStatus) { jQuery.pix0rz({"addon_username":"via2k6","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":"via2k6","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":"via2k6","addon_expired_at":0,"addon_ismobile":false,"addon_isvip":false,"addon_is_allow_setting":true}); }); jQuery.ajaxSetup({ cache: false }); }); </script>   <script></script> <script> pix.stylemeTags = []; pix.isBlogArticle = true; </script> <script src="//front.pixfs.net/js/styleme.min.js?v=493b7214fb0fe342a225015324f492f5" crossorigin="anonymous"></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> var nineyi_group = "X1"; var nineyi_keyindex = "0"; var nineyi_match = ""; var nineyi_id = "pix91_7f2b1e44eea295f1ddb83c518d23403d"; var nineyi_products = [{"asset":"0104","image":"\/\/pic.pimg.tw\/pixnetvisual\/1446126120-4162329176_s.jpg?v=1446126272","title":"MissHana\u82b1\u5a1c\u5c0f\u59d0\u5b8c\u7f8e\u7121\u75d5\u4e09\u8272\u906e\u7455\u818f","oprice":"380","nprice":"299","link":"\/\/www.86shops.com.tw\/SalePage\/Index\/1256490"},{"asset":"0138","image":"\/\/pic.pimg.tw\/pixnetvisual\/1446126147-4136062762_s.jpg?v=1446126272","title":"E\u2027Heart \u4f0a\u5fc3 \u6301\u4e45\u96b1\u5f62\u96d9\u9762\u96d9\u773c\u76ae\u8cbc","oprice":"348","nprice":"180","link":"\/\/www.86shops.com.tw\/SalePage\/Index\/344734"},{"asset":"0143","image":"\/\/pic.pimg.tw\/pixnetvisual\/1446126150-2749437497_s.jpg?v=1446126272","title":"3CE (3CONCEPT EYES) \u8d85\u986f\u8272\u5507\u818f","oprice":"499","nprice":"399","link":"\/\/www.86shops.com.tw\/SalePage\/Index\/1610019"},{"asset":"0223","image":"\/\/pic.pimg.tw\/pixnetvisual\/1446126232-3103690318_s.jpg?v=1446126273","title":"ND \u812b\u6bdb\u871c\u881f\/\u9664\u6bdb\u871c\u881f 220g","oprice":"299","nprice":"299","link":"\/\/www.86shops.com.tw\/SalePage\/Index\/1035850"},{"asset":"0160","image":"\/\/pic.pimg.tw\/pixnetvisual\/1446126167-2508883353_s.jpg?v=1446126272","title":"\u97d3\u570b RiRe \u9ed1\u982d\u7c89\u523a\u6e05\u6f54\u5237 \u4e59\u652f\u5165(\u5167\u9644\u6e05\u6f54\u4e7320mL)","oprice":"290","nprice":"290","link":"\/\/www.86shops.com.tw\/SalePage\/Index\/640966"},{"asset":"0109","image":"\/\/pic.pimg.tw\/pixnetvisual\/1446126124-168867797_s.jpg?v=1446126272","title":"Miss Hana \u82b1\u5a1c\u5c0f\u59d0 \u6c34\u611f\u63a7\u8272CC\u971c","oprice":"349","nprice":"299","link":"\/\/www.86shops.com.tw\/SalePage\/Index\/668815"}]; </script> <script id="idleTemplate" type="text/x-jsrender" data-main="//front.pixfs.net/module/idlePop/js/idlePop.min.js?v=493b7214fb0fe342a225015324f492f5"> <link rel="stylesheet" href="//front.pixfs.net/module/idlePop/css/idlePop.min.css?v=493b7214fb0fe342a225015324f492f5"> <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/via2k6?utm_source=PIXNET&utm_medium=post_pause&utm_term=&utm_content=2234711"><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%2Fvia2k6.pixnet.net%2Fblog%2Fpost%2F2234711%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=493b7214fb0fe342a225015324f492f5"> <link rel="stylesheet" href="//front.pixfs.net/module/idlePop/css/idlePop.min.css?v=493b7214fb0fe342a225015324f492f5"> <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/via2k6?utm_source=PIXNET&utm_medium=post_pause&utm_term=&utm_content=2234711"><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%2Fvia2k6.pixnet.net%2Fblog%2Fpost%2F2234711%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=493b7214fb0fe342a225015324f492f5" crossorigin="anonymous"></script> <script> document.addEventListener('DOMContentLoaded', function () { var moveHouse = document.querySelector('.move-screen'); if (moveHouse) { _piq.push(['trackEvent', 'moveHouse', 'DOMContentLoaded', 'desktop']); } }); </script> <script> (function () { window.requestAnimFrame = (function () { 'use strict'; return window.requestAnimationFrame || window.webkitRequestAnimationFrame || window.mozRequestAnimationFrame || window.oRequestAnimationFrame || window.msRequestAnimationFrame || function (callback) { window.setTimeout(callback, 1000 / 60); }; })(); // handle multiple browsers for cancelAnimationFrame() ref:https://msdn.microsoft.com/zh-tw/library/hh920765(v=vs.85).aspx window.cancelAnimFrame = (function () { return window.cancelAnimationFrame || window.webkitCancelAnimationFrame || window.mozCancelAnimationFrame || window.oCancelAnimationFrame || function (id) { window.clearTimeout(id); }; })(); })(); </script> <script defer src="//front.pixfs.net/js/side-effect.min.js?v=493b7214fb0fe342a225015324f492f5" crossorigin="anonymous"></script> <script defer src="//front.pixfs.net/module/fullPage/dist/ad-full-page.min.js?v=493b7214fb0fe342a225015324f492f5" crossorigin="anonymous"></script> <script src="https://front.pixfs.net/js/sticky-sidebar-ad.min.js?v=493b7214fb0fe342a225015324f492f5"></script> <script src="https://falcon-asset.pixfs.net/js/clickLinkFormat.min.js?v=493b7214fb0fe342a225015324f492f5"></script> <script src="https://falcon-asset.pixfs.net/js/adVideo.min.js?v=493b7214fb0fe342a225015324f492f5"></script> <script src="https://octopus-asset.pixfs.net/js/octopus_modern.min.js?v=493b7214fb0fe342a225015324f492f5" type="module" crossorigin="anonymous" defer></script> <script nomodule src="https://octopus-asset.pixfs.net/js/octopus_legacy.min.js?v=493b7214fb0fe342a225015324f492f5" 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=493b7214fb0fe342a225015324f492f5"></script> <script nomodule src="https://front.pixfs.net/js/article-comments--bundle.min.js?v=493b7214fb0fe342a225015324f492f5"></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(); }); }(); </script> </body> </html>