我的文章也可以內嵌slideshow－黑海中的璀璨(pixnet站)

從湯姆兄那來的靈感,既然他能夠將Flickr 相本中的時髦功能slideshow直接以內嵌iframe框架語法編輯.那helenna鍾愛的WebShots內建的slideshow,不就同樣也可以"舉一反三"一番囉.?!

哇哈哈))~,果然可以耶!

這樣我就不必做flash,也能直接在po文上動態撥放妍的相本了...

語法解析

詳細iframe語法說明,請參考湯姆兄的完整教學.

1</font>" width="<font color="#ff3333">寬度數字</font>" height="<font color="#ff3333">高度數字</font>" scrolling="<font color="#ff3333">no</font>" src="<font color="#ff3333">輸入你的webshots相本網址</font>">

★frameborder : 設定邊框 . 1 =是 ; 0=否.
★width, height 視個人喜歡的大小尺寸.
★scrolling:設定捲軸. "yes" =是 ; "no"= 否.

實驗成果

▼直接在下圖按play就可以播放.(秒數是指播放photo之延遲速度.可2-20秒間作調整)

</p></td></tr></tbody><p />< /></table></p><p /><p align="center"><img loading="lazy" src="http://blog.roodo.com/helenna/ed421603.gif" /></p><p align="right"><font color="#00ffff" size="1">本文瀏覽人氣: <img loading="lazy" src="http://counter.nsysu.edu.tw/Count.cgi?dd=1" border="0" /> 次</font></p> </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=67e1a8750147205382544bc06e626b66" 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=67e1a8750147205382544bc06e626b66" 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=67e1a8750147205382544bc06e626b66" 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=67e1a8750147205382544bc06e626b66"; </script> <script defer src="https://front.pixfs.net/js/hot-keywords.min.js?v=67e1a8750147205382544bc06e626b66"></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/omion?utm_source=PIXNET&utm_medium=post_card&utm_term=&utm_content=2703155"> <img class="author-profile__avatar" src="https://s1.pimg.tw/avatar/omion/0/0/resize/80x0.png?v=" alt="創作者 omion 的頭像" loading="lazy"> </a> <div class="author-profile__content"> <a class="author-profile__name" href="https://www.pixnet.net/pcard/omion?utm_source=PIXNET&utm_medium=post_card&utm_term=&utm_content=2703155" >omion</a> <p class="author-profile__info" itemprop="name">黑海中的璀璨(pixnet站)</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%2Fomion.pixnet.net%2Fblog%2Fpost%2F2703155%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"> omion 發表在 <a href="https://www.pixnet.net/">痞客邦</a> <a href="https://omion.pixnet.net/blog/post/2703155#comments">留言</a>(9) <span class="author-views">人氣(<span id="BlogArticleCount-2703155"></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%20omion%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-%E6%88%91%E7%9A%84%E6%96%87%E7%AB%A0%E4%B9%9F%E5%8F%AF%E4%BB%A5%E5%85%A7%E5%B5%8Cslideshow','%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%20omion%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-%E6%88%91%E7%9A%84%E6%96%87%E7%AB%A0%E4%B9%9F%E5%8F%AF%E4%BB%A5%E5%85%A7%E5%B5%8Cslideshow%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----------%0AMarch14%2C2005%0A%E6%88%91%E7%9A%84%E6%96%87%E7%AB%A0%E4%B9%9F%E5%8F%AF%E4%BB%A5%E5%85%A7%E5%B5%8Cslideshow%0A----------%0A%E9%A6%AC%E4%B8%8A%E7%9C%8B%20https%3A%2F%2Fomion.pixnet.net%2Fblog%2Fpost%2F2703155%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="m94a623535b60485bb1f01077" 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="m94a623535b60485bb1f01032" style="height: 250px; float: left; margin-left:25px"> </div> </div> <script> (function() { var width = document.querySelector('.article-content').offsetWidth, ad1032 = document.querySelector('#m94a623535b60485bb1f01032'); 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://omion.pixnet.net/blog/category/245539">Blog練功房</a></li> <li>此分類上一篇： <a class="quick-nav--cat-pre" href="https://omion.pixnet.net/blog/post/2703146">可愛時鐘</a></li> <li>此分類下一篇： <a class="quick-nav--cat-next" href="https://omion.pixnet.net/blog/post/2703207">製作GIF 檔</a></li> <li>上一篇： <a class="quick-nav--pre" rel="prev" href="https://omion.pixnet.net/blog/post/2703154" data-public-at="1110741885" data-thumb="//s.pixfs.net/mobile/images/blog/article-image.png">個人化Icon製造機</a></li> <li>下一篇： <a class="quick-nav--next" rel="next" href="https://omion.pixnet.net/blog/post/2703156" data-public-at="1110913073" data-thumb="//s.pixfs.net/mobile/images/blog/article-image.png">重新榮登準ㄇㄇ行列也~</a></li> </ul> <div class="history"> <h6>歷史上的今天</h6> <ul> <li>2006: <a href="https://omion.pixnet.net/blog/post/2703408">媽咪笑一個</a></li> <li>2005: <a href="https://omion.pixnet.net/blog/post/2703154">個人化Icon製造機</a></li> <li>2004: <a href="https://omion.pixnet.net/blog/post/2702902">新手ㄇㄇ上路啦~~</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=67e1a8750147205382544bc06e626b66" 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/2703155#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 s4bcaab-mib-ad-sidebar-v2-s4bcaab" data-plugin_type="mibsidebar1"> <div class="box-text entry-content"> <div class="s4bcaab-mib-border-s4bcaab"> <div class="s4bcaab-sitemajidr-s4bcaab" 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=67e1a8750147205382544bc06e626b66" data-close-button-url="//front.pixfs.net/module/mib/img/btn-close.png?v=67e1a8750147205382544bc06e626b66"> </div> </div> </div> </div> </div> <div id="empty-type-cus668584"></div><div class="hslice box" id="calendar"> <h4 class="box-title entry-title"> 月曆 </h4> <div class="box-text entry-content"> <table summary="帶有每一天文章鏈結的月曆"> <tr class="month-nav"> <th class="cal-backward"><a rel="nofollow" href="https://omion.pixnet.net/blog/archives/202405" title="五月 2024">«</a></th> <th class="current-month" colspan="5">六月 2024</th> <th class="cal-forward"><a rel="nofollow" href="https://omion.pixnet.net/blog/archives/202407" title="七月 2024">»</a></th> </tr> <tr class="weekday"> <th scope="col" abbr="星期日" id="sun">日</th> <th scope="col" abbr="星期一">一</th> <th scope="col" abbr="星期二">二</th> <th scope="col" abbr="星期三">三</th> <th scope="col" abbr="星期四">四</th> <th scope="col" abbr="星期五">五</th> <th scope="col" abbr="星期六" id="sat">六</th> </tr> <tr> <td nowrap>   </td> <td nowrap>   </td> <td nowrap>   </td> <td nowrap>   </td> <td nowrap>   </td> <td nowrap>   </td> <td nowrap> 1 </td> </tr> <tr> <td nowrap> 2 </td> <td nowrap> 3 </td> <td nowrap> 4 </td> <td nowrap> 5 </td> <td nowrap> 6 </td> <td nowrap> 7 </td> <td nowrap> 8 </td> </tr> <tr> <td nowrap> 9 </td> <td nowrap> 10 </td> <td nowrap> 11 </td> <td nowrap> 12 </td> <td nowrap> 13 </td> <td nowrap> 14 </td> <td nowrap> 15 </td> </tr> <tr> <td nowrap> 16 </td> <td nowrap> 17 </td> <td nowrap> 18 </td> <td nowrap> 19 </td> <td nowrap> 20 </td> <td nowrap> 21 </td> <td nowrap> 22 </td> </tr> <tr> <td class="today" nowrap> 23 </td> <td nowrap> 24 </td> <td nowrap> 25 </td> <td nowrap> 26 </td> <td nowrap> 27 </td> <td nowrap> 28 </td> <td nowrap> 29 </td> </tr> <tr> <td nowrap> 30 </td> <td nowrap>   </td> <td nowrap>   </td> <td nowrap>   </td> <td nowrap>   </td> <td nowrap>   </td> <td nowrap>   </td> </tr> </table> </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>  <div id="links-row-2"> <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': 0, 'name': "\u500b\u4eba\u982d\u50cf", '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:\/\/omion.pixnet.net\/friend\/list", '#user-info-open-friends-iframe', '#popup-frame .frame-close', "omion \u7684\u597d\u53cb\u5217\u8868"); }, error: function(error) { console.log(error); } }); }); </script> <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/200702">2007 二月 (17)</option> <option value="/blog/archives/200701">2007 一月 (26)</option> <option value="/blog/archives/200612">2006 十二月 (24)</option> <option value="/blog/archives/200611">2006 十一月 (27)</option> <option value="/blog/archives/200610">2006 十月 (27)</option> <option value="/blog/archives/200609">2006 九月 (28)</option> <option value="/blog/archives/200608">2006 八月 (18)</option> <option value="/blog/archives/200607">2006 七月 (24)</option> <option value="/blog/archives/200606">2006 六月 (18)</option> <option value="/blog/archives/200605">2006 五月 (17)</option> <option value="/blog/archives/200604">2006 四月 (18)</option> <option value="/blog/archives/200603">2006 三月 (22)</option> <option value="/blog/archives/200602">2006 二月 (23)</option> <option value="/blog/archives/200601">2006 一月 (22)</option> <option value="/blog/archives/200512">2005 十二月 (25)</option> <option value="/blog/archives/200511">2005 十一月 (23)</option> <option value="/blog/archives/200510">2005 十月 (24)</option> <option value="/blog/archives/200509">2005 九月 (23)</option> <option value="/blog/archives/200508">2005 八月 (23)</option> <option value="/blog/archives/200507">2005 七月 (14)</option> <option value="/blog/archives/200506">2005 六月 (20)</option> <option value="/blog/archives/200505">2005 五月 (22)</option> <option value="/blog/archives/200504">2005 四月 (14)</option> <option value="/blog/archives/200503">2005 三月 (20)</option> <option value="/blog/archives/200502">2005 二月 (21)</option> <option value="/blog/archives/200501">2005 一月 (11)</option> <option value="/blog/archives/200412">2004 十二月 (26)</option> <option value="/blog/archives/200411">2004 十一月 (24)</option> <option value="/blog/archives/200410">2004 十月 (23)</option> <option value="/blog/archives/200409">2004 九月 (33)</option> <option value="/blog/archives/200408">2004 八月 (31)</option> <option value="/blog/archives/200407">2004 七月 (17)</option> <option value="/blog/archives/200406">2004 六月 (17)</option> <option value="/blog/archives/200405">2004 五月 (15)</option> <option value="/blog/archives/200404">2004 四月 (11)</option> <option value="/blog/archives/200403">2004 三月 (13)</option> <option value="/blog/archives/200402">2004 二月 (15)</option> <option value="/blog/archives/200401">2004 一月 (8)</option> <option value="/blog/archives/200312">2003 十二月 (3)</option> <option value="/blog/archives/200311">2003 十一月 (3)</option> <option value="/blog/archives/200310">2003 十月 (6)</option> <option value="/blog/archives/200309">2003 九月 (1)</option> <option value="/blog/archives/200308">2003 八月 (3)</option> <option value="/blog/archives/200307">2003 七月 (1)</option> <option value="/blog/archives/200304">2003 四月 (1)</option> <option value="/blog/archives/200204">2002 四月 (1)</option> <option value="/blog/archives/200104">2001 四月 (1)</option> </select> <div class="box-more"> <a href="/blog/listall/1">所有文章列表</a> </div> </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/245526">愛的詩篇 (7)</a></li><li><a href="/blog/category/245527">大肚婆日記 I (35)</a></li><li><a href="/blog/category/245528">生命科學之章 (6)</a></li><li><a href="/blog/category/245529">心靈左岸 (18)</a></li><li><a href="/blog/category/245530">No. H時代廣場 (85)</a></li><li><a href="/blog/category/245531">Victoria 健康手札 (7)</a></li><li><a href="/blog/category/245532">妍妍成長相簿本 (87)</a></li><li><a href="/blog/category/245533">咿咿唔唔二三事(妍篇) (110)</a></li><li><a href="/blog/category/245534">母奶最好 (25)</a></li><li><a href="/blog/category/245535">抱歉•希波克拉底 (22)</a></li><li><a href="/blog/category/245536">影像‧音樂‧我的感動 (111)</a></li><li><a href="/blog/category/245537">攏是愛上你 (61)</a></li><li><a href="/blog/category/245538">吃喝玩樂 (43)</a></li><li><a href="/blog/category/245539">Blog練功房 (28)</a></li><li><a href="/blog/category/245540">.COM 新鮮事 (33)</a></li><li><a href="/blog/category/245541">產後瘦身 (3)</a></li><li><a href="/blog/category/245542">大肚婆日記 II (35)</a></li><li><a href="/blog/category/245543">極私密 (0)</a></li><li><a href="/blog/category/245544">apollo 健康手札 (3)</a></li><li><a href="/blog/category/245545">昂成長相簿本 (41)</a></li><li><a href="/blog/category/245546">咿咿唔唔二三事(昂篇) (42)</a></li><li><a href="/blog/category/0">未分類文章 (2)</a></li> </ul> </div> </div>  <div class="hslice box" id="mylink"> <h4 class="box-title entry-title"> 我的連結 </h4> <div class="box-text entry-content"> </div> </div>  <script> jQuery(function($) { $('#mylink h6.expandable').click(function() { var plus_img = "\/\/s.pixfs.net\/blog\/images\/choc\/plus.gif"; var minus_img = "\/\/s.pixfs.net\/blog\/images\/choc\/minus.gif"; $(this).siblings('ul').toggle(); $img = $('> img', this); if ($img.attr('src') == plus_img) { $img.attr('src', minus_img); } else { $img.attr('src', plus_img); } }); }); </script> </div>  <script> jQuery(function($) { jQuery.ajaxSetup({ cache: true }); jQuery.ajax({ type: 'GET', url: '/api/blog/sidebar', data: { 'param': {"articleid":"2703155","controller":"blog","action":"post","0":"2703155","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: '433964aee1b472a552dacdd1d7438986', dr: {source: 'omion'}, goldAds: document.querySelectorAll('.s4bcaab-sitemajidr-s4bcaab'), uniq: '0aa0be799b22e5f0354a0577114c973f3090f06e07175', percentSite: '//falcon.pixnet.net/mib/vap', falconSite: 'https://falcon.pixnet.net', cate: '0', 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://omion.pixnet.net/blog/post/2703155/#top" title="back to the top of the page">回到頁首</a> <a class="bottom-skiplink" href="https://omion.pixnet.net/blog/post/2703155#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 type="text/javascript"></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 = 'omion'; 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': '19y', }); (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:0'; _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=67e1a8750147205382544bc06e626b66"></script> <script> _currentPageUsername = 'omion'; _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=67e1a8750147205382544bc06e626b66'); (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=67e1a8750147205382544bc06e626b66"></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":"omion","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":"omion","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":"omion","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":"omion","addon_expired_at":0,"addon_ismobile":false,"addon_isvip":false,"addon_is_allow_setting":true}); }); jQuery.ajaxSetup({ cache: false }); }); </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=67e1a8750147205382544bc06e626b66"> <link rel="stylesheet" href="//front.pixfs.net/module/idlePop/css/idlePop.min.css?v=67e1a8750147205382544bc06e626b66"> <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/omion?utm_source=PIXNET&utm_medium=post_pause&utm_term=&utm_content=2703155"><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%2Fomion.pixnet.net%2Fblog%2Fpost%2F2703155%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=67e1a8750147205382544bc06e626b66"> <link rel="stylesheet" href="//front.pixfs.net/module/idlePop/css/idlePop.min.css?v=67e1a8750147205382544bc06e626b66"> <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/omion?utm_source=PIXNET&utm_medium=post_pause&utm_term=&utm_content=2703155"><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%2Fomion.pixnet.net%2Fblog%2Fpost%2F2703155%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=67e1a8750147205382544bc06e626b66" 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=67e1a8750147205382544bc06e626b66" crossorigin="anonymous"></script> <script defer src="//front.pixfs.net/module/fullPage/dist/ad-full-page.min.js?v=67e1a8750147205382544bc06e626b66" crossorigin="anonymous"></script> <script src="https://front.pixfs.net/js/sticky-sidebar-ad.min.js?v=67e1a8750147205382544bc06e626b66"></script> <script src="https://falcon-asset.pixfs.net/js/clickLinkFormat.min.js?v=67e1a8750147205382544bc06e626b66"></script> <script src="https://falcon-asset.pixfs.net/js/adVideo.min.js?v=67e1a8750147205382544bc06e626b66"></script> <script src="https://octopus-asset.pixfs.net/js/octopus_modern.min.js?v=67e1a8750147205382544bc06e626b66" type="module" crossorigin="anonymous" defer></script> <script nomodule src="https://octopus-asset.pixfs.net/js/octopus_legacy.min.js?v=67e1a8750147205382544bc06e626b66" 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=67e1a8750147205382544bc06e626b66"></script> <script nomodule src="https://front.pixfs.net/js/article-comments--bundle.min.js?v=67e1a8750147205382544bc06e626b66"></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>

黑海中的璀璨(pixnet站)

還是備站^^

我的文章也可以內嵌slideshow