1212121<br /><b>TinyButStrong Error</b> when merging block "randkywds_show": unsupported variable type : 'NULL'.<br />
<br /><b>TinyButStrong Error</b> when merging block "cate_show": unsupported variable type : 'NULL'.<br />
<br /><b>TinyButStrong Error</b> when merging block &#91;tag_sql]: MySQLi error message when opening the query:MySQL server has gone away<br />
<br /><b>TinyButStrong Error</b> when merging block &#91;relate_post_sql]: MySQLi error message when opening the query:MySQL server has gone away<br />
<br /><b>TinyButStrong Error</b> when merging block &#91;new_post_sql]: MySQLi error message when opening the query:MySQL server has gone away<br />
<br /><b>TinyButStrong Error</b> when merging block &#91;list_sql]: MySQLi error message when opening the query:MySQL server has gone away<br />
<br /><b>TinyButStrong Error</b> in field &#91;var.post_title...]: the key 'post_title' does not exist or is not set in VarRef. (VarRef seems refers to $GLOBALS) <em>This message can be cancelled using parameter 'noerr'.</em><br />
<br /><b>TinyButStrong Error</b> in field &#91;var.blogname...]: the key 'blogname' does not exist or is not set in VarRef. (VarRef seems refers to $GLOBALS) <em>This message can be cancelled using parameter 'noerr'.</em><br />
<br /><b>TinyButStrong Error</b> in field &#91;var.post_content...]: the key 'post_content' does not exist or is not set in VarRef. (VarRef seems refers to $GLOBALS) <em>This message can be cancelled using parameter 'noerr'.</em><br />
<br /><b>TinyButStrong Error</b> in field &#91;var.blogname...]: the key 'blogname' does not exist or is not set in VarRef. (VarRef seems refers to $GLOBALS) <em>This message can be cancelled using parameter 'noerr'.</em><br />
<br /><b>TinyButStrong Error</b> in field &#91;var.post_title...]: the key 'post_title' does not exist or is not set in VarRef. (VarRef seems refers to $GLOBALS) <em>This message can be cancelled using parameter 'noerr'.</em><br />
<br /><b>TinyButStrong Error</b> in field &#91;var.blogname...]: the key 'blogname' does not exist or is not set in VarRef. (VarRef seems refers to $GLOBALS) <em>This message can be cancelled using parameter 'noerr'.</em><br />
<br /><b>TinyButStrong Error</b> in field &#91;var.post_content...]: the key 'post_content' does not exist or is not set in VarRef. (VarRef seems refers to $GLOBALS) <em>This message can be cancelled using parameter 'noerr'.</em><br />
<br /><b>TinyButStrong Error</b> in field &#91;var.blogname...]: the key 'blogname' does not exist or is not set in VarRef. (VarRef seems refers to $GLOBALS) <em>This message can be cancelled using parameter 'noerr'.</em><br />
<br /><b>TinyButStrong Error</b> in field &#91;var.blogname...]: the key 'blogname' does not exist or is not set in VarRef. (VarRef seems refers to $GLOBALS) <em>This message can be cancelled using parameter 'noerr'.</em><br />
<br /><b>TinyButStrong Error</b> in field &#91;var.blogname...]: the key 'blogname' does not exist or is not set in VarRef. (VarRef seems refers to $GLOBALS) <em>This message can be cancelled using parameter 'noerr'.</em><br />
<br /><b>TinyButStrong Error</b> in field &#91;var.blogname...]: the key 'blogname' does not exist or is not set in VarRef. (VarRef seems refers to $GLOBALS) <em>This message can be cancelled using parameter 'noerr'.</em><br />
<br /><b>TinyButStrong Error</b> in field &#91;var.blogname...]: the key 'blogname' does not exist or is not set in VarRef. (VarRef seems refers to $GLOBALS) <em>This message can be cancelled using parameter 'noerr'.</em><br />
<br /><b>TinyButStrong Error</b> in field &#91;var.post_title...]: the key 'post_title' does not exist or is not set in VarRef. (VarRef seems refers to $GLOBALS) <em>This message can be cancelled using parameter 'noerr'.</em><br />
<br /><b>TinyButStrong Error</b> in field &#91;var.blogname...]: the key 'blogname' does not exist or is not set in VarRef. (VarRef seems refers to $GLOBALS) <em>This message can be cancelled using parameter 'noerr'.</em><br />
<br /><b>TinyButStrong Error</b> in field &#91;var.post_title...]: the key 'post_title' does not exist or is not set in VarRef. (VarRef seems refers to $GLOBALS) <em>This message can be cancelled using parameter 'noerr'.</em><br />
<br /><b>TinyButStrong Error</b> in field &#91;var.blogname...]: the key 'blogname' does not exist or is not set in VarRef. (VarRef seems refers to $GLOBALS) <em>This message can be cancelled using parameter 'noerr'.</em><br />
<br /><b>TinyButStrong Error</b> in field &#91;var.post_title...]: the key 'post_title' does not exist or is not set in VarRef. (VarRef seems refers to $GLOBALS) <em>This message can be cancelled using parameter 'noerr'.</em><br />
<br /><b>TinyButStrong Error</b> in field &#91;var.post_content...]: the key 'post_content' does not exist or is not set in VarRef. (VarRef seems refers to $GLOBALS) <em>This message can be cancelled using parameter 'noerr'.</em><br />
<br /><b>TinyButStrong Error</b> in field &#91;var.blogname...]: the key 'blogname' does not exist or is not set in VarRef. (VarRef seems refers to $GLOBALS) <em>This message can be cancelled using parameter 'noerr'.</em><br />
<br /><b>TinyButStrong Error</b> in field &#91;var.blogname...]: the key 'blogname' does not exist or is not set in VarRef. (VarRef seems refers to $GLOBALS) <em>This message can be cancelled using parameter 'noerr'.</em><br />
<br /><b>TinyButStrong Error</b> in field &#91;var.blogname...]: the key 'blogname' does not exist or is not set in VarRef. (VarRef seems refers to $GLOBALS) <em>This message can be cancelled using parameter 'noerr'.</em><br />
<!DOCTYPE html>
<!--[if lt IE 8]><html lang="zh-Hant" class="old-ie" itemscope itemtype="http://schema.org/WebPage" lang="zh-Hant"> <![endif]-->
<!--[if IE 9]><html lang="zh-Hant" class="old-ie ie-9" itemscope itemtype="http://schema.org/WebPage" lang="zh-Hant"> <![endif]-->
<!--[if IE 10]><html lang="zh-Hant" class="old-ie ie-10" itemscope itemtype="http://schema.org/WebPage" lang="zh-Hant"> <![endif]-->
<!--[if !(IE 6) | !(IE 7) | !(IE 8)]><!-->
<html itemscope itemtype="http://schema.org/WebPage" lang="zh-Hant" class="no-js">
	<!--<![endif]-->

	<head>
		<meta charset="utf-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />

		<link rel="shortcut icon" href="https://camp.howkno.com/images/favicon.ico" />
		<title>[var.post_title]&nbsp;::&nbsp;[var.blogname]</title>
		<meta name="description" content="[var.post_content;onformat=content_cut;limit=170]" />
		<meta name="keywords" content="[var.blogname]" />
		<meta property="og:type" content="website" />
		<meta property="og:url" content="https://camp.howkno.com/558" />
		<meta property="og:image" content="https://camp.howkno.com/tbspolo/images/og-images.png" />
		<meta property="og:title" content="[var.post_title] :: [var.blogname]" />
		<meta property="og:description" content="[var.post_content;onformat=content_cut;limit=170]" />
		<meta property="og:site_name" content="[var.blogname]" />
		<link rel="canonical" href="https://camp.howkno.com/558" />
		<link rel="sitemap" href="https://camp.howkno.com/sitemap.xml" />
		<meta itemprop="image" content="https://camp.howkno.com/tbspolo/images/og-images.png" />

		<link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon" />

		<!-- CSS-->
		<!-- Google web fonts. You can get your own bundle at http://www.google.com/fonts. Don't forget to update the CSS accordingly!-->
		<link href="http://fonts.googleapis.com/css?family=Droid+Serif|Ubuntu" rel="stylesheet" type="text/css" />

		<link rel="stylesheet" href="https://camp.howkno.com/tbsimple/css/normalize.css" />
		<link rel="stylesheet" href="https://camp.howkno.com/tbsimple/js/flexslider/flexslider.css" />
		<link rel="stylesheet" href="https://camp.howkno.com/tbsimple/css/basic-style.css" />

		<!-- end CSS-->

		<!-- JS-->
		<script src="https://camp.howkno.com/tbsimple/js/libs/modernizr-2.6.2.min.js"></script>
		<!-- end JS-->

		<!-- CSS CUSTOM STYLE -->
		<link rel="stylesheet" type="text/css" href="https://camp.howkno.com/tbsimple/css/custom.css" media="screen" />
		<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-ZC4WT8ZVHW"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'G-ZC4WT8ZVHW');
