♥♥♥廣告，大王♥♥♥
</head>
<body>
<<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<script>
(adsbygoogle = window.adsbygoogle || []).push({
google_ad_client: "ca-pub-4579480546517082",
enable_page_level_ads: true
});
</script>
</body>
</html> </div>
</div> <!-- #box1045541 //-->
</div> <!-- #links-row-1 //-->
<div id="links-row-2">
</div> <!-- #links-row-2 //-->
<div id="ad-mib">
<script>
pix.MIB = pix.MIB || {};
pix.MIB.config = {
hosthash: '888858c491c53c4258ed41ed2bd3f181',
dr: {source: 'c333888'},
goldAds: document.querySelectorAll('.x4214cb-sitemaJidr-x4214cb'),
uniq: 'f0c03f9ebf6552df36a58a056688b5ac1ec7384968594',
percentSite: '//falcon.pixnet.net/mib/vap',
falconSite: '//falcon.pixnet.net',
cate: '3',
hasMIB: 1,
canPutVideo: false,
article_cate_id: '-1',
demo: {
hash: '',
demoOption: 6 },
availablePositions: [{
id: 1,
name: 'sidebar-1',
enable: 1
},{
id: 1,
name: 'sidebar-2',
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: true },{
id: 14,
name: 'desktop_article_ad',
enable: true }],
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> <!-- #links //-->
</div> <!-- #main //-->
<div id="footer">
<p></p>
<div id="bottom">
<a class="bottom-skiplink" href="http://c333888.pixnet.net/blog/category/1922410/#top" title="back to the top of the page">回到頁首</a>
<a class="bottom-skiplink" href="http://c333888.pixnet.net/blog/category/1922410#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="http://help.pixnet.tw">客服中心</a>
<a target="_blank" class="bottom-pixnet" href="http://www.pixnet.net">痞客邦首頁</a>
© 2003 - 2019 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 class="octopus" data-zone="3"></div>
</div>
<script type="text/javascript">
<!--
jQuery(window).on('load', function () {
//autoImgResize
'2';
jQuery.settings = jQuery.settings || {};
jQuery.settings.autoImgResize = {
mode:+'2',
resizWidth:+'670',
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"><!--
jQuery.getScript('//counter.pixplug.in/getcounter.php?now=1569268594&random=3515016791&data[%23BlogArticleCount-43774861]=%7B%22counter%22%3A%5B%22blogarticle%22%2C%22212284%22%2C%2243774861%22%2C%22total%22%5D%2C%22options%22%3A%5B%5D%7D&data[%23BlogArticleCount-43875553]=%7B%22counter%22%3A%5B%22blogarticle%22%2C%22212284%22%2C%2243875553%22%2C%22total%22%5D%2C%22options%22%3A%5B%5D%7D&data[%23BlogArticleCount-43994293]=%7B%22counter%22%3A%5B%22blogarticle%22%2C%22212284%22%2C%2243994293%22%2C%22total%22%5D%2C%22options%22%3A%5B%5D%7D&data[%23BlogArticleCount-44110942]=%7B%22counter%22%3A%5B%22blogarticle%22%2C%22212284%22%2C%2244110942%22%2C%22total%22%5D%2C%22options%22%3A%5B%5D%7D&data[%23BlogArticleCount-44360176]=%7B%22counter%22%3A%5B%22blogarticle%22%2C%22212284%22%2C%2244360176%22%2C%22total%22%5D%2C%22options%22%3A%5B%5D%7D&data[%23BlogArticleCount-44389702]=%7B%22counter%22%3A%5B%22blogarticle%22%2C%22212284%22%2C%2244389702%22%2C%22total%22%5D%2C%22options%22%3A%5B%5D%7D&data[%23BlogArticleCount-44394268]=%7B%22counter%22%3A%5B%22blogarticle%22%2C%22212284%22%2C%2244394268%22%2C%22total%22%5D%2C%22options%22%3A%5B%5D%7D&data[%23BlogArticleCount-44611357]=%7B%22counter%22%3A%5B%22blogarticle%22%2C%22212284%22%2C%2244611357%22%2C%22total%22%5D%2C%22options%22%3A%5B%5D%7D&data[%23BlogArticleCount-44660125]=%7B%22counter%22%3A%5B%22blogarticle%22%2C%22212284%22%2C%2244660125%22%2C%22total%22%5D%2C%22options%22%3A%5B%5D%7D&data[%23BlogArticleCount-44816542]=%7B%22counter%22%3A%5B%22blogarticle%22%2C%22212284%22%2C%2244816542%22%2C%22total%22%5D%2C%22options%22%3A%5B%5D%7D&check=3629975435');
jQuery.getScript('//counter.pixplug.in/getcounter.php?now=1569268594&random=416501479&data[%23BlogArticleCount-32459637]=%7B%22counter%22%3A%5B%22blogarticle%22%2C%22212284%22%2C%2232459637%22%2C%22total%22%5D%2C%22options%22%3A%5B%5D%7D&data[%23BlogArticleCount-32459653]=%7B%22counter%22%3A%5B%22blogarticle%22%2C%22212284%22%2C%2232459653%22%2C%22total%22%5D%2C%22options%22%3A%5B%5D%7D&data[%23BlogArticleCount-39557488]=%7B%22counter%22%3A%5B%22blogarticle%22%2C%22212284%22%2C%2239557488%22%2C%22total%22%5D%2C%22options%22%3A%5B%5D%7D&data[%23BlogArticleCount-40106995]=%7B%22counter%22%3A%5B%22blogarticle%22%2C%22212284%22%2C%2240106995%22%2C%22total%22%5D%2C%22options%22%3A%5B%5D%7D&data[%23BlogArticleCount-41108098]=%7B%22counter%22%3A%5B%22blogarticle%22%2C%22212284%22%2C%2241108098%22%2C%22total%22%5D%2C%22options%22%3A%5B%5D%7D&data[%23BlogArticleCount-41650999]=%7B%22counter%22%3A%5B%22blogarticle%22%2C%22212284%22%2C%2241650999%22%2C%22total%22%5D%2C%22options%22%3A%5B%5D%7D&data[%23BlogArticleCount-41759956]=%7B%22counter%22%3A%5B%22blogarticle%22%2C%22212284%22%2C%2241759956%22%2C%22total%22%5D%2C%22options%22%3A%5B%5D%7D&data[%23BlogArticleCount-42063211]=%7B%22counter%22%3A%5B%22blogarticle%22%2C%22212284%22%2C%2242063211%22%2C%22total%22%5D%2C%22options%22%3A%5B%5D%7D&data[%23BlogArticleCount-42084724]=%7B%22counter%22%3A%5B%22blogarticle%22%2C%22212284%22%2C%2242084724%22%2C%22total%22%5D%2C%22options%22%3A%5B%5D%7D&data[%23BlogArticleCount-43170304]=%7B%22counter%22%3A%5B%22blogarticle%22%2C%22212284%22%2C%2243170304%22%2C%22total%22%5D%2C%22options%22%3A%5B%5D%7D&check=1824640080');
//--></script>
<script type="text/javascript">
<!--
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="http://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 src="//front.pixfs.net/js/mixpanel.js?v=4b36ae69?v=5e7f6bb5d5e9bf387c70874ae2c24e5e"></script>
<script src="//front.pixfs.net/js/blog-mixpanel.min.js?v=09e150d3?v=5e7f6bb5d5e9bf387c70874ae2c24e5e"></script>
<script type="text/javascript">
<!--
if (typeof dataLayer === 'undefined') dataLayer = [];
dataLayer.push({
"blog_page_type": "category",
"keyword": "",
"page_meta": "c333888\/blog\/category\/1922410-│台中ｏ旅遊☻",
"user_cat_id": "1922410",
"user_cat_name": "│台中ｏ旅遊☻",
"is_testing_43400": false,
"is_partner_program": false,
"is_mobile_mode": false,
"is_spam": "0",
"user_name": "c333888",
"page_type": "blog",
"service_type": "blog",
"page_view": "\/blog\/",
"blog_name": "老菁遊記",
"blog_cat": "3 - 婚姻育兒",
"is_loggedin": false,
"is_VIP": false,
"is_obstruct": false,
"viewer_type": "Regular Member",
"is_cached": false
});
-->
</script>
<noscript><iframe src="//www.googletagmanager.com/ns.html?id=GTM-KGMWFG" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<script type="text/javascript">
<!--
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-408650-10', 'auto', 'gaMainTracker', {'allowLinker': true, 'legacyCookieDomain': 'none'});
ga('gaMainTracker.require', 'linker');
ga('gaMainTracker.set', 'member1', 'GUEST');
ga('gaMainTracker.set', 'vip1', 'nonVIP');
ga('gaMainTracker.send', 'pageview', '/blog/');
(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'//www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-KGMWFG');
(function() {
window.AviviD = window.AviviD || {settings:{},status:{}};
AviviD.web_id = 'pixnet';
AviviD.category_id = window.avivid_category_id || '20170531000006';
AviviD.tracking_platform = 'likr';
(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl+'×tamp='+new Date().getTime();f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-W9F4QDN');
(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl+'×tamp='+new Date().getTime();f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-MKB8VFG');
})();
(function() {
var cookieMatchImg = new Image();
cookieMatchImg.src = '//cm.g.doubleclick.net/pixel?google_nid=pixnet_dmp&google_cm';
})();
//-->
</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"
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 type="text/javascript">
<!--
document.addEventListener('DOMContentLoaded', function () {
var _type = window._type || '';
_type = 'front_blog'; _uCount();
_type = 'front_blog_bysitecategory:3'; _uCount();
if (document.location.toString().indexOf('/post/') != -1) {
_type = 'front_blog_post'; _uCount();
_type = 'front_blog_post_nonvip'; _uCount();
}
if (document.location.toString().indexOf('/search/') != -1) {
_type = 'front_blog_search'; _uCount();
}
});
//-->
</script>
<script src="//referer.pixplug.in/static/r.js?v=5e7f6bb5d5e9bf387c70874ae2c24e5e" type="text/javascript"></script>
<script type="text/javascript">
<!--
_currentPageUsername = 'c333888';
_refererCount();
//-->
</script>
<script>
var _piq = window._piq || [];
_piq.push(
['setCustomVar', 'venue', 'pixnet-front'],
['setCustomVar', 'visitor_openid', pix.openid],
['setCustomVar', 'author_id', pix.owner],
['setCustomVar', 'nonce', pix.login_name],
['setCustomVar', 'visitor_id', pix.visitor],
['setCustomVar', 'member_uniqid', pix.member_uniqid],
['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');
</script>
<!-- Modified: 1569268594 -->
<!-- async script -->
<script type="text/javascript">
<!--
document.addEventListener('DOMContentLoaded', function () {
jQuery.ajaxSetup({ cache: true });
jQuery.getScript("https://js.pixplug.in/addon/1/production.js?v=1542272736", function(data, textStatus) { jQuery.pixAddonFacebookPushButton({"show_faces":"false","width":"300","position":"top","colorscheme":"light","addon_username":"c333888","addon_expired_at":0,"addon_ismobile":false,"addon_isvip":false,"addon_is_allow_setting":true,"ab_testing_seed":4143486994}); });
;(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
(function (opt) {
ga('create', opt.ga_account, 'auto', 'PIXNETGoogleAnalyticsAppTracker');
ga('PIXNETGoogleAnalyticsAppTracker.send', 'pageview');
})({"addon_username":"c333888","addon_expired_at":0,"addon_ismobile":false,"addon_isvip":false,"addon_is_allow_setting":true,"ab_testing_seed":4143486994});
jQuery.getScript("https://js.pixplug.in/addon/47/production.js?v=1537178091", function(data, textStatus) { jQuery.pixLightBox({"addon_username":"c333888","addon_expired_at":0,"addon_ismobile":false,"addon_isvip":false,"addon_is_allow_setting":true,"ab_testing_seed":4143486994}); });
jQuery.getScript("https://js.pixplug.in/addon/62/production.js?v=1436935653", function(data, textStatus) { jQuery.pixAddonCloudZoom({"addon_username":"c333888","addon_expired_at":0,"addon_ismobile":false,"addon_isvip":false,"addon_is_allow_setting":true,"ab_testing_seed":4143486994}); });
jQuery.getScript("https://js.pixplug.in/addon/66/production.js?v=1562655072", function(data, textStatus) { jQuery.pixAddonCommentEmotion({"addon_username":"c333888","addon_expired_at":0,"addon_ismobile":false,"addon_isvip":false,"addon_is_allow_setting":true,"ab_testing_seed":4143486994}); });
jQuery.getScript("https://js.pixplug.in/addon/76/production.js?v=1561443180", function(data, textStatus) { jQuery.pixArticleSwitcher({"mode":"two-side","default_css":"on","color":"blue","addon_username":"c333888","addon_expired_at":0,"addon_ismobile":false,"addon_isvip":false,"addon_is_allow_setting":true,"ab_testing_seed":4143486994}); });
jQuery.getScript("https://js.pixplug.in/addon/86/production.js?v=1542272022", function(data, textStatus) { jQuery.pixBookmarkButtons({"position":"top","enable_info":"true","enable_headlines":"true","enable_facebook_share":"true","enable_plurk":"true","enable_twitter":"true","enable_funp":"true","enable_google_plus":"true","g_plus_size":"medium","g_plus_annotation":"none","enable_facebook_like":"true","fb_like_layout":"button_count","fb_like_show_faces":"false","fb_like_colorscheme":"light","addon_username":"c333888","addon_expired_at":0,"addon_ismobile":false,"addon_isvip":false,"addon_is_allow_setting":true,"ab_testing_seed":4143486994}); });
jQuery.getScript("https://js.pixplug.in/addon/92/production.js?v=1567995253", function(data, textStatus) { jQuery.pixGritterMessage({"addon_username":"c333888","addon_expired_at":0,"addon_ismobile":false,"addon_isvip":false,"addon_is_allow_setting":true,"ab_testing_seed":4143486994}); });
jQuery.getScript("https://js.pixplug.in/addon/96/production.js?v=1541406269", function(data, textStatus) { jQuery.pix0rz({"addon_username":"c333888","addon_expired_at":0,"addon_ismobile":false,"addon_isvip":false,"addon_is_allow_setting":true,"ab_testing_seed":4143486994}); });
jQuery.getScript("https://js.pixplug.in/addon/98/production.js?v=1539669278", function(data, textStatus) { jQuery.pixShowPlurk({"addon_username":"c333888","addon_expired_at":0,"addon_ismobile":false,"addon_isvip":false,"addon_is_allow_setting":true,"ab_testing_seed":4143486994}); });
jQuery.getScript("https://js.pixplug.in/addon/566/production.js?v=1555036112", function(data, textStatus) { });
jQuery.getScript("https://js.pixplug.in/addon/787/production.js?v=1433124303", function(data, textStatus) { jQuery.pixSyntaxhighlighter({"addon_username":"c333888","addon_expired_at":0,"addon_ismobile":false,"addon_isvip":false,"addon_is_allow_setting":true,"ab_testing_seed":4143486994}); });
jQuery.ajaxSetup({ cache: false });
});
//-->
</script>
<!-- load sync script -->
<script src="//js.pixplug.in/addon/84/production.js?v=1539224744" type="text/javascript"></script>
<!-- execute sync addon -->
<script type="text/javascript">jQuery(function($){
$("#content img").lazyload({
effect:"fadeIn",
placeholder: "https://s.pixfs.net/js/jquery.lazyload/grey.gif"
});
});
</script>
<div id="pix-Guestbook-Comment-block"
data-ng-controller="GuestbookCommentCtrl"
data-ng-show="guestbookService.showCommentForm"
class="ng-cloak"
data-config
data-is-owner="false"
data-guest-name=""
data-open-comment-form-trace-link="//counter.pixplug.in/count.php?timestamp=1569268594&random=2435919924&check=407965922&no_timeout=1&data[counter]=%7B%22tag_id%22%3A451%2C%22id%22%3A%22open-comment-form%22%2C%22no_timeout%22%3Atrue%7D"
data-guest-avatar=""
data-back-drop>
<form name="guestbookCommentForm" data-ng-submit="submit()">
<div id="Install-Login">
<a class="close-btn" data-ng-click="guestbookService.closeCommentForm()" href="">
<img src="//front.pixfs.net/css/guestbook/images/Close-Icon.png" width="19" height="19">
</a>
<div id="comment-area-2">
<div data-ng-switch="hasLogon">
<div data-ng-switch-default>
<div class="comment-identity identity-logout">
<div class="choose-identity">
<a href="https://panel.pixnet.cc/login/openid?done=http%3A%2F%2Fc333888.pixnet.net%2Fblog%2Fcategory%2F1922410%23guestbook-comment&openid=https%3A%2F%2Fmember.pixnet.cc%2Flogin&easy_login=1&from_service=Blog" class="openid-pixnet">
<span class="invisible">PIXNET</span>
</a>
<a data-window-opener
data-link="https://panel.pixnet.cc/login/facebooklogin?done=http%3A%2F%2Fc333888.pixnet.net%2Fapi%2Fpopuplogin%3Fdone%3Dhttp%253A%252F%252Fc333888.pixnet.net%252Fblog%252Fcategory%252F1922410%2523guestbook-comment&without_signup=1&without_full_perm=1&easy_login=1"
data-width="650"
data-height="650"
href=""
class="openid-facebook">
<span class="invisible">Facebook</span>
</a>
<a data-window-opener
data-link="https://panel.pixnet.cc/login/openid?done=http%3A%2F%2Fc333888.pixnet.net%2Fapi%2Fpopuplogin%3Fdone%3Dhttp%253A%252F%252Fc333888.pixnet.net%252Fblog%252Fcategory%252F1922410%2523guestbook-comment&openid=https%3A%2F%2Fme.yahoo.com%2F&without_signup=1"
data-width="450"
data-height="500"
href=""
class="openid-yahoo">
<span class="invisible">Yahoo!</span>
</a>
<a data-window-opener
data-link="https://panel.pixnet.cc/login/googlepluslogin?done=http%3A%2F%2Fc333888.pixnet.net%2Fapi%2Fpopuplogin%3Fdone%3Dhttp%253A%252F%252Fc333888.pixnet.net%252Fblog%252Fcategory%252F1922410%2523guestbook-comment&without_signup=1"
data-width="450"
data-height="500"
href=""
class="openid-google">
<span class="invisible">Google</span>
</a>
<a data-window-opener
data-link="https://panel.pixnet.cc/login/livelogin?done=http%3A%2F%2Fc333888.pixnet.net%2Fapi%2Fpopuplogin%3Fdone%3Dhttp%253A%252F%252Fc333888.pixnet.net%252Fblog%252Fcategory%252F1922410%2523guestbook-comment&without_signup=1"
class="openid-msn"
data-width="470"
data-height="500"
href="">
<span class="invisible">MSN</span>
</a>
</div>
</div>
</div>
<div data-ng-switch-when="true">
<div class="comment-identity identity-login">
<img class="photo" data-ng-src="{{ guestAvatar }}">
<div class="openid-identity">
<p>
<img src="//front.pixfs.net/css/guestbook/images/openid-pixnet-icon.gif">
<span class="titleAccount">{{ guestName }}</span>
<a class="not-me" href="https://panel.pixnet.cc/logout?done=https%3A%2F%2Fmember.pixnet.cc%2Flogout%3Fdone%3Dhttp%253A%252F%252Fc333888.pixnet.net%252Fblog%252Fcategory%252F1922410%2523guestbook-comment">(登出)</a>
</p>
</div>
</div>
</div>
</div>
<div class="comment-body">
<p class="comment-area-title">您尚未登入，將以<b>訪客</b>身份留言。亦可以上方服務帳號登入留言</p>
<div class="comment-textarea">
<input type="text" name="nickname" class="comment-name" placeholder="您的暱稱 ..." data-ng-model="nickname" required>
<p data-ng-show="guestbookCommentForm.nickname.$error.required" class="private-notice">請輸入暱稱 ( 最多顯示 6 個中文字元 )</p>
</div>
<div class="comment-textarea">
<input type="text" name="title" class="comment-name" placeholder="留言標題 ..." data-ng-model="title" required>
<p data-ng-show="guestbookCommentForm.title.$error.required" class="private-notice">請輸入標題 ( 最多顯示 9 個中文字元 )</p>
</div>
<div class="comment-textarea">
<textarea name="content" id="comment_text" placeholder="留個言吧 ..." data-ng-model="content" required></textarea>
<p data-ng-show="guestbookCommentForm.content.$error.required" class="private-notice">請輸入內容 ( 最多 140 個中文字元 )</p>
</div><!-- .comment-textarea -->
<div id="comment-area-ad" style="display:block"></div>
<div data-reload-captcha class="captcha" style="display:block" id="captcha">
<a href="" target="_blank">
<img class="reload-captcha-img" data-ng-src="//captcha.pixplug.in/image/1.1/7191387570d8dff6a4b864ed7f0fd0db/c1399f14c41c4bd9ed3951c19314ad35/200x50.jpeg" width="200" height="50">
</a>
<div>
<p>請輸入左方認證碼：</p>
<input type="text" name="authCode" class="text-input" data-ng-model="authCode" required>
<a class="reload-captcha-btn" href=""><p>看不懂,換張圖</p></a>
</div>
<p data-ng-show="guestbookCommentForm.authCode.$error.required" class="private-notice">請輸入驗證碼</p>
</div>
<div class="comment-extra">
<button type="submit" data-ng-disabled="guestbookCommentForm.$invalid" class="btn-comment-send" href="">送出留言</button>
</div>
</div><!--.comment-middle-->
</div><!-- #comment-area-2-->
<div ng-show="isLoading" class="spinner-wrap">
<div class="spinner" us-spinner="{ radius:20, lines: 11, width:10, length: 16, zIndex: 800, top: -300, left: 200, trail: 74 }"></div>
</div>
</div>
</form>
</div>
<script src="//front.pixfs.net/js/guestbook-comment.min.js?v=3fe2c116?v=5e7f6bb5d5e9bf387c70874ae2c24e5e"></script>
<script id="idleTemplate" type="text/x-jsrender" data-main="//front.pixfs.net/module/idlePop/js/idlePop.min.js?v=5e7f6bb5d5e9bf387c70874ae2c24e5e">
<link rel="stylesheet" href="//front.pixfs.net/module/idlePop/css/idlePop.min.css?v=28dafb48?v=5e7f6bb5d5e9bf387c70874ae2c24e5e">
<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="http://www.pixnet.net/pcard/c333888"><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://panel.pixnet.cc/login/openid?done=http%3A%2F%2Fc333888.pixnet.net%2Fblog%2Fcategory%2F1922410%3Futm_source%3DPIXNET%26utm_medium%3DBlog_follow&openid=https%3A%2F%2Fmember.pixnet.cc%2Flogin&easy_login=1" 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=5e7f6bb5d5e9bf387c70874ae2c24e5e">
<link rel="stylesheet" href="//front.pixfs.net/module/idlePop/css/idlePop.min.css?v=28dafb48?v=5e7f6bb5d5e9bf387c70874ae2c24e5e">
<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="http://www.pixnet.net/pcard/c333888"><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://panel.pixnet.cc/login/openid?done=http%3A%2F%2Fc333888.pixnet.net%2Fblog%2Fcategory%2F1922410%3Futm_source%3DPIXNET%26utm_medium%3DBlog_follow&openid=https%3A%2F%2Fmember.pixnet.cc%2Flogin&easy_login=1" 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>
document.addEventListener('DOMContentLoaded', function () {
var moveHouse = document.querySelector('.move-screen');
if (moveHouse) {
_piq.push(['trackEvent', 'moveHouse', 'DOMContentLoaded', 'desktop']);
}
});
</script>
<script>
_oq = window._oq || [];
_oq.push(
['categoryId', document.body.dataset.articleSiteCategoryId],
['octopusTags', pix.octopusTags || []],
['articleTitle', document.querySelector('.title > h2 > a').innerText],
['octopusDom', document.getElementsByClassName('octopus')]
);
</script>
<script>
(function () {
window.requestAnimFrame = (function () {
'use strict';
return window.requestAnimationFrame ||
window.webkitRequestAnimationFrame ||
window.mozRequestAnimationFrame ||
window.oRequestAnimationFrame ||
window.msRequestAnimationFrame ||
function (callback) {
window.setTimeout(callback, 1000 / 60);
};
})();
// handle multiple browsers for cancelAnimationFrame() ref:https://msdn.microsoft.com/zh-tw/library/hh920765(v=vs.85).aspx
window.cancelAnimFrame = (function () {
return window.cancelAnimationFrame ||
window.webkitCancelAnimationFrame ||
window.mozCancelAnimationFrame ||
window.oCancelAnimationFrame ||
function (id) {
window.clearTimeout(id);
};
})();
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>
// 紀錄側欄相關數據
(function () {
document.addEventListener('DOMContentLoaded', function () {
// 延後執行避免動態元素還沒生成，以便減少誤差
setTimeout(function () {
trackSideBarData()
}, 2000);
});
function trackSideBarData() {
var links = document.getElementById('links'),
content = document.getElementById('content');
if (!links || !content) {
return;
}
var linksRect = links.getBoundingClientRect(),
contentRect = content.getBoundingClientRect(),
mainWidth = document.getElementById('main').clientWidth,
isValidLinks = checkIsValidLinks();
// 側欄寬度小於等於300px PV
if (linksRect.width <= 300) {
_piq.push(['trackEvent', 'sticky_ad_in_side_column_66390', 'side_column_width_smaller_than_300px']);
}
// 有效側欄樣式的PV
if (isValidLinks) {
_piq.push(['trackEvent', 'sticky_ad_in_side_column_66390', 'valid_side_column']);
}
// 有效側欄前提下，文章#content 底部高度超過側欄底部高度的PV
if (isValidLinks && checkHightGap()) {
_piq.push(['trackEvent', 'sticky_ad_in_side_column_66390', 'valid_side_column_and_main_column_longer_than_side_column']);
}
function checkHightGap (params) {
return content.clientHeight > links.clientHeight;
}
// 是否為有效側欄
function checkIsValidLinks(params) {
var toleranceWidth = 500, // 容忍寬度誤差
toleranceHeight = 100
// 側欄高度高於600px
if (linksRect.height <= 600) {
return false;
}
// 內文 + 側欄 約等於 main tag width
if (Math.abs(mainWidth - linksRect.width - contentRect.width) > toleranceWidth) {
return false;
}
// 內文 和 側欄 距離畫面頂端高度一樣
if (Math.abs(contentRect.top - linksRect.top) > toleranceHeight) {
return false;
}
return true;
}
}
})()
</script>
<script src="//front.pixfs.net/js/side-effect.min.js?v=04954302?v=5e7f6bb5d5e9bf387c70874ae2c24e5e" type="text/javascript" crossorigin="anonymous"></script>
<script src="//front.pixfs.net/module/fullPage/dist/ad-full-page.min.js?v=5e7f6bb5d5e9bf387c70874ae2c24e5e" type="text/javascript" crossorigin="anonymous"></script>
<script defer src="//front.pixfs.net/js/popup-ad.min.js?v=5e7f6bb5d5e9bf387c70874ae2c24e5e" ></script>
</body>
</html>
](https://farm8.staticflickr.com/7516/15785282246_8a244e6180_z.jpg)
