跳到主文
部落格全站分類：社團組織
<br/> <table border="1" cellpadding="1" cellspacing="1" style="width: 500px;"> <tbody> <tr> <td> <a href="http://www.books.com.tw/exep/assp.php/87926/products/0010736193?utm_source=87926&utm_medium=ap-books&utm_content=recommend&utm_campaign=ap-201610" rel="nofollow ugc noreferrer noopener" target="_blank"><img loading="lazy" alt="" src="http://im2.book.com.tw/image/getImage?i=http://www.books.com.tw/img/001/073/61/0010736193.jpg&v=58342c3f&w=348&h=348" /></a></td> <td> 書名：看圖、秒懂、不用錯的英文介係詞：超簡單介係詞解剖書<br/>一看就理解<br/>顛覆一般繁瑣解釋！<br/>原文名稱：繪見！ 前置詞本<br/>語言：繁體中文<br/>ISBN：9789869326841<br/>頁數：224<br/>出版社：語研學院<br/>作者：WIT HOUSE<br/>譯者：林芳兒<br/>出版日期：2016/12/09<br/>類別：語言學習</td> </tr> </tbody> </table> <p> </p> <p> <a href="http://www.books.com.tw/exep/assp.php/87926/products/0010736193?utm_source=87926&utm_medium=ap-books&utm_content=recommend&utm_campaign=ap-201610" rel="nofollow ugc noreferrer noopener" target="_blank">看圖、秒懂、不用錯的英文介係詞：超簡單介係詞解剖書，一看就理解，顛覆一般繁瑣解釋！</a>購買網址:<a href="http://www.books.com.tw/exep/assp.php/87926/products/0010736193?utm_source=87926&utm_medium=ap-books&utm_content=recommend&utm_campaign=ap-201610" rel="nofollow ugc noreferrer noopener" target="_blank">http://www.books.com.tw/exep/assp.php/87926/products/0010736193?utm_source=87926&utm_medium=ap-books&utm_content=recommend&utm_campaign=ap-201610</a></p> <p> </p> <p> <div class="bd"> <div class="content" style="height:auto;" itemprop="description"> <div style="text-align: center"> <span style="color: #ff0000"><strong>到底要用哪個介係詞，還是舉棋不定嗎?！</strong><br /> <strong>千萬要小心！介係詞這個□小螺絲□用錯了，讓你的英文□大失分□！</strong></span><br /> □<br /> <strong>為什麼「</strong><strong>6</strong><strong>點整」是「</strong><strong>at</strong><strong> 6:00</strong><strong>」</strong><strong>!</strong><br /> <strong>而不是「</strong><strong>in</strong><strong> 6:00</strong><strong>」或「</strong><strong>on</strong><strong> 6:00</strong><strong>」？</strong><br /> <strong>老外有時說「</strong><strong>at</strong><strong> the store</strong><strong>」有時又說「</strong><strong>in </strong><strong>the store</strong><strong>」</strong><br /> <strong>到底差在哪？</strong><br /> □<br /> <strong>快用本書的解剖圖解，讓你</strong><strong>一看秒懂、永不用錯</strong><strong>！</strong><br /> <strong>從原點出發，記一個基礎概念，就能延伸至多種相關的用法！</strong><br /> <strong>一次掌握老外對「空間」「時間」「位置」「相對關係」的邏輯，</strong><br /> <strong>比其他點、線、面圖解書更清楚，英文介係詞再也不用錯</strong><strong>！</strong></div> □<br /> <strong>介係詞大家都學過，不管你是用像是「in </strong><strong>＝ </strong><strong>在</strong><strong>…</strong><strong>裡面」一條一條規則來記，還是「看圖＋看英文＋看中文解說」，但你是否真的搞懂老外腦海中的畫面呢：</strong><br /> ★ 大家都知道「on＝在…上面」，但像是 <strong>on</strong> the door（在門上）, <strong>on</strong> the lake（在湖畔）, <strong>on</strong> October 23（在10月23日），真的就是你所理解的「在…上面」的概念嗎？<br /> ★ <strong>on</strong> a bicycle 和 <strong>by</strong> bicycle 的差別到底是什麼？<br /> ★ <strong>at</strong> 後面接時間點（如 at 10:20 a.m.）, <strong>on</strong> 後面接日期（如 on July 20）, <strong>in</strong> 後面接月份（如 in December）的邏輯又是什麼呢？<br /> □<br /> <strong>介係詞的用法，總是看到一個記一個嗎？結果，相似的介係詞一出現，卻搞不清楚到底差在哪、到底該用哪個！以下的表達看起來都很像，但你知道這些句子語意的不同之處嗎：</strong><br /> 【明明都在講窗戶被打破，這兩句的差別是什麼？】<br /> The window is broken <strong>by</strong> a stone.<br /> The window is broken <strong>with</strong> a stone.<br /> □<br /> 【哪一本書會深入探討像是植物學的內容？】<br /> a book <strong>about</strong> plants<br /> a book <strong>on</strong> plants<br /> □<br /> 【哪間店肯定是八月底之後才開門呢？】<br /> The store is closed from July <strong>to</strong> August.<br /> The store is closed from July <strong>through</strong> August.<br /> □<br /> 【哪一個小孩肯定是在媽媽的旁邊，而非前面、後面或附近？】<br /> The child is walking <strong>by</strong> his mom.<br /> The child is walking <strong>beside</strong> his mom.<br /> □<br /> <strong>就以上最後一組例句來說，最算你講 child</strong><strong>…</strong><strong>walk</strong><strong>…</strong><strong> mom </strong><strong>這樣句子破碎、文法不是很正確的英文，老外大概能猜出大意，但用了不一樣的介係詞，意思就差很多了。</strong><br /> <strong>因此，英文要好，最重要的不是單字記得多，而是有沒有釐清介係詞的「基本概念」，才能看出老外對「空間」「時間」「位置」「相對關係」等的邏輯。透過本書，把介係詞打回原形，回到原點，瞭解基礎概念，並從此概念做延伸、做比較，才能真正學好英文。</strong><br /> □<br /> ★ <strong>回到原點，透過「圖解＋例句」，讓你的英文在腦海中有畫面！ </strong><br /> 本書擺脫以往用「on ＝ 在…上面」的中文解釋所造成的盲點，在一開始就用圖解方式說明各介係詞的原始意義，從圖中的相對位置、關係、移動方向、長短等等，讓困難的介係詞產生實際的畫面，還能與生活作連結，同時回到基本概念，不靠中文說明也能懂。<br /> □<br /> ★ <strong>從原點出發，只要記一個基礎概念，就能延伸至多種相關的用法！</strong><br /> 以往我們學文法、片語，只會「at＋時間點／地點／年紀…」這樣卯起來逐條背，卻不明白為什麼要這樣用，結果就完全推給「這是老外的習慣用法，先記下來」的說法敷衍了事。其實一開始就不需那麼累，只要從一個概念出發，搭配圖解，相關的用法都從這個概念去聯想、延伸，自然不用背。例如，只要先懂 at 是「一個點」的概念，於是 at 後面所接的事物全都要被看作是「一個點」：<br /> <strong><em>at</em></strong> the theater a 把theater（戲院）此地點想像成一個點，意思就是：<strong>在戲院</strong>（這個地點）。<br /> <strong><em>at</em></strong> seven o』clock a 把seven o』clock（七點整）此時間看作是一個點，意思就是：<strong>在七點</strong>（這個時間點）。<br /> got married <strong><em>at</em></strong> twenty a 把twenty（二十歲）此年紀看作是一個點，意思就是：<strong>在二十歲</strong>（這個年紀）。<br /> □<br /> ★ <strong>兩兩交叉比對，相似的介係詞立刻露出破綻，不再疑惑！</strong><br /> at 和 on，in 和 within，還是 by 和 with，老是覺得這幾組介係詞的用法很像，傻傻分不清楚嗎？只要用本書，把相似的兩個介係詞，透過圖解兩個兩個來做比較，就像玩大家來找碴一樣，輕鬆搞懂介係詞零失誤，擺脫用中文的說明來學介係詞、卻容易用錯、搞混的窘境。<br /> □<br /> <strong>【本書特色】</strong><br /> <strong>0-100</strong><strong>歲一看就懂，一步一步釐清困惑，顛覆以往中文翻譯式的學習</strong><br /> 不用中文解釋「中文裡根本就不存在」的介係詞，本書用超豐富的圖解，搭配例句，帶出介係詞原本的概念，讓你的腦海中馬上有具體的畫面，並依此概念一步一步搞懂介係詞的用法，清楚理解「在6點整」的介係詞為什麼是用 at，「在三月」的介係詞為什麼是用 in。<br /> □<br /> <strong>按各主題區分，交叉比對兩兩相似之介係詞，馬上看出差異</strong><br /> 介係詞最頭痛的就是，字面意思多、用法多、中文無法精確說明，而且相似的介係詞又一堆，常讓人搞混、誤用。在瞭解基本概念之後，本書再將介係詞分成「時間、期限、場所、順序、方向、關聯」等意義，從這些意義之下，利用兩張相似圖解，比較出兩個相似介係詞的差異，就像大家來找碴一樣，讓你學會正確區分這些介係詞的使用概念。<br /> □<br /> <strong>一次搞懂「動詞＋介係詞」組合的意義與用法</strong><br /> 本書最後也整理出各介係詞與各類不同動詞的搭配，在瞭解了介係詞概念之後，同時讓你的表達更精準明確。<br /> </div><div class="type02_gradient" style="display:none;"></div> </div></div><div class="mod_b type02_m057 clearfix"> </p> <br/> <br/> 相關關鍵詞:柏克萊書局, 博客來網路書局之暢銷排行榜, 博客來網路書店暢銷書介紹,博客來網路書店,博客來網路書局,博客來e-coupon 2012,博客來書店,1i6博客來網路書店,博客來網路書店歡迎您,博客來書局,博客來售票網,博客來折價券2012,books 博客來網路書店 <br/> <h3>瀏覽此商品的人，也瀏覽</h3> <ul> <li> <em>1.</em> <a "dataLayer.push({'event':'SendEvent', 'eventCategory':'recommended', 'eventAction':'asv', 'eventLabel':'0010722058', 'eventValue':'1', 'eventNonInteraction':0});" href='http://www.books.com.tw/products/0010722058?loc=P_asv_001'><img loading="lazy" class='cover' src='http://im1.book.com.tw/image/getImage?i=http://www.books.com.tw/img/001/072/20/0010722058.jpg&v=5784c73a&w=110&h=110' alt='英文單字構成的要素：理解英文單字的組成方式，17萬個單字再也不用背！'></a> <p><a "dataLayer.push({'event':'SendEvent', 'eventCategory':'recommended', 'eventAction':'asv', 'eventLabel':'0010722058', 'eventValue':'1', 'eventNonInteraction':0});" href="http://www.books.com.tw/products/0010722058?loc=P_asv_001" rel="nofollow ugc noreferrer noopener">英文單字構成的要素：理解英文單字的組成方式，17萬個單字再也不用背！</a></p> </li><li> <em>2.</em> <a "dataLayer.push({'event':'SendEvent', 'eventCategory':'recommended', 'eventAction':'asv', 'eventLabel':'0010718989', 'eventValue':'1', 'eventNonInteraction':0});" href='http://www.books.com.tw/products/0010718989?loc=P_asv_002'><img loading="lazy" class='cover' src='http://im2.book.com.tw/image/getImage?i=http://www.books.com.tw/img/001/071/89/0010718989.jpg&v=575e8b43&w=110&h=110' alt='用簡單英文聊不停：用國中英文就能應付80％的職場會話(附中英對照例句MP3)'></a> <p><a "dataLayer.push({'event':'SendEvent', 'eventCategory':'recommended', 'eventAction':'asv', 'eventLabel':'0010718989', 'eventValue':'1', 'eventNonInteraction':0});" href="http://www.books.com.tw/products/0010718989?loc=P_asv_002" rel="nofollow ugc noreferrer noopener">用簡單英文聊不停：用國中英文就能應付80％的職場會話(附中英對照例句MP3)</a></p> </li><li> <em>3.</em> <a "dataLayer.push({'event':'SendEvent', 'eventCategory':'recommended', 'eventAction':'asv', 'eventLabel':'0010640159', 'eventValue':'1', 'eventNonInteraction':0});" href='http://www.books.com.tw/products/0010640159?loc=P_asv_003'><img loading="lazy" class='cover' src='http://im1.book.com.tw/image/getImage?i=http://www.books.com.tw/img/001/064/01/0010640159.jpg&v=539ad3b1&w=110&h=110' alt='圖解英文表達的原理：不必先把中文翻英文，免推敲文法，用老外的思維說流利英文！(附學習用＋訓練用雙版本MP3)'></a> <p><a "dataLayer.push({'event':'SendEvent', 'eventCategory':'recommended', 'eventAction':'asv', 'eventLabel':'0010640159', 'eventValue':'1', 'eventNonInteraction':0});" href="http://www.books.com.tw/products/0010640159?loc=P_asv_003" rel="nofollow ugc noreferrer noopener">圖解英文表達的原理：不必先把中文翻英文，免推敲文法，用老外的思維說流利英文！(附學習用＋訓練用雙版本MP3)</a></p> </li><li> <em>4.</em> <a "dataLayer.push({'event':'SendEvent', 'eventCategory':'recommended', 'eventAction':'asv', 'eventLabel':'0010723525', 'eventValue':'1', 'eventNonInteraction':0});" href='http://www.books.com.tw/products/0010723525?loc=P_asv_004'><img loading="lazy" class='cover' src='http://im2.book.com.tw/image/getImage?i=http://www.books.com.tw/img/001/072/35/0010723525.jpg&v=5791f5c8&w=110&h=110' alt='每天3行，寫小日記練出好英文：天天寫短句，訓練用「英文思考」的大腦，程度突飛猛進！'></a> <p><a "dataLayer.push({'event':'SendEvent', 'eventCategory':'recommended', 'eventAction':'asv', 'eventLabel':'0010723525', 'eventValue':'1', 'eventNonInteraction':0});" href="http://www.books.com.tw/products/0010723525?loc=P_asv_004" rel="nofollow ugc noreferrer noopener">每天3行，寫小日記練出好英文：天天寫短句，訓練用「英文思考」的大腦，程度突飛猛進！</a></p> </li><li> <em>5.</em> <a "dataLayer.push({'event':'SendEvent', 'eventCategory':'recommended', 'eventAction':'asv', 'eventLabel':'0010730394', 'eventValue':'1', 'eventNonInteraction':0});" href='http://www.books.com.tw/products/0010730394?loc=P_asv_005'><img loading="lazy" class='cover' src='http://im1.book.com.tw/image/getImage?i=http://www.books.com.tw/img/001/073/03/0010730394.jpg&v=57e3b2f1&w=110&h=110' alt='讓74億人都驚呆的英文單字心智地圖(附1MP3)'></a> <p><a "dataLayer.push({'event':'SendEvent', 'eventCategory':'recommended', 'eventAction':'asv', 'eventLabel':'0010730394', 'eventValue':'1', 'eventNonInteraction':0});" href="http://www.books.com.tw/products/0010730394?loc=P_asv_005" rel="nofollow ugc noreferrer noopener">讓74億人都驚呆的英文單字心智地圖(附1MP3)</a></p> </li> </ul> </div><div class="mod_b type02_m051 clearfix"> <h3>同類商品新上架</h3> <ul> <li class="first"> <em>1.</em><a href='http://www.books.com.tw/products/0010739357?loc=P_034_001'><img loading="lazy" class='cover' src='http://im2.book.com.tw/image/getImage?i=http://www.books.com.tw/img/001/073/93/0010739357.jpg&v=585a59c6&w=110&h=110' alt='10年英語不白學，日常英語無師自通(附贈：外師親錄強效學習MP3，生活英語聽力口說同步訓練!)'></a> <p><a href="http://www.books.com.tw/exep/assp.php/87926/products/0010739357?loc=P_034_001&utm_source=87926&utm_medium=ap-books&utm_content=recommend&utm_campaign=ap-201610" rel="nofollow ugc noreferrer noopener">10年英語不白學，日常英語無師自通(附贈：外師親錄強效學習MP3，生活英語聽力口說同步訓練!)</a></p> </li><li > <em>2.</em> <p><a href="http://www.books.com.tw/exep/assp.php/87926/products/0010739359?loc=P_034_002&utm_source=87926&utm_medium=ap-books&utm_content=recommend&utm_campaign=ap-201610" rel="nofollow ugc noreferrer noopener">餐飲服務日語(16K彩圖+MP3)</a></p> </li><li > <em>3.</em> <p><a href="http://www.books.com.tw/exep/assp.php/87926/products/0010739362?loc=P_034_003&utm_source=87926&utm_medium=ap-books&utm_content=recommend&utm_campaign=ap-201610" rel="nofollow ugc noreferrer noopener">Let』s Go 說走就走，帶著英文去旅行：出發前不用準備，翻開就能用!(附贈：超實用對話&旅行立即能用短句MP3)</a></p> </li><li > <em>4.</em> <p><a href="http://www.books.com.tw/exep/assp.php/87926/products/0010739395?loc=P_034_004&utm_source=87926&utm_medium=ap-books&utm_content=recommend&utm_campaign=ap-201610" rel="nofollow ugc noreferrer noopener">英文寫作高分班Just Write It!【彩色二版】(16K+解答別冊)</a></p> </li><li > <em>5.</em> <p><a href="http://www.books.com.tw/exep/assp.php/87926/products/0010739243?loc=P_034_005&utm_source=87926&utm_medium=ap-books&utm_content=recommend&utm_campaign=ap-201610" rel="nofollow ugc noreferrer noopener">用6大單字記憶法記10萬個英文單字：用3,000個單字學會「6大單字記憶法」(附1MP3)</a></p> </li> </ul> </div><div class="mod_b type02_m051 clearfix"> <h3>本類新品熱銷</h3> <ul> <li class="first"> <em>1.</em><a href='http://www.books.com.tw/products/0010737236?loc=P_035_001'><img loading="lazy" class='cover' src='http://im1.book.com.tw/image/getImage?i=http://www.books.com.tw/img/001/073/72/0010737236.jpg&v=583d4bf1&w=110&h=110' alt='365天，用日曆學英文：每天都用心智圖輕鬆背英文單字(附1MP3+防水收藏盒)'></a> <p><a href="http://www.books.com.tw/exep/assp.php/87926/products/0010737236?loc=P_035_001&utm_source=87926&utm_medium=ap-books&utm_content=recommend&utm_campaign=ap-201610" rel="nofollow ugc noreferrer noopener">365天，用日曆學英文：每天都用心智圖輕鬆背英文單字(附1MP3+防水收藏盒)</a></p> </li><li > <em>2.</em> <p><a href="http://www.books.com.tw/exep/assp.php/87926/products/0010736883?loc=P_035_002&utm_source=87926&utm_medium=ap-books&utm_content=recommend&utm_campaign=ap-201610" rel="nofollow ugc noreferrer noopener">全面突破NEW TOEIC新多益必考單字(附1MP3)</a></p> </li><li > <em>3.</em> <p><a href="http://www.books.com.tw/exep/assp.php/87926/products/0010736959?loc=P_035_003&utm_source=87926&utm_medium=ap-books&utm_content=recommend&utm_campaign=ap-201610" rel="nofollow ugc noreferrer noopener">讓英文瞬間變強的101個動詞：不再死背單字，用對動詞，就能掌握80%英文句意！</a></p> </li><li > <em>4.</em> <p><a href="http://www.books.com.tw/exep/assp.php/87926/products/0010736193?loc=P_035_004&utm_source=87926&utm_medium=ap-books&utm_content=recommend&utm_campaign=ap-201610" rel="nofollow ugc noreferrer noopener">看圖、秒懂、不用錯的英文介係詞：超簡單介係詞解剖書，一看就理解，顛覆一般繁瑣解釋！</a></p> </li><li > <em>5.</em> <p><a href="http://www.books.com.tw/exep/assp.php/87926/products/0010736815?loc=P_035_005&utm_source=87926&utm_medium=ap-books&utm_content=recommend&utm_campaign=ap-201610" rel="nofollow ugc noreferrer noopener">要抄，就抄最強的英文E-mail(附1電子書)</a></p> </li> </ul> </div><div class="mod_b type02_m051 clearfix"> <h3>本類暢銷榜</h3> <ul> <li class="first"> <em>1.</em><a href='http://www.books.com.tw/products/0010723525?loc=P_036_001'><img loading="lazy" class='cover' src='http://im2.book.com.tw/image/getImage?i=http://www.books.com.tw/img/001/072/35/0010723525.jpg&v=5791f5c8&w=110&h=110' alt='每天3行，寫小日記練出好英文：天天寫短句，訓練用「英文思考」的大腦，程度突飛猛進！'></a> <p><a href="http://www.books.com.tw/exep/assp.php/87926/products/0010723525?loc=P_036_001&utm_source=87926&utm_medium=ap-books&utm_content=recommend&utm_campaign=ap-201610" rel="nofollow ugc noreferrer noopener">每天3行，寫小日記練出好英文：天天寫短句，訓練用「英文思考」的大腦，程度突飛猛進！</a></p> </li><li > <em>2.</em> <p><a href="http://www.books.com.tw/exep/assp.php/87926/products/0010723152?loc=P_036_002&utm_source=87926&utm_medium=ap-books&utm_content=recommend&utm_campaign=ap-201610" rel="nofollow ugc noreferrer noopener">用康乃爾筆記法學英文(附1MP3)</a></p> </li><li > <em>3.</em> <p><a href="http://www.books.com.tw/exep/assp.php/87926/products/0010736193?loc=P_036_003&utm_source=87926&utm_medium=ap-books&utm_content=recommend&utm_campaign=ap-201610" rel="nofollow ugc noreferrer noopener">看圖、秒懂、不用錯的英文介係詞：超簡單介係詞解剖書，一看就理解，顛覆一般繁瑣解釋！</a></p> </li><li > <em>4.</em> <p><a href="http://www.books.com.tw/exep/assp.php/87926/products/0010683677?loc=P_036_004&utm_source=87926&utm_medium=ap-books&utm_content=recommend&utm_campaign=ap-201610" rel="nofollow ugc noreferrer noopener">跟任何人都可以用英文聊天：1天1堂英文課，30天融入老外生活圈(附1MP3)</a></p> </li><li > <em>5.</em> <p><a href="http://www.books.com.tw/exep/assp.php/87926/products/0010737236?loc=P_036_005&utm_source=87926&utm_medium=ap-books&utm_content=recommend&utm_campaign=ap-201610" rel="nofollow ugc noreferrer noopener">365天，用日曆學英文：每天都用心智圖輕鬆背英文單字(附1MP3+防水收藏盒)</a></p> </li> </ul> <br/> <br/> <br/> 其他相關隨機廣告推薦區: <br/> 網路雜誌熱門訂購推薦 <br/> <p><a href="http://myhigo.tw/87926/sec.asp?action=search&kind=%E5%B9%BC%E7%AB%A5&x=0&y=0" rel="nofollow ugc noreferrer noopener" target="_blank"><img loading="lazy" border="0" height="440" src="http://shop.hi-go.tw/87926/images/index-75008-6.jpg" width="590" /></a></p></p> </div> <section class="poi-wrapper "> <div 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=7f0748cc69bb66ee22684422f58ce29e" 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=7f0748cc69bb66ee22684422f58ce29e" alt="arrow" loading="lazy"> </div> <ul class="poi-dot"></ul> </div> <div class="poi-falcon"> </div> </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=7f0748cc69bb66ee22684422f58ce29e" 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=7f0748cc69bb66ee22684422f58ce29e"; </script> <script defer src="https://front.pixfs.net/js/hot-keywords.min.js?v=7f0748cc69bb66ee22684422f58ce29e"></script> <!-- /1021267/desktop_article_fluid --> <div class="one-multiply-one-ad"></div> <div class="author-profile"> <div class="author-profile__header">創作者介紹</div> <div class="author-profile__main" id="mixpanel-author-box"> <a href="https://www.pixnet.net/pcard/johnq41e58um?utm_source=PIXNET&utm_medium=post_card&utm_term=&utm_content=116566094"> <img class="author-profile__avatar" src="https://s2.pimg.tw/avatar/johnq41e58um/0/0/resize/80x0.png?v=1479637792" alt="創作者 johnq41e58um 的頭像" loading="lazy"> </a> <div class="author-profile__content"> <a class="author-profile__name" href="https://www.pixnet.net/pcard/johnq41e58um?utm_source=PIXNET&utm_medium=post_card&utm_term=&utm_content=116566094" >johnq41e58um</a> <p class="author-profile__info">johnq41e58um@outlook.com</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%2Fjohnq41e58um.pixnet.net%2Fblog%2Fpost%2F116566094%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> <!-- .article-content //--> <div id="recommend-topic"></div> <div id="pix-ad-nerdArticle"> <div id="pix-ad-nerdArticle-wrapper"></div> </div> <script> </script> <p class="author"> johnq41e58um 發表在 <a href="https://www.pixnet.net/">痞客邦</a> <a href="https://johnq41e58um.pixnet.net/blog/post/116566094#comments">留言</a>(0) <span class="author-views">人氣(<span id="BlogArticleCount-116566094"></span>)</span> </p> <!-- .author //--> <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%20johnq41e58um%20%E7%9A%84%E7%97%9E%E5%AE%A2%E9%82%A6%20PIXNET%20%E9%83%A8%E8%90%BD%E6%A0%BC%E6%96%87%E7%AB%A0-%E5%93%AA%E8%A3%A1%E8%B2%B7%E6%9B%B8%E5%8D%9A%E5%AE%A2%E4%BE%86%E6%AD%A1%E8%BF%8E%E6%82%A8%20%E7%9C%8B%E5%9C%96%E3%80%81%E7%A7%92%E6%87%82%E3%80%81%E4%B8%8D%E7%94%A8%E9%8C%AF%E7%9A%84%E8%8B%B1%E6%96%87%E4%BB%8B%E7%B3%BB%E8%A9%9E%EF%BC%9A%E8%B6%85%E7%B0%A1%E5%96%AE%E4%BB%8B%E7%B3%BB%E8%A9%9E%E8%A7%A3%E5%89%96%E6%9B%B8%EF%BC%8C%E4%B8%80%E7%9C%8B%E5%B0%B1%E7%90%86%E8%A7%A3%EF%BC%8C%E9%A1%9B%E8%A6%86%E4%B8%80%E8%88%AC%E7%B9%81%E7%91%A3%E8%A7%A3%E9%87%8B%EF%BC%81%E5%93%AA%E8%A3%A1%E8%B2%B7%E7%9A%84%E5%88%B0','%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%20johnq41e58um%20%E7%9A%84%E7%97%9E%E5%AE%A2%E9%82%A6%20PIXNET%20%E9%83%A8%E8%90%BD%E6%A0%BC%E6%96%87%E7%AB%A0-%E5%93%AA%E8%A3%A1%E8%B2%B7%E6%9B%B8%E5%8D%9A%E5%AE%A2%E4%BE%86%E6%AD%A1%E8%BF%8E%E6%82%A8%20%E7%9C%8B%E5%9C%96%E3%80%81%E7%A7%92%E6%87%82%E3%80%81%E4%B8%8D%E7%94%A8%E9%8C%AF%E7%9A%84%E8%8B%B1%E6%96%87%E4%BB%8B%E7%B3%BB%E8%A9%9E%EF%BC%9A%E8%B6%85%E7%B0%A1%E5%96%AE%E4%BB%8B%E7%B3%BB%E8%A9%9E%E8%A7%A3%E5%89%96%E6%9B%B8%EF%BC%8C%E4%B8%80%E7%9C%8B%E5%B0%B1%E7%90%86%E8%A7%A3%EF%BC%8C%E9%A1%9B%E8%A6%86%E4%B8%80%E8%88%AC%E7%B9%81%E7%91%A3%E8%A7%A3%E9%87%8B%EF%BC%81%E5%93%AA%E8%A3%A1%E8%B2%B7%E7%9A%84%E5%88%B0%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----------%0AMarch8%2C2017%0A%E5%93%AA%E8%A3%A1%E8%B2%B7%E6%9B%B8%E5%8D%9A%E5%AE%A2%E4%BE%86%E6%AD%A1%E8%BF%8E%E6%82%A8%20%E7%9C%8B%E5%9C%96%E3%80%81%E7%A7%92%E6%87%82%E3%80%81%E4%B8%8D%E7%94%A8%E9%8C%AF%E7%9A%84%E8%8B%B1%E6%96%87%E4%BB%8B%E7%B3%BB%E8%A9%9E%EF%BC%9A%E8%B6%85%E7%B0%A1%E5%96%AE%E4%BB%8B%E7%B3%BB%E8%A9%9E%E8%A7%A3%E5%89%96%E6%9B%B8%EF%BC%8C%E4%B8%80%E7%9C%8B%E5%B0%B1%E7%90%86%E8%A7%A3%EF%BC%8C%E9%A1%9B%E8%A6%86%E4%B8%80%E8%88%AC%E7%B9%81%E7%91%A3%E8%A7%A3%E9%87%8B%EF%BC%81%E5%93%AA%E8%A3%A1%E8%B2%B7%E7%9A%84%E5%88%B0%0A----------%0A%E9%A6%AC%E4%B8%8A%E7%9C%8B%20https%3A%2F%2Fjohnq41e58um.pixnet.net%2Fblog%2Fpost%2F116566094%0A----------%0A%E7%97%9E%E5%AE%A2%E9%82%A6%20PIXNET%0Ahttp%3A%2F%2Fwww.pixnet.net%2F')">E-mail轉寄</a> </div> <!-- .forward //--> <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="xd13be17180804da4abb31077" style="width: 300px; height: 250px; float: left;"> <!-- /1021267/desktop_article_endl --> <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="xd13be17180804da4abb31032" style="height: 250px; float: left; margin-left:25px"> </div> </div> <script> (function() { var width = document.querySelector('.article-content').offsetWidth, ad1032 = document.querySelector('#xd13be17180804da4abb31032'); 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> <!-- .article-body //--> <div class="article-footer"> <ul class="refer"> <li>全站分類：<a href="//www.pixnet.net/blog/articles/category/0">不設分類</a></li> <li>個人分類：<a href="https://johnq41e58um.pixnet.net/blog/category/757093">2017博客來1月好書推薦</a></li> <li>此分類上一篇： <a class="quick-nav--cat-pre" href="https://johnq41e58um.pixnet.net/blog/post/116562215">買書網站-博客來歡迎您 秒速五公分 1好書推薦網</a></li> <li>此分類下一篇： <a class="quick-nav--cat-next" href="https://johnq41e58um.pixnet.net/blog/post/116568245">哪裡賣書博客來網路書城 這是一本高考行政法解題書(3版)哪裡最便宜</a></li> <li>上一篇： <a class="quick-nav--pre" rel="prev" href="https://johnq41e58um.pixnet.net/blog/post/116562215" data-public-at="1488953832" data-thumb="//s.pixfs.net/mobile/images/blog/article-image.png">買書網站-博客來歡迎您 秒速五公分 1好書推薦網</a></li> <li>下一篇： <a class="quick-nav--next" rel="next" href="https://johnq41e58um.pixnet.net/blog/post/116568245" data-public-at="1488954380" data-thumb="//s.pixfs.net/mobile/images/blog/article-image.png">哪裡賣書博客來網路書城 這是一本高考行政法解題書(3版)哪裡最便宜</a></li> </ul> <div class="history"> <h6>歷史上的今天</h6> <ul> <li>2017: <a href="https://johnq41e58um.pixnet.net/blog/post/116576270">網路買書-博客來歡迎您 日本調酒教父經典之作，上田和男的雞尾酒技法全書哪裡買的到</a></li> <li>2017: <a href="https://johnq41e58um.pixnet.net/blog/post/116573867">網路買書-博客來書局 走到哪玩到哪 9：賴馬的益智遊戲100（基礎版）(附可重複書寫用卡片50張＋白板筆)暢銷書專賣店</a></li> <li>2017: <a href="https://johnq41e58um.pixnet.net/blog/post/116570759">好書推薦-博客來網路書店 理想的簡單生活暢銷書專賣店</a></li> <li>2017: <a href="https://johnq41e58um.pixnet.net/blog/post/116568245">哪裡賣書博客來網路書城 這是一本高考行政法解題書(3版)哪裡最便宜</a></li> <li>2017: <a href="https://johnq41e58um.pixnet.net/blog/post/116562215">買書網站-博客來歡迎您 秒速五公分 1好書推薦網</a></li> <li>2017: <a href="https://johnq41e58um.pixnet.net/blog/post/116560127">哪裡買書博客來書局 100層的巴士哪裡有賣</a></li> <li>2017: <a href="https://johnq41e58um.pixnet.net/blog/post/116557505">好書推薦-博客來 表觀遺傳大革命：現代生物學如何改寫我們認知的基因、遺傳與疾病哪裡有賣</a></li> <li>2017: <a href="https://johnq41e58um.pixnet.net/blog/post/116555408">哪裡買書博客來網路書店 圖解商品陳列的技術暢銷書推薦</a></li> <li>2017: <a href="https://johnq41e58um.pixnet.net/blog/post/116553374">好書推薦-博客來買書網 山行。青藏高原：第一本深入西藏、雲南、四川、青海、新疆少有人知的秘境。近20年旅程超過18000</a></li> <li>2017: <a href="https://johnq41e58um.pixnet.net/blog/post/116497343">哪裡買書博客來書局 悲嘆之門(套書)哪裡最便宜</a></li> </ul> </div> <div class="back-to-top"><a href="#top" title="back to the top of the page">▲top</a></div> </div> <!-- .article-footer //--> </div> <script src="//front.pixfs.net/js/pixhappix-ui-module--bundle.min.js?v=7f0748cc69bb66ee22684422f58ce29e" 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> <!-- #article-box //--> <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/116566094#comment-form">發表留言</a></div> <div id="comment-text" class="user-post-text"> </div> <!-- #comment-text //--> <div id='comment_form'> </div> </div> <!-- #comment-box //--> </div> <!-- #user-post //--> </div> <!-- #article-area //--> </div> <!-- #content //--> <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 xefea6d-mib-Ad-sidebar-v2-xefea6d" data-plugin_type="mibsidebar1"> <div class="box-text entry-content"> <div class="xefea6d-mib-Border-xefea6d dark"> <div class="xefea6d-siteMajidr-xefea6d" 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=7f0748cc69bb66ee22684422f58ce29e" data-close-button-url="//front.pixfs.net/module/mib/img/btn-close.png?v=7f0748cc69bb66ee22684422f58ce29e"> </div> </div> </div><!-- /.mib-border --> </div> </div> <div class="hslice box" id="announce"> <h4 class="box-title entry-title"> 站方公告 </h4> <div class="box-text entry-content"> <ul> <li><a href="http://admin.pixnet.net/blog/post/49420980" target="_blank">[公告] PIXNET 刪除長期未登入帳號通知</a></li><li><a href="http://admin.pixnet.net/blog/post/49290236" target="_blank">[公告] 「行動管家」APP 已於 2024 年 5 月 22 日下架</a></li><li><a href="http://admin.pixnet.net/blog/post/49241196" target="_blank">[公告] 「新型態文章」已於 2024 年 6 月 28 日終止服務</a></li></ul> </div> </div> <!-- #announce //--> <div class="hslice box" id="events"> <h4 class="box-title entry-title"> 活動快報 </h4> <div class="box-text entry-content"> <ul> <div id="express-box" style="font-family:arial !important; letter-spacing: 0px ;line-height: 15px !important;background:url('https://pic.pimg.tw/pixnetvisual/49c36d44ea331.gif') -10px -10px ; height:205px ; width:170px ; overflow:hidden ;padding: 0 !important ;"> <h3 style="margin: 0 ; font-weight:normal ; padding: 10px 7px 10px 10px ; *padding: 10px 7px 8px 10px ;"> <a target="blank" href="//channel.pixnet.net/newdirect.php?blog=johnq41e58um&serial=10457&url=https%3A%2F%2Ftrialsquad.pixnet.net%2Fproduct%2F14452" style="color:#555 !important ; font-family:arial !important; border: 0 !important ; text-decoration:none ; font-size:15px !important; height:16px ; display:block ;overflow:hidden ; padding: 0px ;*padding: 2px 0px 0px 0px ; line-height: 15px !important;">健司-...</a> </h3> <a href="//channel.pixnet.net/newdirect.php?blog=johnq41e58um&serial=10457&url=https%3A%2F%2Ftrialsquad.pixnet.net%2Fproduct%2F14452" target="_blank"><img src="https://pic.pimg.tw/promo01/1730791656-2539582921-g.jpg" alt="newdirect" style="margin: 0px 0px 0px 5px !important; border: 0px;max-width:160px;" loading="lazy" /></a> <a id="express-desc" target="blank" href="//channel.pixnet.net/newdirect.php?blog=johnq41e58um&serial=10457&url=https%3A%2F%2Ftrialsquad.pixnet.net%2Fproduct%2F14452" style="color:#444 !important ; text-align:left ;font-family:arial !important; text-decoration:none ; font-size:12px !important; display:block ; margin:6px 6px 7px 13px !important; *margin: 2px 6px 7px 13px !important; line-height:140% ; height:31px ; overflow:hidden ; width: 151px ; border: 0 !important ;">成分超單純，無添加人工甜味劑、色素、香料，使用法...</a> <a id="express-more" target="blank" href="//channel.pixnet.net/newdirect.php?blog=johnq41e58um&serial=0&url=http%3A%2F%2Fchannel.pixnet.net%2Fevents" style="text-align:left ;display:block ; text-indent:-5000px ; height:30px ;">看更多活動好康</a> </div> <script defer src="https://s.pixanalytics.com/js/c.js?v=9"></script> <script> document.addEventListener('DOMContentLoaded', function () { if ('undefined' === typeof window._uCount) { window._uCount = function () {}; } var _type = window._type || ''; _type = "channel_events_blog_sticker"; _uCount(); }); </script> </ul> </div> </div> <!-- #events //--> <div id="user-info" class="hslice box"> </div> <script> jQuery(function($) { jQuery.ajaxSetup({ cache: true }); jQuery.ajax({ type: 'GET', url: '/api/blog/myplace', data: {'setting': null, 'name': null, 'done': location.href}, success: function(data) { jQuery('#user-info').append(data.html); window.pix.bindAreaSubButtons(document.getElementById('user-info')); pix.iframePopup.init('#popup-frame', "https:\/\/johnq41e58um.pixnet.net\/friend\/list", '#user-info-open-friends-iframe', '#popup-frame .frame-close', "johnq41e58um \u7684\u597d\u53cb\u5217\u8868"); }, error: function(error) { console.log(error); } }); }); </script> <div class="hslice box" id="friendbox"> <h4 class="box-title entry-title"> 我的好友 </h4> <div class="box-text entry-content"> </div> </div> <!-- #friendbox //--> <script> jQuery(function($) { jQuery.ajaxSetup({ cache: true }); jQuery.ajax({ type: 'GET', url: '/api/blog/friends', data: {'row_num': 3, 'avatar_size': 2}, dataType: 'json', success: function(data) { jQuery('#friendbox .box-text').append(data.html); $list = $('#friendbox ul.friendlist'); $list.height(Math.min(data.html_height, $list.height())); pix.iframePopup.init('#popup-frame', "https:\/\/johnq41e58um.pixnet.net\/friend\/list", '#friendbox-open-friends-iframe', '#popup-frame .frame-close', "johnq41e58um \u7684\u597d\u53cb\u5217\u8868"); }, error: function(error) { console.log(error); } }); }); </script> <div class="hslice box" id="hot-article"> <h4 class="box-title entry-title"> 熱門文章 </h4> <div class="box-text entry-content"> <ul id="hotArtUl"> </ul> <script> jQuery('#hot-article #hotArtUl').load('/blog/hotarticledata?limit=5'); </script> </div> </div> <!-- #hot-article //--> <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/1332855">books223 (8)</a></li><li><a href="/blog/category/1308840">英文學習工具書推薦 (190)</a></li><li><a href="/blog/category/1135997">英文好書推薦0603 (188)</a></li><li><a href="/blog/category/1064891">減肥好書推薦 (169)</a></li><li><a href="/blog/category/757093">2017博客來1月好書推薦 (315)</a></li><li><a href="/blog/category/0">未分類文章 (2)</a></li> </ul> </div> </div> <!-- #category //--> <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> <!-- #recent-article //--> <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> <!-- #latest-comment //--> <div class="hslice box" id="newsfeed"> <h4 class="box-title entry-title"> 動態訂閱 </h4> <div class="box-text entry-content"> <script> jQuery('#newsfeed div').load('/blog/plugin/subs'); </script> </div> </div> <!-- #newsfeed //--> <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/201903">2019 三月 (2)</option> <option value="/blog/archives/201810">2018 十月 (25)</option> <option value="/blog/archives/201809">2018 九月 (19)</option> <option value="/blog/archives/201808">2018 八月 (18)</option> <option value="/blog/archives/201807">2018 七月 (12)</option> <option value="/blog/archives/201806">2018 六月 (16)</option> <option value="/blog/archives/201803">2018 三月 (8)</option> <option value="/blog/archives/201712">2017 十二月 (57)</option> <option value="/blog/archives/201711">2017 十一月 (30)</option> <option value="/blog/archives/201710">2017 十月 (13)</option> <option value="/blog/archives/201709">2017 九月 (6)</option> <option value="/blog/archives/201708">2017 八月 (38)</option> <option value="/blog/archives/201707">2017 七月 (58)</option> <option value="/blog/archives/201706">2017 六月 (86)</option> <option value="/blog/archives/201705">2017 五月 (104)</option> <option value="/blog/archives/201704">2017 四月 (115)</option> <option value="/blog/archives/201703">2017 三月 (132)</option> <option value="/blog/archives/201702">2017 二月 (133)</option> </select> <div class="box-more"> <a href="/blog/listall/1">所有文章列表</a> </div> </div> </div> <!-- #archive //--> <div class="hslice box" id="search"> <h4 class="box-title entry-title"> 文章搜尋 </h4> <div class="box-text entry-content"> <form method="post" action="https://johnq41e58um.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> <!-- #search //--> <div class="hslice box" id="feed"> <h4 class="box-title entry-title"> 新聞交換(RSS) </h4> <div class="box-text entry-content"> <ul> <li> <a rel="nofollow" title="pixnet rss" href="https://feed.pixnet.net/blog/posts/rss/johnq41e58um"><img alt="pixnet rss for articles" src="//s.pixfs.net/blog/images/choc/pixnet-rss.gif" alt="pixnet-rss"loading="lazy" width="83" height="15"></a> </li> <li> <a rel="nofollow" title="pixnet atom rss" href="https://feed.pixnet.net/blog/posts/atom/johnq41e58um"><img alt="pixnet atom rss for articles" src="//s.pixfs.net/blog/images/choc/pixnet-atom.gif" alt="pixnet-atom" loading="lazy" width="83" height="15"></a> </li> <li> <a rel="nofollow" title="reply rss" href="https://feed.pixnet.net/blog/comments/rss/johnq41e58um"><img alt="pixnet rss for reply" src="//s.pixfs.net/blog/images/choc/reply-rss.gif" alt="reply-rss" loading="lazy" width="83" height="15"></a> </li> </ul> </div> </div> <!-- #feed //--> <div class="hslice box" id="visitor"> <h4 class="box-title entry-title"> 誰來我家 </h4> <div class="box-text entry-content"> <script> jQuery('#visitor div').load('/blog/plugin/visitor'); </script> </div> </div> <!-- #visitor //--> <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"><!-- jQuery.getScript('//counter.pixplug.in/getcounter.php?now=1731554113&random=1251456205&data[%23BlogArticleCount-116566094]=%7B%22counter%22%3A%5B%22blogarticle%22%2C%226408182%22%2C%22116566094%22%2C%22total%22%5D%2C%22options%22%3A%5B%5D%7D&data[%23blog_hit_daily]=%7B%22counter%22%3A%5B%22blog%22%2C%226408182%22%2C1%2C%22daily%22%5D%2C%22options%22%3A%5B%5D%7D&data[%23blog_hit_total]=%7B%22counter%22%3A%5B%22blog%22%2C%226408182%22%2C1%2C%22total%22%5D%2C%22options%22%3A%5B%5D%7D&check=3798200749'); //--></script> </div> </div> <!-- #counter //--> <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/johnq41e58um/blog/post/116566094.png" alt="qrcode" loading="lazy"> </div> </div> </div> <!-- #qrcode //--> <div class="hslice box" id="powered"> <h4 class="box-title entry-title"> POWERED BY </h4> <div class="box-text entry-content"> <ul> <li><a href="//www.pixnet.net" title="pixnet"><img src="//s.pixfs.net/blog/images/choc/pixnet-logo.png" alt="pixnet" loading="lazy" ></a></li> <li><a href="https://member.pixnet.cc/login/openid?done=https%3A%2F%2Fjohnq41e58um.pixnet.net%2Fblog%2Fpost%2F116566094%3Futm_source%3DPIXNET%26utm_medium%3DBlog_login&openid=https%3A%2F%2Fmember.pixnet.cc%2Flogin&easy_login=1&from_service=Blog">(登入)</a></li> </ul> </div> </div> <!-- #powered //--> </div> <!-- #links-row-1 //--> <div id="links-row-2"> </div> <!-- #links-row-2 //--> <script> jQuery(function($) { jQuery.ajaxSetup({ cache: true }); jQuery.ajax({ type: 'GET', url: '/api/blog/sidebar', data: { 'param': {"articleid":"116566094","controller":"blog","action":"post","0":"116566094","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: '952e9690513288abc2dd231aa9c8f17a', dr: {source: 'johnq41e58um'}, goldAds: document.querySelectorAll('.xefea6d-siteMajidr-xefea6d'), uniq: 'f18bca0fb2de0b893fe37a60e5172c2af2025c9054113', percentSite: '//falcon.pixnet.net/mib/vap', falconSite: 'https://falcon.pixnet.net', cate: '4', 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> <!-- #ad-mib //--> </div> <!-- #sidebar__inner //--> </div> <!-- #links //--> </div> <!-- #main //--> <div id="footer" class=" "> <p></p> <div id="bottom"> <a class="bottom-skiplink" href="https://johnq41e58um.pixnet.net/blog/post/116566094/#top" title="back to the top of the page">回到頁首</a> <a class="bottom-skiplink" href="https://johnq41e58um.pixnet.net/blog/post/116566094#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> <!-- #footer //--> </div> <!-- #container3 //--> <div id="extradiv11"></div> <div id="extradiv10"></div> <div id="extradiv9"></div> <div id="extradiv8"></div> </div> <!-- #container2 //--> <div id="extradiv7"></div> <div id="extradiv6"></div> <div id="extradiv5"></div> <div id="extradiv4"></div> </div> <!-- #container //--> <div id="extradiv3"></div> <div id="extradiv2"></div> <div id="extradiv1"></div> <div id="extradiv0"></div> </div> <!-- #body-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> <!-- Google tag (gtag.js) --> <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 = 'johnq41e58um'; 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': '7y', }); (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> <!-- Facebook Pixel Code --> <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> <!-- End Facebook Pixel Code --> <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:4'; _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=7f0748cc69bb66ee22684422f58ce29e"></script> <script> _currentPageUsername = 'johnq41e58um'; _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=7f0748cc69bb66ee22684422f58ce29e'); (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=7f0748cc69bb66ee22684422f58ce29e"></script> <!-- Modified: 1731554113 --> <!-- async 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":"johnq41e58um","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":"johnq41e58um","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":"johnq41e58um","addon_expired_at":0,"addon_ismobile":false,"addon_isvip":false,"addon_is_allow_setting":true}); }); jQuery.ajaxSetup({ cache: false }); }); </script> <!-- load sync script --> <!-- execute sync addon --> <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=7f0748cc69bb66ee22684422f58ce29e"> <link rel="stylesheet" href="//front.pixfs.net/module/idlePop/css/idlePop.min.css?v=7f0748cc69bb66ee22684422f58ce29e"> <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/johnq41e58um?utm_source=PIXNET&utm_medium=post_pause&utm_term=&utm_content=116566094"><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%2Fjohnq41e58um.pixnet.net%2Fblog%2Fpost%2F116566094%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=7f0748cc69bb66ee22684422f58ce29e"> <link rel="stylesheet" href="//front.pixfs.net/module/idlePop/css/idlePop.min.css?v=7f0748cc69bb66ee22684422f58ce29e"> <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/johnq41e58um?utm_source=PIXNET&utm_medium=post_pause&utm_term=&utm_content=116566094"><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%2Fjohnq41e58um.pixnet.net%2Fblog%2Fpost%2F116566094%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=7f0748cc69bb66ee22684422f58ce29e" 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=7f0748cc69bb66ee22684422f58ce29e" crossorigin="anonymous"></script> <script defer src="//front.pixfs.net/module/fullPage/dist/ad-full-page.min.js?v=7f0748cc69bb66ee22684422f58ce29e" crossorigin="anonymous"></script> <script src="https://front.pixfs.net/js/sticky-sidebar-ad.min.js?v=7f0748cc69bb66ee22684422f58ce29e"></script> <script src="https://falcon-asset.pixfs.net/js/clickLinkFormat.min.js?v=7f0748cc69bb66ee22684422f58ce29e"></script> <script src="https://falcon-asset.pixfs.net/js/adVideo.min.js?v=7f0748cc69bb66ee22684422f58ce29e"></script> <script src="https://octopus-asset.pixfs.net/js/octopus_modern.min.js?v=7f0748cc69bb66ee22684422f58ce29e" type="module" crossorigin="anonymous" defer></script> <script nomodule src="https://octopus-asset.pixfs.net/js/octopus_legacy.min.js?v=7f0748cc69bb66ee22684422f58ce29e" 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=7f0748cc69bb66ee22684422f58ce29e"></script> <script nomodule src="https://front.pixfs.net/js/article-comments--bundle.min.js?v=7f0748cc69bb66ee22684422f58ce29e"></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>