#2026 方怡萍-萍凡尚真 Jan 17. 2026 <p> </p> </div> </div> </article> </div><!-- .column .col-12 .col-sm-12 --> </div><!-- .columns --> <!-- 20210401 Fix 導購項目超過3樣後總數不足3的倍數跑版 --> <!-- 部落格相關文章 START --> <!-- 部落格相關文章 END --> </main><!-- .container .grid-1280 --> <div id="footer"> <div id="links"> <div class="container"> <div class="columns"> <div class="column col-2 col-sm-12"> <a href="/blog" class="brand"><span>追星/活動資訊</span></a> </div> <div class="column col-8 col-sm-12"> <ul class="list-inline"> <li><a href="https://www.xn--kprr94hf5ke1e.com/">金聲廣播電台</a></li> </ul> </div> <div class="column col-2 col-sm-12"> <ul class="list-inline"> <li><a href="https://www.facebook.com/FM921TW" target="_blank" rel="noopener noreferrer nofollow"><i class="fab fa-facebook"></i></a></li> <li><a href="https://line.me/R/ti/p/%40973kjmrp" target="_blank" rel="noopener noreferrer nofollow"><i class="fab fa-line"></i></a></li> </ul> </div> </div><!-- .columns --> </div><!-- .container --> </div><!-- #links --> </div><!-- #footer --> <!-- *********************************************** * UI Templates *********************************************** --> <script id="tpl-post" type="x-tmpl-mustache"> <section class="post column col-4 col-sm-12" itemprop="blogPost" itemscope itemtype="https://schema.org/BlogPosting"> <span itemprop="publisher" itemscope itemtype="https://schema.org/Organization"> <meta itemprop="name" content="ExampleCorp Ltd"> <span itemprop="logo" itemscope itemtype="https://schema.org/ImageObject"> <meta itemprop="url" content="https://example.com/img/examplecorp-logo.png"> <meta itemprop="width" content="320"> <meta itemprop="height" content="60"> </span> </span> <meta itemprop="author" content="Aaron A. Aardvark"> <meta itemprop="datePublished" content="{{datePublished}}"> <meta itemprop="dateModified" content="{{dateModified}}"> <div class="media" itemprop="image" itemscope itemtype="http://schema.org/ImageObject"> <a href="{{link}}"><img class="img-fit-cover blog-posts-cover-image" itemprop="url contentUrl" alt="{{title}}" src="{{large_image_cover}}"></a> </div> <div class="caption text-center"> <div itemprop="name headline"> <a class="post-title" itemprop="mainEntityOfPage url" href="{{link}}">{{title}}</a> </div> <span class="post-date">{{post_date}}</span> </div> </section><!-- .column .col-6 .col-xs-12 --> </script> <script id="tpl-menu-item-tag" type="x-tmpl-mustache"> <li itemprop="name" role="menuitem" data-id="{{id}}"><a itemprop="url" title="{{title}}" data-tags="{{tags}}" href="https://www.xn--kprr94hf5ke1e.com/blog/tags/{{tags}}">{{title}}</a><ul></ul></li> </script> <!-- 20210127 Add 文章搜尋 手機版樣式 --> <script id="tpl-select-item-tag" type="x-tmpl-mustache"> <option value="{{tags}}" {{select}}>{{title}}</option> </script> <script id="tpl-mobile-search" type="x-tmpl-mustache"> <li class="search-mobile"><form method="get" action="/blog/search"><span class="fa fa-search"></span><input type="text" name="q" placeholder="{{text_nav_search}}" autocomplete="off"></form><br/></li> </script> <!-- *********************************************** * Defer CSS Loading *********************************************** --> <noscript id="deferred-styles"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.11.2/css/all.min.css"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.7/jquery.fancybox.min.css"> <link href="https://fonts.googleapis.com/css?family=Noto+Sans+TC:400,700&display=swap&subset=chinese-traditional" rel="stylesheet"> </noscript> <script type="text/javascript"> var loadDeferredStyles = function() { var addStylesNode = document.getElementById("deferred-styles"); var replacement = document.createElement("div"); replacement.innerHTML = addStylesNode.textContent; document.body.appendChild(replacement) addStylesNode.parentElement.removeChild(addStylesNode); }; var raf = window.requestAnimationFrame || window.mozRequestAnimationFrame || window.webkitRequestAnimationFrame || window.msRequestAnimationFrame; if (raf) raf(function() { window.setTimeout(loadDeferredStyles, 0); }); else window.addEventListener('load', loadDeferredStyles); </script> <!-- 20210127 Add 文章搜尋 jquery載入 --> <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script> <script type="text/javascript"> var global_page = 1; var resizeTimeout; function loadMenuTags(){ $("#blog-main-nav-menu").empty(); var item_index = 1; $.ajax({ url: 'https://www.xn--kprr94hf5ke1e.com/blog/nav/bmenu', dataType: "json", type: "GET", scriptCharset: 'utf-8', success: function(json) { var SchemaItemList = []; if(is.empty(json)) return false; //20210127 Add 文章搜尋 var text_nav_search = "文章關鍵字"; var tempMobileSearch = $('#tpl-mobile-search').html(); Mustache.parse(tempMobileSearch); var $menu_search = Mustache.render(tempMobileSearch,{'text_nav_search':text_nav_search}); $("#blog-main-nav-menu").html($menu_search); var filter_tags = ''; json[0].forEach(function (item, index) { var template = $('#tpl-menu-item-tag').html(); Mustache.parse(template); var $menu_item = Mustache.render(template, {'id':item_index, 'title':item.title, 'tags':item.tags}); $("#blog-main-nav-menu").append($menu_item); //20210127 Add 文章搜尋 var templateSelect = $('#tpl-select-item-tag').html(); Mustache.parse(templateSelect); if(item.tags==filter_tags){ var selected = 'selected'; } var $select_item = Mustache.render(templateSelect, {'title':item.title, 'tags':item.tags, 'select':selected}); $("#blog-select-menu").append($select_item); SchemaItemList.push({ "@context" : "https://schema.org", "@type" : "SiteNavigationElement", "@id" : "#" + item_index, "name" : item.title, "url" : "https://www.xn--kprr94hf5ke1e.com/blog/tags/" + item.tags }); if( json[0][index].children[0].length ) { var sub_menu_items = json[0][index].children[0]; sub_menu_items.forEach(function (children, index) { SchemaItemList.push({ "@context" : "https://schema.org", "@type" : "SiteNavigationElement", "@id" : "#" + item_index+"-"+index, "name" : children.title, "url" : "https://www.xn--kprr94hf5ke1e.com/blog/tags/" + children.tags }); var template = $('#tpl-menu-item-tag').html(); Mustache.parse(template); var $menu_child_item = Mustache.render(template, {'id':item_index+"-"+index, 'title':children.title, 'tags':children.tags}); $("#blog-main-nav-menu > li[data-id='" + item_index + "'] > ul").append($menu_child_item); $("#blog-main-nav-menu > li[data-id='" + item_index + "']").addClass("grt-dropdown"); $("#blog-main-nav-menu > li[data-id='" + item_index + "'] > ul").addClass("grt-dropdown-list"); $("#blog-main-nav-menu > li[data-id='" + item_index + "'] > ul").find("ul").remove(); }); } else { $("#blog-main-nav-menu > li[data-id='" + item_index + "']").find("ul").remove(); } item_index++; }); // Prevent a href clicks on dropdown category if( is.mobile() ) { $('li.grt-dropdown > a').on('click', function(e){ if( ($(this).attr('data-state') == undefined) || ($(this).attr('data-state') == false ) ) { e.preventDefault(); } $(this).attr('data-state', $(this).attr('data-state') == 'enabled' ? 'disabled' : 'enabled'); }); } /* Structured Data: SiteNavigationElement */ var el = document.createElement('script'); el.type = 'application/ld+json'; el.text = JSON.stringify({ "@context": "https://schema.org", "@graph":SchemaItemList }); document.querySelector('head').appendChild(el); } }); } function formatISO(dateStr) { return new Date(dateStr).toISOString().slice(0,19); // 'YYYY-MM-DDTHH:mm:ss' } function formatPostDate(dateStr) { const d = new Date(dateStr); const monthNames = ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"]; const month = monthNames[d.getMonth()]; const day = String(d.getDate()).padStart(2, '0'); const year = d.getFullYear(); return month + ' ' + day + '. ' + year; } function loadMorePost() { // 20241122 更多文章不載入內文description more=1 var ajax_param = { 'json':1, 'page': (global_page+1), 'more': 1 }; //20210127 Add 文章搜尋 var filter_name = ''; var filter_tags = ''; $.ajax({ url: 'https://www.xn--kprr94hf5ke1e.com/blog/posts', type: 'get', data: ajax_param, dataType: 'json', success: function(json) { global_page++; try { if( json.posts.length ) { var data = json.posts; var postshtml = '<div class="columns grid">'; $.each(data, function(i, item) { var template = $('#tpl-post').html(); Mustache.parse(template); var rendered = Mustache.render(template, { 'title' : data[i].title, 'link' : data[i].link, 'large_image_cover' : data[i].large_image_cover, 'datePublished' : formatISO(data[i].date_added), 'dateModified' : formatISO(data[i].date_added), 'post_date' : formatPostDate(data[i].date_added) }); postshtml += rendered; }); postshtml += "</div><!-- .columns -->"; $('#posts .grid:last').after(postshtml); } if( json.more_posts == 0 ) { $("#loadMoreButton").fadeOut("normal", function() { $(this).remove(); }); } } catch (e) { } } }); return false; } function InstantAddToCart(product_id){ if( product_id ) { try { try { var p_name = $("[data-producttlid='"+product_id+"'] .card-title").html(); } catch (e) { } setTimeout(function () { $.fancybox.open({ src : 'https://www.xn--kprr94hf5ke1e.com/buybutton/' + product_id, type : 'iframe', opts : { closeClickOutside : true, iframe : { css : { "max-width" : '332px', "width:": '100%' } }, beforeLoad: function() { $(".fancybox-container").css("zIndex", 999999993); } } }); }, 700); } catch (e) { } } } var open_grt_menu = function(){ $('#grt-mobile-button').toggleClass("grt-mobile-button-open"); $("ul.grt-menu").toggleClass("open-grt-menu "); $("html, body").toggleClass("body-overflow"); $('li.grt-dropdown').on('click', function(e){ $(this).toggleClass("active-dropdown"); }); } /* ---------------------------------------------------------------------- */ /* Search, UItoTop /* ---------------------------------------------------------------------- */ $(document).ready(function(){ $("#switchSearchPanel").click(function(e) { // Prevent the default event. e.preventDefault(); // Toggle the slide based on its current // visibility. if ($('#search').is( ":visible" )){ // Hide - slide up. $('#search').slideUp( 300 ); } else { // Show - slide down. $('#search').slideDown( 300 ); } }); $('.button-search').click(function(e) { url = 'https://www.xn--kprr94hf5ke1e.com/index.php?route=information/blog_common/search'; var filter_name = ""; $("input[name='filter_name']").each(function(index) { filter_name = $(this).val(); if(filter_name){ url += '&filter_name=' + encodeURIComponent(filter_name); window.location.href = url; return false; } }); }); $("input[name='filter_name']").keypress(function (e) { if (e.which == 13) { url = 'https://www.xn--kprr94hf5ke1e.com/index.php?route=information/blog_common/search'; var filter_name = ""; $("input[name='filter_name']").each(function(index) { filter_name = $(this).val(); if(filter_name){ url += '&filter_name=' + encodeURIComponent(filter_name); window.location.href = url; return false; } }); } }); $('input[name=\'filter_name\']').bind('keydown', function(e) { if (e.keyCode == 13) { url = 'https://www.xn--kprr94hf5ke1e.com/index.php?route=information/blog_common/search'; var filter_name = $('input[name=\'filter_name\']').val(); if (filter_name) { url += '&filter_name=' + encodeURIComponent(filter_name); } location = url; } }); // UItoTop $().UItoTop({ easingType: "easeOutQuart", scrollSpeed: 1200 }); }); // UItoTop (function(t) { t.easing.jswing = t.easing.swing; var pow = Math.pow; t.extend(t.easing, { def: "easeOutQuad", easeOutQuad: function(x) { return 1 - (1 - x) * (1 - x) }, easeOutQuart: function(x) { return 1 - pow(1 - x, 4) }, }) t.fn.UItoTop = function(e) { var i = { text: "To Top", min: 200, inDelay: 600, outDelay: 400, containerID: "toTop", containerHoverID: "toTopHover", scrollSpeed: 1200, easingType: "linear" } , n = t.extend(i, e) , o = "#" + n.containerID , s = "#" + n.containerHoverID; t("body").append('<a href="#" id="' + n.containerID + '">' + n.text + "</a>"), t(o).hide().click(function() { return t("html, body").animate({ scrollTop: 0 }, n.scrollSpeed, n.easingType), t("#" + n.containerHoverID, this).stop().animate({ opacity: 0 }, n.inDelay, n.easingType), !1 }).prepend('<span id="' + n.containerHoverID + '"></span>').hover(function() { t(s, this).stop().animate({ opacity: 1 }, 600, "linear") }, function() { t(s, this).stop().animate({ opacity: 0 }, 700, "linear") }), t(window).scroll(function() { var e = t(window).scrollTop(); "undefined" == typeof document.body.style.maxHeight && t(o).css({ position: "absolute", top: t(window).scrollTop() + t(window).height() - 50 }), e > n.min ? t(o).fadeIn(n.inDelay) : t(o).fadeOut(n.Outdelay) }) } }(jQuery)); if (typeof init_inline === 'function') { init_inline(); } /*********************************************** * Defer JS Loading ***********************************************/ var callback = function(){ let script = document.createElement('script'); script.src = "https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js" document.head.append(script); script.onload = function() { // Handler when the DOM is fully loaded $.when( $.getScript("https://cdnjs.cloudflare.com/ajax/libs/vanilla-lazyload/12.0.3/lazyload.min.js"), $.getScript("https://cdnjs.cloudflare.com/ajax/libs/is_js/0.9.0/is.min.js"), $.getScript("https://cdnjs.cloudflare.com/ajax/libs/mustache.js/3.1.0/mustache.min.js" ), $.getScript("https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.7/jquery.fancybox.min.js" ), $.Deferred(function( deferred ){ $( deferred.resolve ); }) ).done(function(){ loadMenuTags(); var lazyLoadInstance = new LazyLoad({ elements_selector: "img[data-src]", callback_enter: function(el){ $(el).addClass("img-responsive"); } }); }); }; }; if ( document.readyState === "complete" || (document.readyState !== "loading" && !document.documentElement.doScroll)) { callback(); } else { document.addEventListener("DOMContentLoaded", callback); } </script> </body> </html>