</script>
	<!-- Matomo -->
<script>
  var _paq = window._paq = window._paq || [];
  /* tracker methods like "setCustomDimension" should be called before "trackPageView" */
  _paq.push(["setDocumentTitle", document.domain + "/" + document.title]);
  _paq.push(['trackPageView']);
  _paq.push(['enableLinkTracking']);
  (function() {
    var u="https://itsmy.ga/";
    _paq.push(['setTrackerUrl', u+'matomo.php']);
    _paq.push(['setSiteId', '178']);
    var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
    g.async=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s);
  })();
</script>
<!-- End Matomo Code -->
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-8148945356111809" crossorigin="anonymous"></script>
	</head>

	<body id="home">
		<!-- header area -->
		<header class="wrapper clearfix">
			<div id="banner">
				<div id="logo">
					<a href="https://camp.howkno.com/" title="[var.blogname]">[var.blogname]</a>
				</div>
			</div>

			<!-- main navigation -->
			<nav id="topnav" role="navigation">
				<div class="menu-toggle">☰</div>
				<ul class="srt-menu" id="menu-main-navigation" itemscope itemtype="http://schema.org/BreadcrumbList">
					<li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">
						<a itemprop="item" href="https://camp.howkno.com/" title="[var.blogname]"><span itemprop="name">[var.blogname]</span><meta itemprop="position" content="1" /></a>
					</li>
					<li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem" class="active">
						<a itemprop="item" href="https://camp.howkno.com/category/[cate_show.slug]/" title="[cate_show.name]">
							<span itemprop="name">[cate_show.name;block=li]</span><meta itemprop="position" content="[cate_show.cate_n]" />
						</a>
					</li>
				</ul>
			</nav>
			<!-- end main navigation -->
		</header>
		<!-- end header -->

		<section id="page-header" class="clearfix">
			<!-- responsive FlexSlider image slideshow -->
			<div class="wrapper" itemprop="headline">
				<h1><a href="https://camp.howkno.com/558" title="[var.post_title] | [var.blogname]">[var.post_title] | [var.blogname]</a></h1>
			</div>
		</section>

		<!-- main content area -->
		<div class="wrapper" id="main">
			<!-- content area -->
			<section id="content" itemscope itemtype="https://schema.org/NewsArticle">
				<div class="dev-ysm-tag"></div>

				<img src="" itemprop="image" alt="[var.post_title]" class="single-post" onerror="this.src='https://i.imgur.com/UIdzb5s.jpeg'" />
				<p></p>
				[var.post_content;htmlconv=no]

				<p></p>

				<div class="dev-ysm-tag"></div>

				<div class="dev-ysm-tag"></div>

				<div class="m-b-40">
					<a class="btn-light btn-sm" href="https://camp.howkno.com/tag/[tag_sql.slug]/" title="[tag_sql.slug]">[tag_sql.name;block=a]</a>
				</div>

				<div class="flexslider">
					<ul class="slides">
						<li>
							<a href="https://camp.howkno.com/info/[list_sql.pid;block=li]" class="item-link" title="[list_sql.title;onformat=retitle] | [var.blogname]">
								[list_sql.title;onformat=retitle] | [var.blogname] [list_sql.domain_name;onformat=checkfb;htmlconv=no]
							</a>
							<p class="flex-caption">[list_sql.description;onformat=ppdecode]</p>
						</li>
					</ul>
				</div>
				<!-- FlexSlider -->

				<div class="hr-title hr-long center"><abbr>相關分類資訊</abbr></div>

				<div class="row">
					<div class="grid_4" id="[relate_post_sql.#;block=div]">
						<h3 class="first-header"><a href="https://camp.howkno.com/[relate_post_sql.ID]/" title="[relate_post_sql.post_title]">[relate_post_sql.post_title]</a></h3>
						<img src="[relate_post_sql.post_content;onformat=firstimg]" onerror="this.src='https://i.imgur.com/UIdzb5s.jpeg'" />
						<p>[relate_post_sql.post_content;onformat=content_cut;limit=120]</p>
					</div>
				</div>
			</section>
			<!-- #end content area -->

			<!-- sidebar -->
			<aside>
				<h2>最新文章推薦</h2>

				<nav id="secondary-navigation">
					<ul>
						<li><a href="https://camp.howkno.com/[new_post_sql.ID]/" title="[new_post_sql.post_title]">[new_post_sql.post_title;block=li]</a></li>
					</ul>
				</nav>

				<h2>標籤</h2>
				<a class="btn-light btn-sm" href="https://camp.howkno.com/tag/[randkywds_show.name;onformat=f_uenc]/" title="[randkywds_show.name]"> [randkywds_show.name;block=a]</a>
			</aside>
			<!-- #end sidebar -->
		</div>
		<!-- #end div #main .wrapper -->
		
		<!-- footer area -->
		
		<footer>
			<div id="colophon" class="wrapper clearfix">
				2023 [var.blogname]. All Rights Reserved.
				<a href="https://camp.howkno.com/about.html" title="關於我們" target="_blank">關於我們</a> | <a href="https://camp.howkno.com/about.html" title="隱私權政策" target="_blank">隱私權政策</a> |
				<a href="https://camp.howkno.com/about.html" title="意見反映" target="_blank">意見反映</a>
			</div>
		</footer>
		<!-- #end footer area -->

		<!-- jQuery -->
		<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
		<script>
			window.jQuery || document.write('<script src="js/libs/jquery-1.9.0.min.js">\x3C/script>')
		</script>

		<script defer src="https://camp.howkno.com/tbsimple/js/flexslider/jquery.flexslider-min.js"></script>

		<!-- fire ups - read this file!  -->
		<script src="https://camp.howkno.com/tbsimple/js/main.js"></script>

		<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
		<script type="text/javascript">
				function getRandomInt(max) {
			    return Math.floor(Math.random() * max);
			};

			function isMobileDevice() {
			    const mobileDevice = ['Android', 'webOS', 'iPhone', 'iPad', 'iPod', 'BlackBerry', 'Windows Phone']
			    let isMobileDevice = mobileDevice.some(e => navigator.userAgent.match(e))
			    return isMobileDevice
			};

			var setPopupBottom = function() {
			    var setAdBlock = '';
			    var isMobile = true;
				if (isMobileDevice() == '0') {
					adSize='width:800px;height:250px;';
				} else {
					adSize='width:300px;height:250px;';
				};
			    var adPopupBottomGAD = '<ins class="adsbygoogle" style="display:inline-block;' + adSize + '" data-ad-client="ca-pub-8148945356111809" data-ad-slot="9537156668" data-ad-region="test"></ins>';
			    if (isMobile) {
			        setAdBlock = '<div class="popup_bottom_block"><div class="popup_bottom_ad"><div class="popup_bottom_ad_close">&nbsp;關閉廣告[X]&nbsp;</div>' + adPopupBottomGAD + '</div></div>';
			        $('body').append(setAdBlock);
			        var isClosePopupBootom = false;
			        var closetime = 4000; //不滾動時，4秒自動消失
			        var setTimeoutId = null;
			        var scrolling = false;
			        $(window).on('scroll', function() {
			            scrolling = true;
			            if (!!setTimeoutId) {
			                clearTimeout(setTimeoutId);
			            }
			            setTimeoutId = setTimeout(function() {
			                scrolling = false;
			            }, closetime);
			        });
			        setInterval(function() {
			            $('.popup_bottom_block')[scrolling && !isClosePopupBootom ? 'addClass' : 'removeClass']('active');
			            $('.popup_bottom_ad_close')[scrolling && !isClosePopupBootom ? 'addClass' : 'removeClass']('active');
			        }, 300);
			        $('.popup_bottom_ad_close').on('click', function() {
			            isClosePopupBootom = true;
			            $('.popup_bottom_block ins').remove();
			        });
			        if (!isClosePopupBootom)(adsbygoogle = window.adsbygoogle || []).push({});
			    }
			};

			function sleep(time) {
			    return(new Promise(function(resolve, reject) {
			        setTimeout(function() { resolve(); }, time);
			    }));
			};

			function getBroswer() {
			    var sys = {};
			    var ua = navigator.userAgent.toLowerCase();
			    var s;
			    (s = ua.match(/edge\/([\d.]+)/)) ? sys.edge = s[1]:
			        (s = ua.match(/rv:([\d.]+)\) like gecko/)) ? sys.ie = s[1] :
			        (s = ua.match(/msie ([\d.]+)/)) ? sys.ie = s[1] :
			        (s = ua.match(/firefox\/([\d.]+)/)) ? sys.firefox = s[1] :
			        (s = ua.match(/chrome\/([\d.]+)/)) ? sys.chrome = s[1] :
			        (s = ua.match(/opera.([\d.]+)/)) ? sys.opera = s[1] :
			        (s = ua.match(/version\/([\d.]+).*safari/)) ? sys.safari = s[1] : 0;

			    if (sys.edge) return {
			        broswer: "Edge",
			        version: sys.edge
			    };
			    if (sys.ie) return {
			        broswer: "IE",
			        version: sys.ie
			    };
			    if (sys.firefox) return {
			        broswer: "Firefox",
			        version: sys.firefox
			    };
			    if (sys.chrome) return {
			        broswer: "Chrome",
			        version: sys.chrome
			    };
			    if (sys.opera) return {
			        broswer: "Opera",
			        version: sys.opera
			    };
			    if (sys.safari) return {
			        broswer: "Safari",
			        version: sys.safari
			    };

			    return {
			        broswer: "",
			        version: "0"
			    };
			};

			function setParentWH(w, h) {
			    var iframe = window.frameElement;
			    if (!iframe) {
			        return;
			    };
			    iframe.width = w;
			    iframe.height = h;
			    iframe.style.width = w + "px";
			    iframe.style.height = h + "px";
			    iframeParent = iframe.parentNode.parentNode;
			    iframeParent.style.width = w + "px";
			    iframeParent.style.height = h + "px";
			    iframeParent.style.margin = "0 auto";
			};

			function cindex(n1, n2) {
			    var zdom = document.querySelectorAll(n1);
			    if (zdom.length > 0) {
			        for (var i = 0; i < zdom.length; i++) {
			            zdom[i].style.zIndex = n2;
			        };
			    };
			};

			function runAD2_MediaBook() {
			    box.innerHTML = "";
			    var wt = window.top;
			    wt.callbackAD2Book = function() {
			        /*next*/
			    };
			    var s = wt.document.createElement('script');
			    s.id = 'MediaBook-AD2';
			    s.src = 'https://content.ad2iction.com/mediascroll/book/js/ad2-book.js';
			    s.setAttribute('key', 'e5012aaf-c7ca-11ed-a6a7-f23c9173ed43');

			    wt.document.body.appendChild(s);
			};

			function runAD2_MediaCrazy() {
			    box.innerHTML = "";
			    var wt = window.top;
			    wt.callbackAD2Crazy = function() {
			        /*next*/
			    };
			    var s = wt.document.createElement('script');
			    s.id = 'MediaCrazy-AD2';
			    s.src = 'https://content.ad2iction.com/mediascroll/crazy/js/ad2-crazy.js';
			    s.setAttribute('key', '0bff6708-c7cb-11ed-a6a7-f23c9173ed43');

			    wt.document.body.appendChild(s);
			};

			function runAD2_MediaScroll() {
				var wt = window.top;
				wt.callbackAD2 = function (){
					console.log('AD2Scroll no ad.');
				}
				var s = wt.document.createElement('script');
				s.id = "MediaScroll-AD2";
				s.src = 'https://content.ad2iction.com/mediascroll/ad2-scroll.js';
				s.setAttribute('key','efb37f21-c2ea-11ed-a6a7-f23c9173ed43');
				s.setAttribute('show','now');

				wt.document.body.appendChild(s);
			};

			if (isMobileDevice() == '0') {
			    setPopupBottom();
				(adsbygoogle = window.adsbygoogle || []).push({});
			} else {
				var box = document.currentScript.previousElementSibling;
				if (getBroswer() == 'chrome') {
					if (getRandomInt(10) > 3) {
						runAD2_MediaCrazy();
					} else {
						runAD2_MediaScroll();
					}
				} else {
					if (getRandomInt(10) > 2) {
						runAD2_MediaCrazy();
					} else {
						if (getRandomInt(10) > 3) {
							runAD2_MediaBook();
						} else {
							runAD2_MediaScroll();
						}
					}
				}
				sleep(7000).then(function() {
					setPopupBottom();
					(adsbygoogle = window.adsbygoogle || []).push({});
				});
			}
		</script>
		<script src="https://content.ad2iction.com/lo/ad2analytics/tracking.js" async></script>
		
		<!--Plugins-->
		<script>
			function myFunction() {
			  var dots = document.getElementById("dots");
			  var moreText = document.getElementById("more");
			  var btnText = document.getElementById("full");

			  if (dots.style.display === "none") {
			        dots.style.display = "inline";
			        btnText.innerHTML = "閱讀更多 <i class=\"fa fa-arrow-right\"></i>";
			        moreText.style.display = "none";
			  } else {
			        dots.style.display = "none";
			        btnText.innerHTML = "文章簡述 <i class=\"fa fa-arrow-right\"></i>";
			        moreText.style.display = "inline";
			  }
			}
		</script>
	</body>
</html>