CINXE.COM
食譜自由配 - 自由電子報
<!DOCTYPE html> <html lang="zh-TW"> <head> <script> let cdnDate = '20250407113721'; </script> <script> var pvDomain = 'pv.ltn.com.tw'; </script> <script> var pvServer = 'pv.ltn.com.tw'; </script> <script>var interstitialSlot;</script> <script>var staticSlot = false;</script> <script src="https://cache.ltn.com.tw/js/c.js"></script> <!-- 大數據 --> <base href="https://food.ltn.com.tw/"> <meta name="ltn:device" content="R" /> <title>食譜自由配 - 自由電子報</title> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=2.0, minimum-scale=1.0" /> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> <meta property="og:site_name" name="application-name" content="自由時報電子報" /> <meta name="author" itemprop="author" content="自由時報電子報" /> <meta name="dcterms.rightsHolder" content="自由時報電子報" /> <meta name="copyright" content="自由時報電子報" /> <meta property="og:title" itemprop="name" content="食譜自由配 - 自由電子報" /> <meta name="title" itemprop="headline" content="食譜自由配 - 自由電子報" /> <meta name="keywords" content="食譜自由配,自由時報,自由電子報,自由時報電子報,libertytimes,ltn" /> <meta name="news_keywords" itemprop="keywords" content="食譜自由配,自由時報,自由電子報,自由時報電子報,libertytimes,ltn" /> <meta property="og:image" itemprop="image" content="https://food.ltn.com.tw/assets/images/1200_food.png" /> <meta property="og:image:type" content="image/png" /> <meta property="article:section" name="section" itemprop="articleSection" content="food" /> <meta name="description" itemprop="description" content="來「食譜自由配」頻道找料理,達人教做的家常菜、日日便當菜、季節食材做法、宴客菜、澎湃年菜……,數千道你想學會的料理,手機馬上點、隨時輕鬆做!" /> <meta property="og:description" itemprop="description" content="來「食譜自由配」頻道找料理,達人教做的家常菜、日日便當菜、季節食材做法、宴客菜、澎湃年菜……,數千道你想學會的料理,手機馬上點、隨時輕鬆做!" /> <meta property="og:url" itemprop="url" content="https://food.ltn.com.tw/" /> <meta property="og:type" content="website" /> <meta property="fb:app_id" content="140490219413038" /> <meta property="twitter:card" content="summary" /> <meta property="twitter:site" content="@ltntw" /> <meta property="twitter:creator" content="@ltntw" /> <meta name="robots" content="index,follow" /> <meta name="googlebot" content="index,follow" /> <meta name="robots" content="max-image-preview:large" /> <link rel="shortcut icon" type="image/x-icon" sizes="192x192" href="https://food.ltn.com.tw/assets/images/logo16-food.png" /> <link rel="apple-touch-icon" sizes="180x180" href="https://food.ltn.com.tw/assets/images/logo16-food.png" /> <link rel="apple-touch-icon-precomposed" sizes="180x180" href="https://food.ltn.com.tw/assets/images/logo16-food.png" /> <link rel="image_src" type="image/png" href="https://food.ltn.com.tw/assets/images/1200_food.png" /> <link rel="canonical" itemprop="mainEntityOfPage" href="https://food.ltn.com.tw/" /> <meta name="google-site-verification" content="sPp7Kk7Tqa6LK-wWblS9Fby069Wpy4DNTaMyjKHxveU" /> <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0"/> <link rel="stylesheet" href="https://cache.ltn.com.tw/css/reset.css?20241018"> <link rel="stylesheet" href="assets/css/food_global.css?202403"> <link href="https://fonts.googleapis.com/css?family=Noto+Sans+TC:300,400,500,700,900" rel="stylesheet"> <script src="https://cache.ltn.com.tw/js/jquery-3.4.1.min.js"></script> <script src="https://cache.ltn.com.tw/js/lazyload.min.js"></script> <script> var pvServer = "pv.ltn.com.tw"; try { var domain=location.hostname; //food.ltn.com.tw var type=""; var a_group=""; var a_no=""; getScrNews(domain, type, a_group, a_no); }catch(e) { } </script> <!-- DV360 Floodlight Tag --> <script async src="https://www.googletagmanager.com/gtag/js?id=DC-9530821"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'DC-9530821'); </script> <!-- Floodlight Tag --> <script> window.dataLayer = window.dataLayer || []; dataLayer.push({ 'event': 'testEvent', 'article': { 'authorName': '自由時報' } }); </script> <!-- Google Tag Manager --> <script>(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;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-P98PP75');</script> <!-- End Google Tag Manager --> <!-- Google Tag Manager (noscript) --> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-P98PP75" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <!-- End Google Tag Manager (noscript) --> <!-- Google Analytics PageView --> <script> (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-31404335-1', 'auto'); ga('require', 'displayfeatures'); ga('require', 'linkid', 'linkid.js'); ga('send', 'pageview'); </script> <!-- Google Analytics PageView --> <script> $(document).ready(function() { // GA event ch_ga_event(); }); function ch_ga_event() { var base_root_org = $('base').attr('href') || 'https://food.ltn.com.tw'; $(document.body).on('click.ga', '.boxInput', function(){ // 按照裝置寬度來判斷電腦版或手機版 var deviceDesc = $("meta[name='ltn:device']").attr('content') || 'U'; var _pageDesc = $('.page-name').attr('data-desc'); var pageDesc =deviceDesc+':'+_pageDesc; var obj = $(this); var objDesc = obj.attr('data-desc'); var par = obj.parents('.boxTitle'); var boxDesc = par.attr('data-desc'); var category = pageDesc; var action = boxDesc; var label = objDesc || ''; /*使用自定義說明*/ ga_send_event(category,action,label); }); $('.boxTitle').on('click.count', 'a', function(e){ if(e.button!=0){return;} var lightboxName = this.className; if (lightboxName == 'image-popup-vertical-fit') { if(getinfo($(this), true)) { if (!staticSlot) { e.preventDefault(); } } } else { if(getinfo($(this), false)) { if (!staticSlot) { e.preventDefault(); } } } }).on('mouseup.count', 'a', function(e){ if(e.button!=1){return;} getinfo($(this), true); if (!staticSlot) { e.preventDefault(); } }); function getinfo(obj, SendOnly){ // 按照裝置寬度來判斷電腦版或手機版 var deviceDesc = $("meta[name='ltn:device']").attr('content') || 'U'; var _pageDesc = $('.page-name').attr('data-desc'); var pageDesc =deviceDesc+':'+_pageDesc; var objText = obj.text(); var objDesc = obj.attr('data-desc'); var par = obj.parents('.boxTitle'); /*取區塊說明*/ var boxDesc = par.attr('data-desc'); /*是否用連結文字*/ var useText = par.hasClass('boxText'); var category = pageDesc; var action = boxDesc; var label = objDesc || ''; /*使用自定義說明*/ if(useText && label==''){ label = objText || ''; /*使用連結文字*/ } var labelA = label; var idx = $('a', par).index(obj); if(label==''){ /*記錄該區塊第幾則*/ label = '第'+idx+'則'; } var target = obj.attr('target'); var href = ''; var _href = obj.attr('href'); if(_href){ href = check_url(_href); } var send_type = 'send'; if(!target && href!=''){ send_type = 'redirect'; } if(SendOnly) send_type = 'send'; if (staticSlot) { send_type = 'send'; } setltncookies(action, idx, labelA); if(send_type=='send'){ ga_send_event(category,action,label); return false; }else{ send2ga2page(category,action,label,href); return true; } function setltncookies(area, item, elem){ var ov_sec = 30; ltncookies_news("ltn_device", deviceDesc, ov_sec); ltncookies_news("ltn_page", _pageDesc, ov_sec); ltncookies_news("ltn_area", area, ov_sec); ltncookies_news("ltn_item", item, ov_sec); ltncookies_news("ltn_elem", elem, ov_sec); } function ltncookies_news(key, value, time_sec) { var fn = ltncookies || function () {}; fn(key, value, time_sec); } } function check_url(_url){ if((/^http:/).test(_url)){ return _url; }else if((/^https:/).test(_url)){ return _url; }else if((/^\/\//).test(_url)){ return _url; }else if((/^javascript/).test(_url)){ return ''; }else if((/^#/).test(_url)){ return ''; }else{ var base_root = $('base').attr('href') || base_root_org; return base_root+_url; } } /*GA事件追蹤:頁面不轉換*/ function ga_send_event(category, title, label){ ga_send_event_callback(category, title, label, function(){}); } /*GA事件追蹤:頁面轉換*/ function ga_send_event_callback(category, title, label, fn_callback){ //return fn_callback(); ga('send', 'event', category, title, label, {'hitCallback': function() { fn_callback(); } }); } /*GA事件追蹤:連結點擊*/ function send2ga2page(category, title, label, url) { var redirectTriggered = false; ga_send_event_callback(category, title, label, function(){ redirectTriggered = true; document.location = url; }); setTimeout(function() { if (!redirectTriggered) { document.location = url; } }, 1500); } } </script> <script> var keywords = $('meta[name="keywords"]').attr('content'); var keywordsArr = keywords.split(','); for(var i = 0; i < keywordsArr.length; i++){ keywordsArr[i] = keywordsArr[i].trim() } var googletag = googletag || {}; googletag.cmd = googletag.cmd || []; googletag.cmd.push(function() { googletag.pubads().setTargeting("ltn_keywords", [keywordsArr]); }); </script> <script src="assets/js/rwd/food_common.min.js"></script> <script src="assets/js/rwd/food_global.min.js"></script> <script src="assets/js/rwd/food_right.min.js"></script> <script> var interstitial = 0; var userAgent = navigator.userAgent; var platform = navigator.platform; var iOSDevice = ['iPhone', 'iPad']; function isiPhone() { return (userAgent.indexOf('iPhone') >= 0) ? true : false; } function isAndroid() { return (userAgent.indexOf('Android') >= 0) ? true : false; } function isFB() { return (userAgent.indexOf('FB') >= 0) ? true : false; } function isLine() { return (userAgent.indexOf(' Line') >= 0) ? true : false; } function isChrome() { return (userAgent.indexOf('Chrome') >= 0 || userAgent.indexOf('CriOS') >= 0) ? true : false; } function isSimulator(device) { var i; var isDevice = true; for (i = 0; i < device.length; i++) { isDevice = (platform.indexOf(device[i]) >= 0) ? false : true; if (!isDevice) { break; } } return isDevice; } if (isFB()) { interstitial = 1; } else if (isLine()) { interstitial = 1; } else if (isAndroid() && !isChrome()) { interstitial = 1; } else if (isiPhone() && !isSimulator(iOSDevice) && !isChrome()) { interstitial = 1; } console.log('interstitial = ' + interstitial); var googletag = googletag || {}; googletag.cmd = googletag.cmd || []; googletag.cmd.push(function() { googletag.pubads().setTargeting("ltn_interstitial", [interstitial.toString()]); }); </script> <script type='text/javascript'> var googletag = googletag || {}; googletag.cmd = googletag.cmd || []; (function() { var gads = document.createElement('script'); gads.async = true; gads.type = 'text/javascript'; var useSSL = 'https:' == document.location.protocol; gads.src = (useSSL ? 'https:' : 'http:') + '//securepubads.g.doubleclick.net/tag/js/gpt.js'; var node = document.getElementsByTagName('script')[0]; node.parentNode.insertBefore(gads, node); })(); </script> <script type='text/javascript'> googletag.cmd.push(function() { var dfp = {"pc":{"K1":{"slot":"\/21202031\/12-food-home-K1","size":"[[1, 1], [970, 90], [970, 160], [970, 250], [1260, 90], [1260, 160], [1260, 250]]","div":"ad-K1","class":"adHeight250","collapse":0},"BD1":{"slot":"\/21202031\/12-food-home-BD1","size":"[[300, 250], [300, 600]]","div":"ad-BD1","class":"suggestBottom adHeight250","collapse":1},"BD2":{"slot":"\/21202031\/12-food-home-BD2","size":"[[300, 250], [300, 600]]","div":"ad-BD2","class":"suggestTop suggestBottom adHeight250","collapse":1}},"m":{"B1":{"slot":"\/21202031\/12-food-mobile-home-B1","size":"[[1, 1], [300, 250], [336, 280], 'fluid']","div":"ad-B1","class":"suggestTop suggestBottom adHeight359","collapse":0},"B2":{"slot":"\/21202031\/12-food-mobile-home-B2","size":"[[1, 1], [300, 250], [336, 280], 'fluid']","div":"ad-B2","class":"suggestCenter suggestTop suggestBottom adHeight280","collapse":1},"B3":{"slot":"\/21202031\/12-food-mobile-home-B3","size":"[[1, 1], [300, 250], [336, 280], 'fluid']","div":"ad-B3","class":"suggestCenter suggestTop suggestBottom adHeight280","collapse":1},"I1-bottom":{"slot":"\/21202031\/12-food-mobile-home-I1-bottom","size":"[[1, 1], [320, 50], [320, 100], 'fluid']","div":"ad-I1-bottom","class":"door-bottom door-bottom-head","collapse":1}}}; var device = cookies_m.isPC() ? 'pc' : 'm'; dfp = dfp[device] || []; for (var key in dfp) { // 蓋台廣告由cache_ads_h1.php控制 if (key === 'H1') { continue; } if (dfp.hasOwnProperty(key)) { var ad = dfp[key]; var adSize = eval(ad['size']); var bodyWidth = $('body').width(); ad['size'] = []; for (var i in adSize) { if (adSize[i][0] > bodyWidth) { continue; } ad['size'].push(adSize[i]); } if (ad['collapse']) { googletag.defineSlot( ad['slot'], ad['size'], ad['div'] ).addService(googletag.pubads()).setCollapseEmptyDiv(true, false); } else { googletag.defineSlot( ad['slot'], ad['size'], ad['div'] ).addService(googletag.pubads()).setCollapseEmptyDiv(false, false); } } } googletag.pubads().addEventListener('slotRenderEnded', function(event) { // google回傳的廣告標籤(ex:ad-B1) var slotElementId = event.slot.getSlotElementId(); // === 無廣告時要做的事 === if (event.isEmpty) { // 記錄沒有廣告 console.log('沒有'+slotElementId); return; } // === 有廣告時要做的事 === // 置底浮水印廣告,調整畫面不要蓋住footer if (slotElementId == 'ad-I1-bottom') { // 廣告的高度 var ad_height = event.size[1]; var $adI1Bottom = $('#ad-I1-bottom'); // 調整廣告位置與footer墊底高度 $adI1Bottom.css('height', ad_height + 'px'); $('.door-bottom-space').show().css('height', ad_height + 'px'); // 顯示關閉按鈕並綁定關閉事件 if (ad_height > 50) { // 調整Top按鈕高度 $('#top').css('bottom', (ad_height + 20) + 'px'); // 監聽關閉按鈕 $adI1Bottom.prepend('<i class="close"></i>'); $adI1Bottom.find('.close').click(function () { $adI1Bottom.fadeOut(100); $('.door-bottom-space').fadeOut(100); $('#top').css('bottom', '100px'); }); } return; } // 有IR1時顯示「請繼續往下閱讀...」 if (slotElementId == 'ad-IR1' || slotElementId == 'ad-PCIR1') { // 顯示「請繼續往下閱讀...」(class="before_ir"在cache中寫的) var suggest_rwd = 'suggest_' + (slotElementId == 'ad-PCIR1' ? 'pc' : 'm'); $('p.before_ir').addClass(suggest_rwd).fadeIn(200); $('p.after_ir').addClass(suggest_rwd).fadeIn(200); } }); googletag.enableServices(); }); </script> <script> // 判斷裝置 並只呼叫相同裝置的廣告 function displayDFP(div, dfpDevice) { var realDevice = cookies_m.isPC() ? 'pc' : 'm'; if (dfpDevice !== realDevice) { $('.suggest_' + dfpDevice).remove(); $('#' + div).remove(); return; } googletag.cmd.push(function() { googletag.display(div); }); } </script> <!--更新時間:2025/04/07 11:37:21--><script> let webPushOrigin = 'https://www.ltn.com.tw'; let webPushFile = webPushOrigin + '/webNotificationCheck'; let webPushNotification = webPushOrigin + '/webNotification'; // 監聽檢查回應 window.addEventListener('message',function(e) { if (e.origin == webPushOrigin) { if (e.data == 'isOK') { let checkIframe = document.getElementById('checkIframe'); checkIframe.contentWindow.postMessage('getPermission', webPushOrigin); } else if (e.data == 'granted') { $("#checkIframe").remove(); console.log(e.data); } else if (e.data == 'denied' || e.data == 'default') { //default or denied $("#checkIframe").remove(); console.log(e.data); softConfirm(); } } },false); $(function() { let webPush = getCookie("softPush"); if (webPush === undefined || webPush < 1) { if (userAgent.indexOf('Chrome') >= 0 || userAgent.indexOf('Firefox') >= 0 || userAgent.indexOf('Edge/') >= 0) { initFcm(); } else if (userAgent.indexOf('Safari') >= 0) { } } }); //檢查notification function initFcm() { console.log('check notification'); if ('Notification' in window) { checkFcm(); } } //檢查notification permission function checkFcm() { console.log('checkFcm'); let checkIframe = document.createElement('iframe'); checkIframe.setAttribute('id', 'checkIframe'); checkIframe.setAttribute('src', webPushFile); checkIframe.setAttribute('allow', 'payment'); document.body.appendChild(checkIframe); } //觸發軟詢問 function softConfirm() { let softPushNotificaton = document.createElement('div'); softPushNotificaton.setAttribute('class', 'softPush_notification'); let softPushNotificationImg = document.createElement('img'); softPushNotificationImg.setAttribute('src', 'https://news.ltn.com.tw/assets/images/all/ltn.png'); softPushNotificationImg.setAttribute('alt', '自由時報'); softPushNotificaton.appendChild(softPushNotificationImg); let softPushNotificationSpan = document.createElement('span'); softPushNotificationSpan.setAttribute('class', 'softPush_word'); let softPushNotificationText = document.createTextNode('感謝您的訂閱 自由時報電子報隨時提供您最即時、熱門的新聞訊息。'); softPushNotificationSpan.appendChild(softPushNotificationText); softPushNotificaton.appendChild(softPushNotificationSpan); let softPushNotificationButton = document.createElement('button'); softPushNotificationButton.setAttribute('class', 'softPush_confirm'); softPushNotificationText = document.createTextNode('訂閱'); softPushNotificationButton.appendChild(softPushNotificationText); softPushNotificaton.appendChild(softPushNotificationButton); softPushNotificationButton = document.createElement('button'); softPushNotificationButton.setAttribute('class', 'softPush_refuse'); softPushNotificationText = document.createTextNode('暫時不要'); softPushNotificationButton.appendChild(softPushNotificationText); softPushNotificaton.appendChild(softPushNotificationButton); document.body.appendChild(softPushNotificaton); } //設定軟詢問時間 function setSoftPushCookie(extension = 0) { let st = ""; let expires = new Date(); //延展時間 extension = (extension == 0) ? 7 * 24 * 60 * 60 * 1000 : extension; expires.setTime(expires.getTime() + extension); let ti = getCookie("softPush"); if (ti === undefined) ti = 0; st = "softPush=" + (Number(ti)+1) +"; domain=ltn.com.tw;expires=" + expires.toGMTString() +"; path=/"; document.cookie = st; } $(document).on("click",".softPush_confirm",function() { window.open(webPushNotification); getScrNews('www.webPush.ask', 'ask', '', '1'); $(".softPush_notification").remove(); }); $(document).on("click",".softPush_refuse",function(){ $(".softPush_notification").remove(); getScrNews('www.webPush.ask', 'ask', '', '0'); setSoftPushCookie(); }); </script> <style> /******************** 瀏覽器推播通知 ********************/ .softPush_notification { width: 400px; height: 170px; padding: 20px; border-radius: 10px; position: fixed; left: 50%; margin-left: -200px; top: 28%; background: #fbfbfb; box-shadow: 0px 0px 30px 6px rgb(0 0 0 / 40%); z-index: 300; text-align: justify;} .softPush_notification img { width: 80px; height: auto; float: left; margin-right: 10px; } .softPush_notification span.softPush_word { margin-bottom: 10px; font-size: 18px; line-height: 30px; font-family: 'Noto Sans TC', "微軟正黑體";} .softPush_notification button { border-radius: 5px; padding: 5px 8px; letter-spacing: 1px; cursor: pointer; border: 0px; font-size: 16px;} .softPush_notification button.softPush_confirm { position: absolute; right: 25px; bottom: 20px; background: #daa01c; color: #fff; transition: .2s linear;} .softPush_notification button.softPush_refuse { position: absolute; right: 80px; bottom: 20px; color: #8e8e8e; transition: .2s linear;} .softPush_notification button.softPush_confirm:hover { background: #c58901; } .softPush_notification button.softPush_refuse:hover { background: #dedede; } @media screen and (max-width:500px) { /* 瀏覽器推播通知 */ .softPush_notification { width: 280px; height: 140px; padding: 16px; margin-left: -140px; } .softPush_notification img { width: 60px; } .softPush_notification span.softPush_word { font-size: 16px; line-height: 24px; } .softPush_notification button { padding: 6px 12px; font-size: 12px; } .softPush_notification button.softPush_confirm, .softPush_notification button.softPush_refuse { bottom: 12px; } .softPush_notification button.softPush_confirm { right: 16px; } } </style> <script> let checkDevice = cookies_m.isPC() ? 'pc' : 'm'; </script> <script> //fetch hotNews data /** * 戳機器學習api * array categoryAndType 分類跟文章類別 * int limit 出幾則 * string section 渲染的位置/區塊 */ function fetchHotNews(categoryAndType, limit, section, fn = null) { if (Array.isArray(categoryAndType)) { return fetchNews(hotNewsUrl, { "category": categoryAndType[0], "article_type": categoryAndType[1] ? categoryAndType[1] : "", "limit": limit, "rh_guid": "guid string", "utm_source": hotNewsSource, "utm_medium": section }, 'recommendations'); } let requestData = { "category": hotNewsCategory, "article_type": categoryAndType, "limit": limit, "rh_guid": "guid string", "utm_source": hotNewsSource, "utm_medium": section }; if (fn) { let url = new URL(hotNewsUrl); url.search = new URLSearchParams(requestData).toString(); return fetch(url, { // method: 'GET', headers: { 'Content-Type': 'application/json', 'Authorization': hotNewsAuth }, }) .then(response => { if (!response.ok) { throw new Error('response error:' + response.status); } return response.json(); }) .then(data => { fn(data); }) .catch(error => { console.error('fetch error:', error); }); } else { return fetchNews(hotNewsUrl, requestData, 'recommendations'); } }; /** * 取機器學習的相關新聞 */ function fetchRelatedNews(ltc_no, ltc_group, limit, utmSource='') { let requestData = { "ltc_no": ltc_no, "ltc_group": ltc_group, "limit": limit, "utm_source": utmSource, "utm_medium": "relatedNews" }; return fetchNews(relatedNewsUrl, requestData, 'related_news'); } // 相關新聞與熱門新聞共用fetch function fetchNews(url, requestData, resultKey) { let urlWithGET = new URL(url); urlWithGET.search = new URLSearchParams(requestData).toString(); return fetch(urlWithGET, { headers: { "Content-Type": "application/json" } }) .then(response => { if (!response.ok) { throw new Error('response error: ' + response.status); } return response.json(); }) .then(data => { if (data && data[resultKey]) { return data[resultKey]; } else { return []; } }) .catch(error => { console.error('fetch error:', error); return []; }); } /** * 檢查originalMoreNews是否有ad並塞入FetchRelatedNews * data fetch回來的 * originalMoreNews 原始的 */ function insertAdToFetchRelatedNews(data, originalMoreNews) { var hasAd = originalMoreNews.some(function(news) { return news.buy; }); if (hasAd) { var adNews = originalMoreNews.filter(function(news) { return news.buy; }); for (var i = 0; i < adNews.length; i++) { insertAdAtPosition(data, adNews[i], (3 + i * 3)); } } return data; } /** * 在指定位置塞入廣告 * data 整包資料 * adNews 新聞 * position 寫入位置 */ function insertAdAtPosition(data, adNews, position) { (data.length >= position) ? data.splice(position - 1, 0, adNews) : data.push(adNews); return data; } //if no data remove dom function removeHotnewsDOM(sectionClass) { const elements = document.querySelectorAll('.' + sectionClass); elements.forEach(element => { element.remove(); }); } </script> </head> <body id="food"> <div id="fb-root"></div> <link rel="stylesheet" href="https://cache.ltn.com.tw/css/rwd_head_tail.css?20241104" /> <link rel="stylesheet" href="https://cache.ltn.com.tw/css/rwd_head_cover.css?20241115" /> <script src="https://cache.ltn.com.tw/js/rwd_mobile_search.js?20200609"></script> <!-- Header 開始 --> <div class="ltnheader boxTitle boxText" data-desc="置頂選單"> <div class="Hcon"> <div class="logo"> <a title="自由時報" href="https://www.ltn.com.tw" data-desc="自由時報" class="logo_B"><img src="https://cache.ltn.com.tw/images/rwd_ltnlogo.png" alt="自由時報" title="自由時報"></a> <a title="自由時報" href="https://www.ltn.com.tw" data-desc="自由時報" class="logo_S"><img src="https://cache.ltn.com.tw/images/logo_foot.png" alt="自由時報" title="自由時報"></a> </div> <!-- 手機側邊欄選單用 --> <div class="ltnSearch"></div> <div class="nav_bar"></div> <!-- Header 選單 --> <div class="useMobi"> <ul> <li><a title="即時" href="https://news.ltn.com.tw/list/breakingnews" data-desc="即時">即時</a></li> <li><a title="熱門" href="https://news.ltn.com.tw/list/breakingnews/popular" data-desc="熱門">熱門</a></li> <li><a title="政治" href="https://news.ltn.com.tw/list/breakingnews/politics" data-desc="政治">政治</a></li> <li class="li_rich"> <img class="newChannel" src="https://cache.ltn.com.tw/images/new2.gif" alt="newChannel" title="newChannel"> <a title="財富自由" href="https://stock.ltn.com.tw" data-desc="財富自由" target="_blank">財富自由</a></li> <li><a title="軍武" href="https://def.ltn.com.tw" data-desc="軍武">軍武</a></li> <li><a title="社會" href="https://news.ltn.com.tw/list/breakingnews/society" data-desc="社會">社會</a></li> <li><a title="生活" href="https://news.ltn.com.tw/list/breakingnews/life" data-desc="生活">生活</a></li> <li><a title="健康" href="https://health.ltn.com.tw" data-desc="健康">健康</a> <li><a title="國際" href="https://news.ltn.com.tw/list/breakingnews/world" data-desc="國際">國際</a></li> <li><a title="地方" href="https://news.ltn.com.tw/list/breakingnews/local" data-desc="地方">地方</a></li> <li><a title="蒐奇" href="https://news.ltn.com.tw/list/breakingnews/novelty" data-desc="蒐奇">蒐奇</a></li> <li><a title="影音" href="https://video.ltn.com.tw" data-desc="影音">影音</a></li> <li><a title="財經" href="https://ec.ltn.com.tw" data-desc="財經">財經</a></li> <li><a title="娛樂" href="https://ent.ltn.com.tw" data-desc="娛樂">娛樂</a></li> <li><a title="汽車" href="https://auto.ltn.com.tw" data-desc="汽車">汽車</a></li> <li><a title="時尚" href="https://istyle.ltn.com.tw" data-desc="時尚">時尚</a></li> <li><a title="體育" href="https://sports.ltn.com.tw" data-desc="體育">體育</a></li> <li><a title="3C" href="https://3c.ltn.com.tw" data-desc="3C">3 C</a></li> <li><a title="評論" href="https://talk.ltn.com.tw" data-desc="評論">評論</a></li> <li><a title="藝文" href="https://art.ltn.com.tw" data-desc="藝文">藝文</a></li> <li><a title="玩咖" href="https://playing.ltn.com.tw" data-desc="玩咖">玩咖</a></li> <li><a title="食譜" href="https://food.ltn.com.tw" data-desc="食譜">食譜</a></li> <li><a title="地產" href="https://estate.ltn.com.tw" data-desc="地產">地產</a></li> <li class="li_project"><a title="專區" href="https://features.ltn.com.tw/" data-desc="專區">專區</a></li> <li class="li_TT"><a title="TAIPEI TIMES" href="http://www.taipeitimes.com/" data-desc="TAIPEI TIMES" target="_blank">TAIPEI TIMES</a></li> <li><a title="求職" href="https://ltn_jobs.yes123.com.tw/index.asp" data-desc="求職" target="_blank">求職</a></li> </ul> </div> <div class="function boxTitle boxText" data-desc="其它"> <div class="weather" data-desc="天氣"> <img id="weather_img" src="https://cache.ltn.com.tw/images/weather/wi_0002_day.png" alt="晴時多雲" title="晴時多雲"> <p id="weather_text"></p> </div> <div class="icon"> <a title="Facebook" href="https://www.facebook.com/m.ltn.tw/?fref=ts" class="Facebook" target="_blank" data-desc="Facebook"></a> <a title="Line" href="https://line.me/R/ti/p/%40ltnnews" class="Line" target="_blank" data-desc="Line"></a> <a title="Twitter" href="https://twitter.com/ltntw" class="Twitter" target="_blank" data-desc="Twitter"></a> <a title="YouTube" href="https://www.youtube.com/user/tvforltn" class="YouTube" target="_blank" data-desc="YouTube"></a> <a title="我要爆料" href="https://service.ltn.com.tw/complain" class="Boom" data-desc="爆料"><p>爆</p></a> <a title="search" class="iconSearch" data-desc="search"></a> <!-- 展開搜尋 --> <div class="ltnsch_show boxTitle boxText" title="搜尋" data-desc="搜尋"> <form action="https://search.ltn.com.tw/list" method="get" name="search" onsubmit="return send();"> <input name="keyword" id="cacheSearch" type="text" placeholder="Search..."> </form> </div> </div> </div> </div> <div id="marqueeHeader"></div> </div> <!-- 行動裝置:搜尋 --> <div class="M_LTN_Search"> <div class="mobileMask" style=""></div> <div class="MSearch_con"> <div class="searchltn_close"></div> <form class="formSearch" action="https://search.ltn.com.tw/list" method="get" onsubmit='return search_for_all_news();'> <input placeholder="請輸入關鍵字" name="keyword" type="text" id="rwd_qs" value=""> <div class="sbox03"><button type="submit" class="formSearchbt" data-desc="Search" id="search_submit_btn">Search</button></div> </form> </div> </div> <!-- 行動裝置:搜尋 結束 --> <!-- 天氣使用經緯度取資料 --> <script> applyWeather(); // 天氣主程式 function applyWeather() { if(!/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)) { isWeather(); } } function setCity(lat, lon) { // city array var cityNameArr = [ '新北市', '臺北市', '基隆市', '桃園市', '新竹市', '宜蘭縣', '新竹縣', '臺中市', '苗栗縣', '彰化縣', '南投縣', '雲林縣', '臺南市', '高雄市', '嘉義市', '嘉義縣', '屏東縣', '澎湖縣', '臺東縣', '臺東市', '花蓮縣', '花蓮市', '台中市', '連江縣', '金門縣' ]; let url = "https://api.bigdatacloud.net/data/reverse-geocode-client?latitude="+lat+"&longitude="+lon+"&localityLanguage=zh"; let request = new XMLHttpRequest(); request.open('GET', url, true); request.onload = function () { let data = JSON.parse(this.response); let cityName = '臺北市'; if (request.status >= 200 && request.status < 400) { let cityArr = data.localityInfo.administrative; let result = cityArr.find(obj => {return cityNameArr.includes(obj.name)}); if (result != undefined) { cityName = (result.name == '台中市')? '臺中市' : result.name; } } addWeather(cityName, 1); }; request.send(); } function isWeather() { var isWeather = document.getElementById('ltnRWD') ? 1 : 0; // 判斷是否顯示天氣 if (isWeather) { $( document ).ready(function() { // 先取用cookie先前天氣資料 if (getCookie('city') && getCookie('temperature') && getCookie('icon') && getCookie('status')) { let data = {temperature: getCookie('temperature'), icon: getCookie('icon'), status: getCookie('status')}; let city = getCookie('city'); setAttribute(city, data); return; } // 還沒確認地理位置前先預設 addWeather('臺北市', 1); // cookie沒值則抓取user位置天氣 if (window.navigator.geolocation) { geo = window.navigator.geolocation; geo.getCurrentPosition(function(position) {setCity(position.coords.latitude, position.coords.longitude);}, addWeather('臺北市', 0) ); } }); } } function addWeather(city, isGEO) { // isGEO 0:無法取得定位 1:可以取得定位 let weatherUrl = 'https://cache.ltn.com.tw' + '/getWeather/' + city; let xmlHttp = new XMLHttpRequest(); xmlHttp.open( "GET", weatherUrl, true); // false for synchronous request xmlHttp.onload = function () { let data = JSON.parse(this.response); data.city = city; setCookie(data, isGEO);// 設定cookie setAttribute(city, data);// 設定天氣html }; xmlHttp.send(); } function setCookie(data, isGEO) { let cityNow = new Date(); let weatherNow = new Date(); var expireCityTime = (isGEO == 0)? 24 : 2; var expireWeatherTime = 8; cityNow.setTime(cityNow.getTime() + expireCityTime * 3600 * 1000); weatherNow.setTime(weatherNow.getTime() + expireWeatherTime * 3600 * 1000); for (let key in data) { document.cookie = (key == 'city')? key + '=' + data[key] + '; expires=' + cityNow.toUTCString() + '; domain=.ltn.com.tw; path=/' : key + '=' + data[key] + '; expires=' + weatherNow.toUTCString() + '; domain=.ltn.com.tw; path=/'; } } function setAttribute(city, data) { //設定天氣html document.getElementById('weather_text').innerHTML = city + ' ' + data.temperature; document.getElementById('weather_img').setAttribute("src", 'https://cache.ltn.com.tw/images/weather/' + data.icon); document.getElementById('weather_img').setAttribute("alt", data.status); document.getElementById('weather_img').setAttribute("title", data.status); } function getCookie(name) { // 依名字取cookie const value = `; ${document.cookie}`; const parts = value.split(`; ${name}=`); if (parts.length === 2) return parts.pop().split(';').shift(); } </script> <!-- 天氣使用經緯度取資料 結束--> <script> var count = 0; function send() { if (count == 0) { count++; key = document.getElementById("cacheSearch").value.replace(/( )+/g, ' '); key = key.replace(/( )+/g, ' '); key = key.replace(/^[\s]*/gi, ""); //去除左邊空白 key = key.replace(/[\s]*$/gi, ""); //去除右邊空白 document.getElementById("cacheSearch").value = key; kw = key.split(" "); if (key.length > 50) { alert("關鍵字數過長"); count = 0; return false; } else if (kw.length > 3) { alert("超過三組關鍵字"); count = 0; return false; } else if ((kw.length == 1 && kw[0].length < 2)) { alert("關鍵字需兩個字以上"); count = 0; return false; } else return true; } } </script> <script> /*滑動隱藏header*/ var startScroll = false; var firstScrollTop = 0; $(window).on('scroll', function() { if (!startScroll || this.scrollY <= $('#marquee').find('li').outerHeight(true)) { $('body').removeClass('hideUp'); return; } if (firstScrollTop == 0) { firstScrollTop = this.scrollY; } firstScrollTop = hideUp(firstScrollTop, this.scrollY); }); setTimeout(function () { startScroll = true; }, 3000); function hideUp(startY, endY) { var moveY = endY - startY; var targetUp = 0; var targetDown = 0; if ($(window).outerWidth(true) <= 828) { //手機版條件 targetUp = 5; targetDown = -100; } if (moveY > targetUp) { // 往上滑 $('body').addClass('hideUp'); startY = 0; } else if (moveY < targetDown) { // 往下滑 body移除hideUp以顯示header $('body').removeClass('hideUp'); startY = 0; } return startY; } </script> <style> /*滑動隱藏header*/ .ltnheader { transition: all 0.8s; } .hideUp .ltnheader {top: -90px;} </style> <style> @charset "utf-8"; /* CSS Document */ #mobileMenu * { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } #mobileMenu{width:200px; /*width:100%;*/ height:100vh; overflow-y:scroll; overflow-x:hidden; transition:all 0.1s linear; font-size:16px; } #mobileMenu::-webkit-scrollbar { display: none; /*Chorme*/} #mobileMenu { scrollbar-width: none; /*FF*/} #mobileMenu { -ms-overflow-style: none; /*IE*/} #mobileMenu a { color:#fff; cursor:pointer; } #mobileMenu .MM { width:200px; background-color:#5e5e5e; position:absolute; top:0; z-index:50; box-shadow:0px 0px 8px 3px rgba(0,0,0,0.3), -6px 0px 10px 0px rgba(0,0,0,0.3) inset; } .mobileMenu { display:none; height:100%; position:fixed; top:0; z-index:3001; } /* ----------- ltn 相關 ----------- */ #mobileMenu div.MM div.ltn_home { display:block; width:100%; } #mobileMenu .ltn_home a { display:block; height:50px; line-height:50px; position:relative; color:#fff; padding:0px 0px 0px 40px; } #mobileMenu .ltn_home a.home { border-bottom:2px solid #7d7d7d; } #mobileMenu .ltn_home a.icon_item, #mobileMenu .ltn_home a.dot { border-top:1px solid #000; margin:0; } #mobileMenu .ltn_home a.home:before, #mobileMenu .ltn_home a.dot:before, #mobileMenu .ltn_home a.icon_item:before { content:""; display:block; width:18px; height:20px; position:absolute; left:13px; top:15px; } #mobileMenu .ltn_home a.home:before, #mobileMenu .ltn_home a.icon_item:before { background-size: 18px; background-repeat: no-repeat; background-position: center 1px; } #mobileMenu .ltn_home a.home:before { background-image: url(https://cache.ltn.com.tw/images/icon/mobileBT_home.svg); } #mobileMenu .ltn_home a.app:before { background-image: url(https://cache.ltn.com.tw/images/icon/mobileBT_app.svg); } #mobileMenu .ltn_home a.fb:before { background-image: url(https://cache.ltn.com.tw/images/icon/mobileBT_fb.svg); } #mobileMenu .ltn_home a.line:before { background-image: url(https://cache.ltn.com.tw/images/icon/mobileBT_line.svg); } #mobileMenu .ltn_home a.twitter:before { background-image: url(https://cache.ltn.com.tw/images/icon/mobileBT_x.svg); } #mobileMenu .ltn_home a.dot:before { width: 6px; height: 6px; background-color: #fff; border-radius: 50%; left: 18px; top: 20px; } /* --- 調整IOS用 --- */ #mobileMenu .ltn_home .spacing { width:100%; height:120px; } #mobileMenu .ltn_home a.dot { border-bottom:1px solid #000; } /* --- 頻道調整用 --- */ #mobileMenu .MM .ltn_home a.app { background-color:transparent; border:none; border-radius:0; } #mobileMenu .MM .ltn_home a.line { float:none; } /* ----------- 所有頻道選單 ----------- */ #mobileMenu div.MM .mainM { background-color:#4a4947; border-bottom:4px solid #000; overflow:hidden; letter-spacing:4px; } #mobileMenu .mainM .ltnM { background-color:#625d5a; border-bottom:3px solid #000; overflow:hidden; float:left;} #mobileMenu .mainM a { display:block; float:left; width:50%; height:50px; line-height:50px; text-align:center; border-bottom:1px solid #000; border-right:1px solid #000; } #mobileMenu .mainM a.full { width:100%; float:left; text-align:left; padding-left:30px; border-bottom:1px solid #000; border-right:none; } #mobileMenu .mainM .ltnM a:nth-child(even) { border-right:none; } /* ----------- 側邊陰影 ----------- */ #mobileMenu div.MM .channel, #mobileMenu div.MM .mainM, #mobileMenu div.MM .mainM .ltnM { box-shadow:-6px 0px 10px 0px rgba(0,0,0,0.2) inset, 3px 0px 7px 0px rgba(0,0,0,0.2) inset; } /* ----------- 目前頻道選單 ----------- */ #mobileMenu div.MM .channel { background-color:#888; border-bottom:10px solid #000; overflow:hidden; padding:0;margin:0; } #mobileMenu .channel .tit { height:25px; background-color:#000; color:#fff; font-size:0.85rem; line-height:25px; text-align:left; padding-left:10px; margin:0; } #mobileMenu .channel a { padding-left:10px; display:block; float:left; width:50%; height:50px; line-height:50px; border-bottom:1px solid #000; border-right:1px solid #000; } #mobileMenu .channel a.full { width:100%; float:left; border-bottom:1px solid #000; } #mobileMenu .channel a.half img, #mobileMenu .channel a.full img { width:16px; vertical-align:middle; margin:0px 4px 3px 0px; } #mobileMenu .channel a.half span, #mobileMenu .channel a.full span { letter-spacing:normal; } #mobileMenu .channel a.half { clear:none; }/*程式用*/ #mobileMenu .channel a.word { line-height:1.3; padding-top:4px; }/*選項折行(5個字以上:廚房生活小知識)*/ /* --- 左側選單 --- */ .mobileMenu_left { left:-200px; } #mobileMenu .mobileMenu_left_close { left: 200px; } #mobileMenu .mobileMenu_left_MM { left: 0; } /* --- 右側選單 --- */ .mobileMenu_right { right:-200px; } #mobileMenu .mobileMenu_right_close { right: 200px; } #mobileMenu .mobileMenu_right_MM { right:0; } /* --- 遮罩 --- */ .maskMM { background:rgba(255,255,255,0.7); width:100vw; height:100vh; position:fixed; z-index:3000; top:0; left:0; right:0; overflow:hidden; transition:all 0.1s linear; display:none; } .opacity { overflow-y:hidden; } .VB { display:block; } /* --- 側邊欄bt ---*/ .nav_bar { -webkit-tap-highlight-color:rgba(0,0,0,0); display:inline-block; vertical-align:middle; width:45px; height:45px; cursor:pointer; position:absolute; right:10px; top:0; background:url(https://cache.ltn.com.tw/images/icon/g_menu.svg) no-repeat center; background-size:20px; } #mobileMenu .close { display:inline-block; vertical-align:middle; width:50px; height:50px; cursor:pointer; position:absolute; top:0; left:150px; z-index:55; background:url(https://cache.ltn.com.tw/images/icon/g_close.svg) no-repeat center, #aaa; background-size:30px; -webkit-tap-highlight-color:rgba(0,0,0,0); } /* --- rwd頻道需要 ---*/ @media screen and (min-width:800px){ #estate .maskbg, #talk .maskbg, #partner .maskbg { display:none; } #estate .nav_bar, #talk .nav_bar, #partner .nav_bar { display:none; }/*800以上隱藏手機版漢堡*/ } /* --- google廣告 amp格式 修正 ---*/ div[id^='google_ads_iframe'] { margin: 0 auto; } /* [MOBILE CSS] */ </style> <script src="https://cache.ltn.com.tw/js/mobilemenu.js?20190708"></script> <div id="mobileMenu" class="mobileMenu mobileMenu_right"> <div class="close mobileMenu_right_close"></div> <div class="MM mobileMenu_right_MM"> <!-- ltn首頁 --> <div class="ltn_home boxTitle boxText" data-desc="側邊選單:自由時報電子報"> <a title="自由時報電子報" href="https://www.ltn.com.tw/" class="home">自由電子報</a> </div> <!-- 目前頻道選單 --> <div class="channel partner boxTitle boxText" data-desc="側邊選單:食譜自由配"> <div class="tit" data-desc="食譜自由配">食譜自由配</div> <a title="食譜首頁" href="https://food.ltn.com.tw" class="half" target="_self">食譜首頁</a> <a title="找食譜" href="https://food.ltn.com.tw/category" class="half" target="_self">找食譜</a> <a title="最新食譜" href="https://food.ltn.com.tw/latest" class="half" target="_self">最新食譜</a> <a title="主題食譜" href="https://food.ltn.com.tw/theme" class="half" target="_self">主題食譜</a> <a title="料理撇步" href="https://food.ltn.com.tw/tips" class="half" target="_self">料理撇步</a> <a title="廚房生活小知識" href="https://food.ltn.com.tw/knowhow" class="half word" target="_self">廚房生活<br>小知識</a> <a title="影音食譜" href="https://food.ltn.com.tw/type/283" class="half" target="_self">影音食譜</a> <a title="達人出招" href="https://food.ltn.com.tw/chef" class="half" target="_self">達人出招</a> <a title="食譜自由配粉絲團" href="https://www.facebook.com/food.ltn.tw" class="full" target="_blank"><img width='16' height='16' src='https://cache.ltn.com.tw/images/icon/mobileBT_fb.svg' alt='食譜自由配粉絲團' title='食譜自由配粉絲團'>食譜自由配粉絲團</a> </div> <!-- 所有頻道選單 --> <div class="mainM boxTitle boxText" data-desc="側邊選單:頻道選單"> <a title="自由影音" href="https://video.ltn.com.tw" class="full">自由影音</a> <!-- 即時 --> <div class="ltnM boxText"> <a title="即時" href="https://news.ltn.com.tw/list/breakingnews">即時</a> <a title="熱門" href="https://news.ltn.com.tw/list/breakingnews/popular">熱門</a> <a title="政治" href="https://news.ltn.com.tw/list/breakingnews/politics">政治</a> <a title="軍武" href="https://def.ltn.com.tw">軍武</a> <a title="社會" href="https://news.ltn.com.tw/list/breakingnews/society">社會</a> <a title="生活" href="https://news.ltn.com.tw/list/breakingnews/life">生活</a> <a title="健康" href="https://health.ltn.com.tw">健康</a> <a title="國際" href="https://news.ltn.com.tw/list/breakingnews/world">國際</a> <a title="地方" href="https://news.ltn.com.tw/list/breakingnews/local">地方</a> <a title="蒐奇" href="https://news.ltn.com.tw/list/breakingnews/novelty">蒐奇</a> </div> <!-- 頻道 --> <a title="財富自由" href="https://stock.ltn.com.tw" class="full" target="_blank">財富自由</a> <a title="財經" href="https://ec.ltn.com.tw">財經</a> <a title="娛樂" href="https://ent.ltn.com.tw">娛樂</a> <a title="藝文" href="https://art.ltn.com.tw">藝文</a> <a title="汽車" href="https://auto.ltn.com.tw">汽車</a> <a title="時尚" href="https://istyle.ltn.com.tw">時尚</a> <a title="體育" href="https://sports.ltn.com.tw">體育</a> <a title="3C" href="https://3c.ltn.com.tw">3 C</a> <a title="評論" href="https://talk.ltn.com.tw">評論</a> <a title="玩咖" href="https://playing.ltn.com.tw">玩咖</a> <a title="食譜" href="https://food.ltn.com.tw">食譜</a> <a title="地產" href="https://estate.ltn.com.tw">地產</a> <!--<a style="cursor: default;"></a>--> <a title="專區" href="https://features.ltn.com.tw">專區</a> <a title="服務" href="https://service.ltn.com.tw">服務</a> </div> <!-- 其他 --> <div class="ltn_home boxTitle boxText" data-desc="側邊選單:其他選單"> <a title="自由時報電子報APP" href="https://service.ltn.com.tw/app" target="_blank" class="icon_item app">自由電子報 APP</a> <a title="自由時報電子報粉絲團" href="https://www.facebook.com/m.ltn.tw" target="_blank" class="icon_item fb">自由電子報粉絲團</a> <a title="自由時報電子報Line" href="https://line.me/R/ti/p/%40ltnnews" target="_blank" class="icon_item line">自由電子報 Line</a> <a title="自由時報電子報Twitter" href="https://twitter.com/ltntw" target="_blank" class="icon_item twitter">自由電子報 X</a> <a title="熱門新訊" href="https://market.ltn.com.tw/m" class="dot">熱門新訊</a> <div class="spacing"></div> </div> </div> </div> <div id="maskMM" class="maskMM"></div> <!-- Event snippet for LTN_Website_Audience on : Please do not remove. Place this snippet on pages with events you’re tracking. Creation date: 07/18/2019 --> <script> gtag('event', 'conversion', { 'allow_custom_scripts': true, 'u1': 'food', 'u2': '', 'u3': '', 'u4': '', 'u5': '', 'send_to': 'DC-9530821/invmedia/ltn_w0+standard' }); </script> <noscript> <img src="https://ad.doubleclick.net/ddm/activity/src=9530821;type=invmedia;cat=ltn_w0;u1=food;u2=;u3=;u4=;u5=;dc_lat=;dc_rdid=;tag_for_child_directed_treatment=;tfua=;npa=;ord=1?" width="1" height="1" alt=""/> </noscript> <!-- End of event snippet: Please do not remove --> <header class="foodHeader"> <div class="con boxTitle boxText" data-desc="上方選單"> <a href="https://food.ltn.com.tw/" class="foodLogo" title="食譜自由配" data-desc="食譜自由配"><img src="assets/images/logo.png" alt="食譜自由配" title="食譜自由配"></a> <ul class="level1"> <li><a href="https://food.ltn.com.tw/category" class="L1" title="找食譜" data-desc="找食譜">找食譜</a></li> <li><a href="https://food.ltn.com.tw/theme" class="L1" title="主題食譜" data-desc="主題食譜">主題食譜</a></li> <li><a href="https://food.ltn.com.tw/tips" class="L1" title="料理撇步" data-desc="料理撇步">料理撇步</a></li> <li><a href="https://food.ltn.com.tw/knowhow" class="L1" title="廚房生活小知識" data-desc="廚房生活小知識">廚房生活小知識</a></li> <li><a href="https://food.ltn.com.tw/type/283" class="L1" title="影音食譜" data-desc="影音食譜">影音食譜</a></li> <li><a href="https://food.ltn.com.tw/chef" class="L1" title="達人出招" data-desc="達人出招">達人出招</a></li> </ul> <div class="nav_bar"></div> <a title="搜尋" id="search_btn" class="Hsearch" data-desc="搜尋"></a> <a href="https://www.facebook.com/food.ltn.tw/" class="food_fb" title="食譜粉絲團" data-desc="食譜粉絲團"></a> <!-- 搜尋 --> <div class="mask_search" data-desc="搜尋"> <div class="mask"></div> <div class="mask_content"> <div class="channel_search_close"></div> <form class="form-search" action="search" name="form1" method="get" onsubmit="search_click('ingr');return false;"> <input type="text" id="search_ingr" placeholder="冰箱有什麼_ex:蛋 蔥 飯(最多三組)"> <button type="submit" data-desc="Search" onClick="search_click('ingr');return false;">Search</button> </form> <form class="form-search" action="searchKeyword" name="form1" method="get"> <input type="text" id="search_all" name="search" placeholder="關鍵字_ex:冰箱"> <button type="submit" data-desc="Search">Search</button> </form> </div> </div> </div> </header> <!-- max-width:600 以下用 (手機用)--> <div class="findrecipe boxTitle" data-desc="置頂按鈕"> <a data-desc="找食譜" href="https://food.ltn.com.tw/m/category" title="找食譜">找食譜 +</a> </div> <!-- 巨橫幅廣告 --> <div class="suggest"> <!-- /21202031/12-food-home-K1 --> <div id="ad-K1" class="boxTitle suggest_pc adHeight250" data-desc="廣告ad-K1" style="text-align: center;"> <script>displayDFP('ad-K1', 'pc');</script> </div> </div> <div class="suggest suggest_m"> </div> <!-- scrolltop --> <div class="top boxTitle" id="top" data-desc="top"><a href="javascript:void(0)" data-desc="top" title="top"></a></div> <!-- 內文頁 --> <link rel="stylesheet" href="assets/css/rwd_swiper.min.css"/> <script src="assets/js/rwd/rwd_swiper.min.js"></script> <link rel="stylesheet" href="assets/css/food_right.css?20210826"> <link rel="stylesheet" href="assets/css/food_index.css?202408"> <span class='page-name' data-desc="首頁" /> <!-- 大圖輪播 --> <article class="indexSwiper"> <div class="swiper-container foodSwiperPhoto" data-desc="大圖輪播"> <div class="swiper-wrapper boxTitle boxText" data-desc=""> <a href="article/12776" class="swiper-slide" title="「豆包蛋餅」低醣又酥香!3步驟快速做無澱粉素食早點"> <h2>「豆包蛋餅」低醣又酥香!3步驟快速做無澱粉素食早點</h2> <div><img src="https://img.ltn.com.tw/Upload/food/crop/800/2025/03/11/20250312-8282-jtksoy.jpg" title="「豆包蛋餅」低醣又酥香!3步驟快速做無澱粉素食早點" alt="「豆包蛋餅」低醣又酥香!3步驟快速做無澱粉素食早點"></div> </a> <a href="article/12757" class="swiper-slide" title="「雲朵炸蝦天婦羅」仙氣上桌!爆紅米紙料理免調麵糊超簡單"> <h2>「雲朵炸蝦天婦羅」仙氣上桌!爆紅米紙料理免調麵糊超簡單</h2> <div><img src="https://img.ltn.com.tw/Upload/food/crop/800/2025/02/20/20250312-8283-uk44z9.jpg" title="「雲朵炸蝦天婦羅」仙氣上桌!爆紅米紙料理免調麵糊超簡單" alt="「雲朵炸蝦天婦羅」仙氣上桌!爆紅米紙料理免調麵糊超簡單"></div> </a> <a href="article/12775" class="swiper-slide" title="蔥抓餅創意變身「起司熱狗麵包」!免揉麵團快速做放學點心"> <h2>蔥抓餅創意變身「起司熱狗麵包」!免揉麵團快速做放學點心</h2> <div><img src="https://img.ltn.com.tw/Upload/food/crop/800/2025/03/10/20250312-8284-1ddknv.jpg" title="蔥抓餅創意變身「起司熱狗麵包」!免揉麵團快速做放學點心" alt="蔥抓餅創意變身「起司熱狗麵包」!免揉麵團快速做放學點心"></div> </a> <a href="article/12771" class="swiper-slide" title="暖男必學滋補湯品「四物雞湯」!煮中藥甘甜不苦掌握一秘訣"> <h2>暖男必學滋補湯品「四物雞湯」!煮中藥甘甜不苦掌握一秘訣</h2> <div><img src="https://img.ltn.com.tw/Upload/food/crop/800/2025/03/06/20250312-8285-qdc9e8.jpg" title="暖男必學滋補湯品「四物雞湯」!煮中藥甘甜不苦掌握一秘訣" alt="暖男必學滋補湯品「四物雞湯」!煮中藥甘甜不苦掌握一秘訣"></div> </a> <a href="article/12752" class="swiper-slide" title="「黑糖鮮奶麻糬」一口滑Q暖心!6食材5分鐘0失敗做甜品"> <h2>「黑糖鮮奶麻糬」一口滑Q暖心!6食材5分鐘0失敗做甜品</h2> <div><img src="https://img.ltn.com.tw/Upload/food/crop/800/2025/02/14/20250312-8286-77223d.jpg" title="「黑糖鮮奶麻糬」一口滑Q暖心!6食材5分鐘0失敗做甜品" alt="「黑糖鮮奶麻糬」一口滑Q暖心!6食材5分鐘0失敗做甜品"></div> </a> <a href="article/12770" class="swiper-slide" title="板豆腐、嫩豆腐、百頁豆腐差在哪?10種豆製品營養解析:補鈣選它不輸牛奶"> <h2>板豆腐、嫩豆腐、百頁豆腐差在哪?10種豆製品營養解析:補鈣選它不輸牛奶</h2> <div><img src="https://img.ltn.com.tw/Upload/food/crop/800/2025/03/05/20250312-8287-r5odin.jpg" title="板豆腐、嫩豆腐、百頁豆腐差在哪?10種豆製品營養解析:補鈣選它不輸牛奶" alt="板豆腐、嫩豆腐、百頁豆腐差在哪?10種豆製品營養解析:補鈣選它不輸牛奶"></div> </a> <a href="article/12766" class="swiper-slide" title="隔夜飯助減肥、控血糖?冷飯復熱之後還有效?抗性澱粉3迷思破解"> <h2>隔夜飯助減肥、控血糖?冷飯復熱之後還有效?抗性澱粉3迷思破解</h2> <div><img src="https://img.ltn.com.tw/Upload/food/crop/800/2025/02/28/20250312-8288-pdoe9s.jpg" title="隔夜飯助減肥、控血糖?冷飯復熱之後還有效?抗性澱粉3迷思破解" alt="隔夜飯助減肥、控血糖?冷飯復熱之後還有效?抗性澱粉3迷思破解"></div> </a> <a href="article/12758" class="swiper-slide" title="為什麼日本人一年四季都喝冰水?女生生理期來也照喝不誤"> <h2>為什麼日本人一年四季都喝冰水?女生生理期來也照喝不誤</h2> <div><img src="https://img.ltn.com.tw/Upload/food/crop/800/2025/02/20/20250312-8289-i1ki7a.jpg" title="為什麼日本人一年四季都喝冰水?女生生理期來也照喝不誤" alt="為什麼日本人一年四季都喝冰水?女生生理期來也照喝不誤"></div> </a> </div> <!-- 分頁 --> <div class="swiper-pagination"></div> </div> <script> $(function(){ var maxWidth = 1000; var minWidth = 600; var swiperPhoto = initSwiperPhoto(maxWidth, minWidth); $(window).resize(function(e){ swiperPhoto.destroy(); swiperPhoto = initSwiperPhoto(maxWidth, minWidth); }); }); function initSwiperPhoto(maxWidth, minWidth){ var perView; if ( $(window).width() >= maxWidth ) { perView = 3; } else if ( $(window).width() > minWidth ) { perView = 2; } else { perView = 1; } return new Swiper('.swiper-container.foodSwiperPhoto', { paginationClickable: true, //分頁可點擊 autoplayDisableOnInteraction : false, slidesPerView: perView, spaceBetween: 16, loop : true, pagination: { el: '.swiper-pagination', clickable: true, }, autoplay: { delay: 6000, }, }); } </script> </article> <!-- AD B1 --> <div class="suggest suggest_m"> <!-- /21202031/12-food-mobile-home-B1 --> <div id="ad-B1" class="boxTitle suggest_m suggestTop suggestBottom adHeight359" data-desc="廣告ad-B1" style="text-align: center;"> <script>displayDFP('ad-B1', 'm');</script> </div> </div> <div class="contentIndex contentScroll"> <section class="index940"> <!-- 桌機版 "找食譜" --> <ul class="foodMenubox boxTitle boxText" data-desc="主要食材"> <a href="category" class="findcb" data-desc="找食譜" title="找食譜"><img src="assets/images/svgicon/clipboard2.svg" class="menuallicon" alt="找食譜" title="找食譜"></a> <li class="foodlist"> <ul class="exmenu"> <li class="menucircle"><a href="type/11" data-desc="五穀雜糧" title="五穀雜糧"><img src="assets/images/svgicon/11.svg" alt="五穀雜糧" title="五穀雜糧"></a></li> <ul class="drop"> <li><a href="type/23" title="穀類" data-desc="穀類">穀類</a></li> <li><a href="type/24" title="豆類" data-desc="豆類">豆類</a></li> <li><a href="type/25" title="堅果類" data-desc="堅果類">堅果類</a></li> <li><a href="type/267" title="麵包" data-desc="麵包">麵包</a></li> <li><a href="type/235" title="其他" data-desc="其他">其他</a></li> </ul> </ul> </li> <li class="foodlist"> <ul class="exmenu"> <li class="menucircle"><a href="type/12" data-desc="肉類" title="肉類"><img src="assets/images/svgicon/12.svg" alt="肉類" title="肉類"></a></li> <ul class="drop"> <li><a href="type/26" title="豬肉" data-desc="豬肉">豬肉</a></li> <li><a href="type/27" title="牛肉" data-desc="牛肉">牛肉</a></li> <li><a href="type/28" title="羊肉" data-desc="羊肉">羊肉</a></li> <li><a href="type/29" title="雞肉" data-desc="雞肉">雞肉</a></li> <li><a href="type/30" title="鴨肉" data-desc="鴨肉">鴨肉</a></li> <li><a href="type/31" title="鵝肉" data-desc="鵝肉">鵝肉</a></li> </ul> </ul> </li> <li class="foodlist"> <ul class="exmenu"> <li class="menucircle"><a href="type/13" data-desc="海鮮" title="海鮮"><img src="assets/images/svgicon/13.svg" alt="海鮮" title="海鮮"></a></li> <ul class="drop"> <li><a href="type/32" title="魚肉" data-desc="魚肉">魚肉</a></li> <li><a href="type/33" title="鮮蝦" data-desc="鮮蝦">鮮蝦</a></li> <li><a href="type/34" title="螃蟹" data-desc="螃蟹">螃蟹</a></li> <li><a href="type/35" title="軟足類" data-desc="軟足類">軟足類</a></li> <li><a href="type/36" title="貝類" data-desc="貝類">貝類</a></li> <li><a href="type/37" title="其他" data-desc="其他">其他</a></li> </ul> </ul> </li> <li class="foodlist"> <ul class="exmenu"> <li class="menucircle"><a href="type/15" data-desc="葉菜類" title="葉菜類"><img src="assets/images/svgicon/15.svg" alt="葉菜類" title="葉菜類"></a></li> <ul class="drop"> <li><a href="type/38" title="白菜" data-desc="白菜">白菜</a></li> <li><a href="type/39" title="空心菜" data-desc="空心菜">空心菜</a></li> <li><a href="type/40" title="菠菜" data-desc="菠菜">菠菜</a></li> <li><a href="type/41" title="花椰菜" data-desc="花椰菜">花椰菜</a></li> <li><a href="type/42" title="高麗菜" data-desc="高麗菜">高麗菜</a></li> <li><a href="type/43" title="其他" data-desc="其他">其他</a></li> <li><a href="type/166" title="美生菜" data-desc="美生菜">美生菜</a></li> </ul> </ul> </li> <li class="foodlist"> <ul class="exmenu"> <li class="menucircle"><a href="type/16" data-desc="瓜果類" title="瓜果類"><img src="assets/images/svgicon/16.svg" alt="瓜果類" title="瓜果類"></a></li> <ul class="drop"> <li><a href="type/44" title="黃瓜" data-desc="黃瓜">黃瓜</a></li> <li><a href="type/45" title="四季豆" data-desc="四季豆">四季豆</a></li> <li><a href="type/46" title="番茄" data-desc="番茄">番茄</a></li> <li><a href="type/47" title="絲瓜" data-desc="絲瓜">絲瓜</a></li> <li><a href="type/48" title="青椒" data-desc="青椒">青椒</a></li> <li><a href="type/49" title="苦瓜" data-desc="苦瓜">苦瓜</a></li> <li><a href="type/50" title="茄子" data-desc="茄子">茄子</a></li> <li><a href="type/51" title="南瓜" data-desc="南瓜">南瓜</a></li> <li><a href="type/52" title="其他" data-desc="其他">其他</a></li> <li><a href="type/303" title="木瓜" data-desc="木瓜">木瓜</a></li> <li><a href="type/286" title="冬瓜" data-desc="冬瓜">冬瓜</a></li> </ul> </ul> </li> <li class="foodlist"> <ul class="exmenu"> <li class="menucircle"><a href="type/17" data-desc="根莖類" title="根莖類"><img src="assets/images/svgicon/17.svg" alt="根莖類" title="根莖類"></a></li> <ul class="drop"> <li><a href="type/53" title="芋頭" data-desc="芋頭">芋頭</a></li> <li><a href="type/54" title="蘿蔔" data-desc="蘿蔔">蘿蔔</a></li> <li><a href="type/56" title="馬鈴薯" data-desc="馬鈴薯">馬鈴薯</a></li> <li><a href="type/57" title="地瓜" data-desc="地瓜">地瓜</a></li> <li><a href="type/58" title="洋蔥" data-desc="洋蔥">洋蔥</a></li> <li><a href="type/59" title="竹筍" data-desc="竹筍">竹筍</a></li> <li><a href="type/60" title="其他" data-desc="其他">其他</a></li> <li><a href="type/278" title="茭白筍" data-desc="茭白筍">茭白筍</a></li> <li><a href="type/279" title="山藥" data-desc="山藥">山藥</a></li> <li><a href="type/234" title="玉米" data-desc="玉米">玉米</a></li> <li><a href="type/285" title="牛蒡" data-desc="牛蒡">牛蒡</a></li> <li><a href="type/304" title="蘆筍" data-desc="蘆筍">蘆筍</a></li> <li><a href="type/306" title="蓮藕" data-desc="蓮藕">蓮藕</a></li> </ul> </ul> </li> <li class="foodlist"> <ul class="exmenu"> <li class="menucircle"><a href="type/18" data-desc="藻類" title="藻類"><img src="assets/images/svgicon/18.svg" alt="藻類" title="藻類"></a></li> </ul> </li> <li class="foodlist"> <ul class="exmenu"> <li class="menucircle"><a href="type/19" data-desc="菌菇類" title="菌菇類"><img src="assets/images/svgicon/19.svg" alt="菌菇類" title="菌菇類"></a></li> <ul class="drop"> <li><a href="type/61" title="菌類" data-desc="菌類">菌類</a></li> <li><a href="type/62" title="菇類" data-desc="菇類">菇類</a></li> </ul> </ul> </li> <li class="foodlist"> <ul class="exmenu"> <li class="menucircle"><a href="type/20" data-desc="蛋豆料理" title="蛋豆料理"><img src="assets/images/svgicon/20.svg" alt="蛋豆料理" title="蛋豆料理"></a></li> <ul class="drop"> <li><a href="type/63" title="蛋" data-desc="蛋">蛋</a></li> <li><a href="type/64" title="豆製品" data-desc="豆製品">豆製品</a></li> </ul> </ul> </li> <li class="foodlist"> <ul class="exmenu"> <li class="menucircle"><a href="type/21" data-desc="乳製品" title="乳製品"><img src="assets/images/svgicon/21.svg" alt="乳製品" title="乳製品"></a></li> <ul class="drop"> <li><a href="type/65" title="奶類" data-desc="奶類">奶類</a></li> <li><a href="type/66" title="起司類" data-desc="起司類">起司類</a></li> <li><a href="type/67" title="優格" data-desc="優格">優格</a></li> </ul> </ul> </li> <li class="foodlist"> <ul class="exmenu"> <li class="menucircle"><a href="type/22" data-desc="水果" title="水果"><img src="assets/images/svgicon/22.svg" alt="水果" title="水果"></a></li> <ul class="drop"> <li><a href="type/69" title="芒果" data-desc="芒果">芒果</a></li> <li><a href="type/70" title="草莓" data-desc="草莓">草莓</a></li> <li><a href="type/71" title="蘋果" data-desc="蘋果">蘋果</a></li> <li><a href="type/72" title="香蕉" data-desc="香蕉">香蕉</a></li> <li><a href="type/73" title="其他" data-desc="其他">其他</a></li> <li><a href="type/165" title="檸檬" data-desc="檸檬">檸檬</a></li> <li><a href="type/245" title="鳳梨" data-desc="鳳梨">鳳梨</a></li> <li><a href="type/302" title="酪梨" data-desc="酪梨">酪梨</a></li> </ul> </ul> </li> <li class="foodlist"> <ul class="exmenu"> <li class="menucircle"><a href="type/160" data-desc="綜合類" title="綜合類"><img src="assets/images/svgicon/160.svg" alt="綜合類" title="綜合類"></a></li> <ul class="drop"> <li><a href="type/164" title="中藥" data-desc="中藥">中藥</a></li> <li><a href="type/167" title="香料" data-desc="香料">香料</a></li> <li><a href="type/231" title="茶葉" data-desc="茶葉">茶葉</a></li> <li><a href="type/232" title="咖啡" data-desc="咖啡">咖啡</a></li> <li><a href="type/241" title="酒品" data-desc="酒品">酒品</a></li> <li><a href="type/242" title="巧克力" data-desc="巧克力">巧克力</a></li> </ul> </ul> </li> </ul> <!-- 影音食譜 --> <div class="containerVideo boxTitle boxText" data-desc="影音食譜"> <a href="type/283" class="indextit video" data-desc="more" title="影音食譜"><p>影音食譜</p><b></b><span>+ more</span></a> <div class="swiper-container foodSwiperVideo"> <div class="swiper-wrapper"> <a href="article/12793" class="swiper-slide" title="低卡甜點「豆腐布朗尼」無糖無油無罪惡感!Q彈濃郁意外好吃" data-desc="P:0:低卡甜點「豆腐布朗尼」無糖無油無罪惡感!Q彈濃郁意外好吃"> <div class="ph"><img src="https://img.ltn.com.tw/Upload/food/page/2025/04/02/250402-12793-0-cMHSv.jpg" title="低卡甜點「豆腐布朗尼」無糖無油無罪惡感!Q彈濃郁意外好吃" alt="低卡甜點「豆腐布朗尼」無糖無油無罪惡感!Q彈濃郁意外好吃"></div> <div class="tit"><h3>低卡甜點「豆腐布朗尼」無糖無油無罪惡感!Q彈濃郁意外好吃</h3></div> </a> <a href="article/12792" class="swiper-slide" title="氣炸鍋做「糖醋雞塊」快速方便又不油膩!冷凍半成品想吃隨時炸" data-desc="P:1:氣炸鍋做「糖醋雞塊」快速方便又不油膩!冷凍半成品想吃隨時炸"> <div class="ph"><img src="https://img.ltn.com.tw/Upload/food/page/2025/04/01/250401-12792-7-1eGCH.jpg" title="氣炸鍋做「糖醋雞塊」快速方便又不油膩!冷凍半成品想吃隨時炸" alt="氣炸鍋做「糖醋雞塊」快速方便又不油膩!冷凍半成品想吃隨時炸"></div> <div class="tit"><h3>氣炸鍋做「糖醋雞塊」快速方便又不油膩!冷凍半成品想吃隨時炸</h3></div> </a> <a href="article/12791" class="swiper-slide" title="「香蕉捲心酥」香甜酥脆一口接一口!5食材3步驟做高顏值甜點" data-desc="P:2:「香蕉捲心酥」香甜酥脆一口接一口!5食材3步驟做高顏值甜點"> <div class="ph"><img src="https://img.ltn.com.tw/Upload/food/page/2025/03/31/250331-12791-4-iqW0R.jpg" title="「香蕉捲心酥」香甜酥脆一口接一口!5食材3步驟做高顏值甜點" alt="「香蕉捲心酥」香甜酥脆一口接一口!5食材3步驟做高顏值甜點"></div> <div class="tit"><h3>「香蕉捲心酥」香甜酥脆一口接一口!5食材3步驟做高顏值甜點</h3></div> </a> <a href="article/12788" class="swiper-slide" title="「鮮蝦焗飯」免烤箱也能做!DIY蝦高湯更添濃郁海味" data-desc="P:3:「鮮蝦焗飯」免烤箱也能做!DIY蝦高湯更添濃郁海味"> <div class="ph"><img src="https://img.ltn.com.tw/Upload/food/page/2025/03/24/250324-12788-11-4gPqX.jpg" title="「鮮蝦焗飯」免烤箱也能做!DIY蝦高湯更添濃郁海味" alt="「鮮蝦焗飯」免烤箱也能做!DIY蝦高湯更添濃郁海味"></div> <div class="tit"><h3>「鮮蝦焗飯」免烤箱也能做!DIY蝦高湯更添濃郁海味</h3></div> </a> <a href="article/12787" class="swiper-slide" title="「泰式紅咖哩魚餅」軟嫩鮮香做法超簡單!氣炸鍋也能做" data-desc="P:4:「泰式紅咖哩魚餅」軟嫩鮮香做法超簡單!氣炸鍋也能做"> <div class="ph"><img src="https://img.ltn.com.tw/Upload/food/page/2025/03/21/250321-12787-14-jKQx4.jpg" title="「泰式紅咖哩魚餅」軟嫩鮮香做法超簡單!氣炸鍋也能做" alt="「泰式紅咖哩魚餅」軟嫩鮮香做法超簡單!氣炸鍋也能做"></div> <div class="tit"><h3>「泰式紅咖哩魚餅」軟嫩鮮香做法超簡單!氣炸鍋也能做</h3></div> </a> <a href="article/12783" class="swiper-slide" title="「油飯」怎麼做才好吃?一鍋到底從炒料到拌飯訣竅教給你" data-desc="P:5:「油飯」怎麼做才好吃?一鍋到底從炒料到拌飯訣竅教給你"> <div class="ph"><img src="https://img.ltn.com.tw/Upload/food/page/2025/03/18/250318-12783-6-xTuSE.jpg" title="「油飯」怎麼做才好吃?一鍋到底從炒料到拌飯訣竅教給你" alt="「油飯」怎麼做才好吃?一鍋到底從炒料到拌飯訣竅教給你"></div> <div class="tit"><h3>「油飯」怎麼做才好吃?一鍋到底從炒料到拌飯訣竅教給你</h3></div> </a> <a href="article/12781" class="swiper-slide" title="「水晶蝦餃」免擀皮更簡單!現成材料就能做美味港點" data-desc="P:6:「水晶蝦餃」免擀皮更簡單!現成材料就能做美味港點"> <div class="ph"><img src="https://img.ltn.com.tw/Upload/food/page/2025/03/17/250317-12781-0-vdR7c.jpg" title="「水晶蝦餃」免擀皮更簡單!現成材料就能做美味港點" alt="「水晶蝦餃」免擀皮更簡單!現成材料就能做美味港點"></div> <div class="tit"><h3>「水晶蝦餃」免擀皮更簡單!現成材料就能做美味港點</h3></div> </a> <a href="article/12779" class="swiper-slide" title="「番茄玉米排骨湯」家常風味不馬虎!湯頭清澈鮮甜又沒肉腥味" data-desc="P:7:「番茄玉米排骨湯」家常風味不馬虎!湯頭清澈鮮甜又沒肉腥味"> <div class="ph"><img src="https://img.ltn.com.tw/Upload/food/page/2025/03/14/250314-12779-5-UCHmW.jpg" title="「番茄玉米排骨湯」家常風味不馬虎!湯頭清澈鮮甜又沒肉腥味" alt="「番茄玉米排骨湯」家常風味不馬虎!湯頭清澈鮮甜又沒肉腥味"></div> <div class="tit"><h3>「番茄玉米排骨湯」家常風味不馬虎!湯頭清澈鮮甜又沒肉腥味</h3></div> </a> <a href="article/12776" class="swiper-slide" title="「豆包蛋餅」低醣又酥香!3步驟快速做無澱粉素食早點" data-desc="P:8:「豆包蛋餅」低醣又酥香!3步驟快速做無澱粉素食早點"> <div class="ph"><img src="https://img.ltn.com.tw/Upload/food/page/2025/03/11/250311-12776-4-dMT04.jpg" title="「豆包蛋餅」低醣又酥香!3步驟快速做無澱粉素食早點" alt="「豆包蛋餅」低醣又酥香!3步驟快速做無澱粉素食早點"></div> <div class="tit"><h3>「豆包蛋餅」低醣又酥香!3步驟快速做無澱粉素食早點</h3></div> </a> <a href="article/12775" class="swiper-slide" title="蔥抓餅創意變身「起司熱狗麵包」!免揉麵團快速做放學點心" data-desc="P:9:蔥抓餅創意變身「起司熱狗麵包」!免揉麵團快速做放學點心"> <div class="ph"><img src="https://img.ltn.com.tw/Upload/food/page/2025/03/10/250310-12775-6-1WR4Q.jpg" title="蔥抓餅創意變身「起司熱狗麵包」!免揉麵團快速做放學點心" alt="蔥抓餅創意變身「起司熱狗麵包」!免揉麵團快速做放學點心"></div> <div class="tit"><h3>蔥抓餅創意變身「起司熱狗麵包」!免揉麵團快速做放學點心</h3></div> </a> </div> <!-- 上下頁 --> <div class="swiper-button-prev"><span>〈</span></div> <div class="swiper-button-next"><span>〉</span></div> <!-- 分頁 --> <div class="swiper-pagination"></div> </div> </div> <script> $(function(){ var maxWidth = 600; var swiperVideo = initSwiperVideo(maxWidth); $(window).resize(function(e){ swiperVideo.destroy(); swiperVideo = initSwiperVideo(maxWidth); }); }); function initSwiperVideo(maxWidth){ var perView, Group, space; if ($(window).width() <= maxWidth) { perView = 1; Group = 1; space = 16; } else { perView = 2; Group = 2; space = 20; } return new Swiper('.swiper-container.foodSwiperVideo', { slidesPerView: perView, slidesPerGroup: Group, spaceBetween: space, loop : true, mousewheel : true, pagination: { el: '.foodSwiperVideo .swiper-pagination', clickable: true, renderBullet: function (index, className) { return '<span class="' + className + '">' + (index + 1) + '</span>'; }, }, autoplay: { delay: 5000, //3秒切换一次 }, navigation: { nextEl: '.foodSwiperVideo .swiper-button-next', prevEl: '.foodSwiperVideo .swiper-button-prev', }, }); } </script> <!-- 最新食譜 --> <div class="container boxTitle boxText" data-desc="最新食譜"> <a href="latest" class="indextit meal" data-desc="more" title="最新食譜"><p>最新食譜</p><b></b><span>+ more</span></a> <div class="recipelist"> <a href="article/12796" data-desc="P:0:人工甜味劑究竟是好是壞?專家解析「阿斯巴甜」致癌、副作用迷思" title="人工甜味劑究竟是好是壞?專家解析「阿斯巴甜」致癌、副作用迷思"> <div> <img class="lazy_imgs_ltn" data-src="https://img.ltn.com.tw/Upload/food/page/2025/04/02/250402-12796-4-wqC5I.jpg" src='assets/images/default.jpg' onerror="img_error_pc(this);" title="人工甜味劑究竟是好是壞?專家解析「阿斯巴甜」致癌、副作用迷思" alt="人工甜味劑究竟是好是壞?專家解析「阿斯巴甜」致癌、副作用迷思"> </div> <h3 class="mixlist">人工甜味劑究竟是好是壞?專家解析「阿斯巴甜」致癌、副作用迷思</h3> </a> <a href="article/12795" data-desc="P:1:小孩長不高?中醫師分享3大重點:按壓穴道、食療方推動生長" title="小孩長不高?中醫師分享3大重點:按壓穴道、食療方推動生長"> <div> <img class="lazy_imgs_ltn" data-src="https://img.ltn.com.tw/Upload/food/page/2025/04/02/250402-12795-0-3ofHn.jpg" src='assets/images/default.jpg' onerror="img_error_pc(this);" title="小孩長不高?中醫師分享3大重點:按壓穴道、食療方推動生長" alt="小孩長不高?中醫師分享3大重點:按壓穴道、食療方推動生長"> </div> <h3 class="mixlist">小孩長不高?中醫師分享3大重點:按壓穴道、食療方推動生長</h3> </a> <a href="article/12794" data-desc="P:2:清明節吃潤餅小心「隱藏熱量地雷」!營養師教餡料這樣搭配" title="清明節吃潤餅小心「隱藏熱量地雷」!營養師教餡料這樣搭配"> <div> <img class="lazy_imgs_ltn" data-src="https://img.ltn.com.tw/Upload/food/page/2025/04/02/250402-12794-6-L2Tsb.jpg" src='assets/images/default.jpg' onerror="img_error_pc(this);" title="清明節吃潤餅小心「隱藏熱量地雷」!營養師教餡料這樣搭配" alt="清明節吃潤餅小心「隱藏熱量地雷」!營養師教餡料這樣搭配"> </div> <h3 class="mixlist">清明節吃潤餅小心「隱藏熱量地雷」!營養師教餡料這樣搭配</h3> </a> <a href="article/12793" data-desc="P:3:低卡甜點「豆腐布朗尼」無糖無油無罪惡感!Q彈濃郁意外好吃" title="低卡甜點「豆腐布朗尼」無糖無油無罪惡感!Q彈濃郁意外好吃"> <div> <img class="lazy_imgs_ltn" data-src="https://img.ltn.com.tw/Upload/food/page/2025/04/02/250402-12793-0-cMHSv.jpg" src='assets/images/default.jpg' onerror="img_error_pc(this);" title="低卡甜點「豆腐布朗尼」無糖無油無罪惡感!Q彈濃郁意外好吃" alt="低卡甜點「豆腐布朗尼」無糖無油無罪惡感!Q彈濃郁意外好吃"> </div> <h3 class="mixlist"><span class="video"></span>低卡甜點「豆腐布朗尼」無糖無油無罪惡感!Q彈濃郁意外好吃</h3> </a> <a href="article/12792" data-desc="P:4:氣炸鍋做「糖醋雞塊」快速方便又不油膩!冷凍半成品想吃隨時炸" title="氣炸鍋做「糖醋雞塊」快速方便又不油膩!冷凍半成品想吃隨時炸"> <div> <img class="lazy_imgs_ltn" data-src="https://img.ltn.com.tw/Upload/food/page/2025/04/01/250401-12792-7-1eGCH.jpg" src='assets/images/default.jpg' onerror="img_error_pc(this);" title="氣炸鍋做「糖醋雞塊」快速方便又不油膩!冷凍半成品想吃隨時炸" alt="氣炸鍋做「糖醋雞塊」快速方便又不油膩!冷凍半成品想吃隨時炸"> </div> <h3 class="mixlist"><span class="video"></span>氣炸鍋做「糖醋雞塊」快速方便又不油膩!冷凍半成品想吃隨時炸</h3> </a> <!-- AD B2 --> <div class="suggest suggest_m"> <!-- /21202031/12-food-mobile-home-B2 --> <div id="ad-B2" class="boxTitle suggest_m suggestCenter suggestTop suggestBottom adHeight280" data-desc="廣告ad-B2" style="text-align: center;"> <script>displayDFP('ad-B2', 'm');</script> </div> </div> <a href="article/12791" data-desc="P:5:「香蕉捲心酥」香甜酥脆一口接一口!5食材3步驟做高顏值甜點" title="「香蕉捲心酥」香甜酥脆一口接一口!5食材3步驟做高顏值甜點"> <div> <img class="lazy_imgs_ltn" data-src="https://img.ltn.com.tw/Upload/food/page/2025/03/31/250331-12791-4-iqW0R.jpg" src='assets/images/default.jpg' onerror="img_error_pc(this);" title="「香蕉捲心酥」香甜酥脆一口接一口!5食材3步驟做高顏值甜點" alt="「香蕉捲心酥」香甜酥脆一口接一口!5食材3步驟做高顏值甜點"> </div> <h3 class="mixlist"><span class="video"></span>「香蕉捲心酥」香甜酥脆一口接一口!5食材3步驟做高顏值甜點</h3> </a> <a href="article/370" data-desc="P:6:水餃飽滿又多汁5大食材挑選很重要!3口訣煮出好吃餃子" title="水餃飽滿又多汁5大食材挑選很重要!3口訣煮出好吃餃子"> <div> <img class="lazy_imgs_ltn" data-src="https://img.ltn.com.tw/Upload/food/page/2015/06/19/150619-370-00-DrV5S.jpg" src='assets/images/default.jpg' onerror="img_error_pc(this);" title="水餃飽滿又多汁5大食材挑選很重要!3口訣煮出好吃餃子" alt="水餃飽滿又多汁5大食材挑選很重要!3口訣煮出好吃餃子"> </div> <h3 class="mixlist">水餃飽滿又多汁5大食材挑選很重要!3口訣煮出好吃餃子</h3> </a> <a href="article/12788" data-desc="P:7:「鮮蝦焗飯」免烤箱也能做!DIY蝦高湯更添濃郁海味" title="「鮮蝦焗飯」免烤箱也能做!DIY蝦高湯更添濃郁海味"> <div> <img class="lazy_imgs_ltn" data-src="https://img.ltn.com.tw/Upload/food/page/2025/03/24/250324-12788-11-4gPqX.jpg" src='assets/images/default.jpg' onerror="img_error_pc(this);" title="「鮮蝦焗飯」免烤箱也能做!DIY蝦高湯更添濃郁海味" alt="「鮮蝦焗飯」免烤箱也能做!DIY蝦高湯更添濃郁海味"> </div> <h3 class="mixlist"><span class="video"></span>「鮮蝦焗飯」免烤箱也能做!DIY蝦高湯更添濃郁海味</h3> </a> <a href="article/3705" data-desc="P:8:小孩不挑食!達人示範蛋包飯變賞心悅目「布丁造型咖哩飯」" title="小孩不挑食!達人示範蛋包飯變賞心悅目「布丁造型咖哩飯」"> <div> <img class="lazy_imgs_ltn" data-src="https://img.ltn.com.tw/Upload/food/page/2016/09/16/160916-3705-00-LuTFc.jpg" src='assets/images/default.jpg' onerror="img_error_pc(this);" title="小孩不挑食!達人示範蛋包飯變賞心悅目「布丁造型咖哩飯」" alt="小孩不挑食!達人示範蛋包飯變賞心悅目「布丁造型咖哩飯」"> </div> <h3 class="mixlist">小孩不挑食!達人示範蛋包飯變賞心悅目「布丁造型咖哩飯」</h3> </a> </div> </div> <!-- 食譜專題 --> <article class="indexSwiper boxTitle boxText" data-desc="食譜專題"> <a title="簡單便當菜" href="https://food.ltn.com.tw/type/99" class="indextit meunlist" data-desc="more"> <p>簡單便當菜</p><b></b><span>+ more</span> </a> <div class="swiper-container foodSwiperTopic"> <div class="swiper-wrapper"> <a href="https://food.ltn.com.tw/article/10665" class="swiper-slide" title="古早味排骨飯"> <div><img class="lazy_imgs_ltn" data-src="https://img.ltn.com.tw/Upload/Module/4/859/3858827.jpg" src="assets/images/default.jpg" title="古早味排骨飯" alt="古早味排骨飯"></div> <h3> 古早味排骨飯 </h3> </a> <a href="https://food.ltn.com.tw/article/12088" class="swiper-slide" title="瓜仔肉燥飯"> <div><img class="lazy_imgs_ltn" data-src="https://img.ltn.com.tw/Upload/Module/4/859/3858826.jpg" src="assets/images/default.jpg" title="瓜仔肉燥飯" alt="瓜仔肉燥飯"></div> <h3> <span class="video"></span> 瓜仔肉燥飯 </h3> </a> <a href="https://food.ltn.com.tw/article/12324" class="swiper-slide" title="六宮格造型便當"> <div><img class="lazy_imgs_ltn" data-src="https://img.ltn.com.tw/Upload/Module/4/859/3858829.jpg" src="assets/images/default.jpg" title="六宮格造型便當" alt="六宮格造型便當"></div> <h3> 六宮格造型便當 </h3> </a> <a href="https://food.ltn.com.tw/article/12290" class="swiper-slide" title="福袋蔬食便當"> <div><img class="lazy_imgs_ltn" data-src="https://img.ltn.com.tw/Upload/Module/4/859/3858828.jpg" src="assets/images/default.jpg" title="福袋蔬食便當" alt="福袋蔬食便當"></div> <h3> 福袋蔬食便當 </h3> </a> <a href="https://food.ltn.com.tw/article/12563" class="swiper-slide" title="蛋捲偽壽司"> <div><img class="lazy_imgs_ltn" data-src="https://img.ltn.com.tw/Upload/Module/4/859/3858831.jpg" src="assets/images/default.jpg" title="蛋捲偽壽司" alt="蛋捲偽壽司"></div> <h3> <span class="video"></span> 蛋捲偽壽司 </h3> </a> <a href="https://food.ltn.com.tw/type/172" class="swiper-slide" title="便當提案看更多"> <div class="last_ph"><img class="lazy_imgs_ltn" data-src="https://img.ltn.com.tw/Upload/Module/4/859/3858830.jpg" src="assets/images/default.jpg" alt="便當提案看更多" title="便當提案看更多"></div> <p class="last_tit"> 便當提案看更多 </p> </a> </div> <!-- 分頁 --> <div class="swiper-pagination"></div> </div> </article> <script> $(function(){ var maxWidth = 600; var swiperTopic = initSwiperTopic(maxWidth); $(window).resize(function(e){ swiperTopic.destroy(); swiperTopic = initSwiperTopic(maxWidth); }); }); function initSwiperTopic(maxWidth){ var perView, Group; if ($(window).width() <= maxWidth) { perView = 1; Group = 1; } else { perView = 2; Group = 2; } return new Swiper('.swiper-container.foodSwiperTopic', { slidesPerView: perView, slidesPerGroup: Group, spaceBetween: 16, loop : true, mousewheel : true, pagination: { el: '.foodSwiperTopic .swiper-pagination', clickable: true, }, autoplay: { delay: 5000, //3秒切换一次 }, }); } </script> <!-- AD B3 --> <div class="suggest suggest_m"> <!-- /21202031/12-food-mobile-home-B3 --> <div id="ad-B3" class="boxTitle suggest_m suggestCenter suggestTop suggestBottom adHeight280" data-desc="廣告ad-B3" style="text-align: center;"> <script>displayDFP('ad-B3', 'm');</script> </div> </div> <!-- 達人出招 --> <div class="container boxTitle boxText" data-desc="達人出招"> <a href="chef" class="indextit write" data-desc="more" title="達人出招"><p>達人出招</p><b></b><span>+ more</span></a> <ul class="expert"> <li> <a class="row1" href="pro-list/61" data-desc="人名:林世航" title="人名:林世航"> <div class="circle"><img class="lazy_imgs_ltn" data-src="https://img.ltn.com.tw/Upload/food/writer/normal/61-087d08.jpg" src="assets/images/default.jpg" title="林世航" alt="林世航"></div> <h2>林世航</h2> </a> <a class="row2" href="article/12796" data-desc="P:0:人工甜味劑究竟是好是壞?專家解析「阿斯巴甜」致癌、副作用迷思" title="人工甜味劑究竟是好是壞?專家解析「阿斯巴甜」致癌、副作用迷思"> <div class="ph"><img class="lazy_imgs_ltn" data-src="https://img.ltn.com.tw/Upload/food/page/2025/04/02/250402-12796-4-wqC5I.jpg" src="assets/images/default.jpg" title="人工甜味劑究竟是好是壞?專家解析「阿斯巴甜」致癌、副作用迷思" alt="人工甜味劑究竟是好是壞?專家解析「阿斯巴甜」致癌、副作用迷思"></div> <div class="tit"><h3>人工甜味劑究竟是好是壞?專家解析「阿斯巴甜」致癌、副作用迷思</h3></div> </a> </li> <li> <a class="row1" href="pro-list/424" data-desc="人名:Japaholic" title="人名:Japaholic"> <div class="circle"><img class="lazy_imgs_ltn" data-src="https://img.ltn.com.tw/Upload/food/writer/normal/424-275963.jpg" src="assets/images/default.jpg" title="Japaholic" alt="Japaholic"></div> <h2>Japaholic</h2> </a> <a class="row2" href="article/12767" data-desc="P:1:日本海鮮為什麼這麼好吃?5大料理手法解析頂級鮮味的秘密" title="日本海鮮為什麼這麼好吃?5大料理手法解析頂級鮮味的秘密"> <div class="ph"><img class="lazy_imgs_ltn" data-src="https://img.ltn.com.tw/Upload/food/page/2025/02/28/250228-12767-0-9zcMp.jpg" src="assets/images/default.jpg" title="日本海鮮為什麼這麼好吃?5大料理手法解析頂級鮮味的秘密" alt="日本海鮮為什麼這麼好吃?5大料理手法解析頂級鮮味的秘密"></div> <div class="tit"><h3>日本海鮮為什麼這麼好吃?5大料理手法解析頂級鮮味的秘密</h3></div> </a> </li> <li> <a class="row1" href="pro-list/498" data-desc="人名:Ray" title="人名:Ray"> <div class="circle"><img class="lazy_imgs_ltn" data-src="https://img.ltn.com.tw/Upload/food/writer/normal/498-4f6802.jpg" src="assets/images/default.jpg" title="Ray" alt="Ray"></div> <h2>Ray</h2> </a> <a class="row2" href="article/12763" data-desc="P:2:素食宴客菜「百菇燴腐竹」!滿滿蔬食吸飽鹹香醬汁好下飯" title="素食宴客菜「百菇燴腐竹」!滿滿蔬食吸飽鹹香醬汁好下飯"> <div class="ph"><img class="lazy_imgs_ltn" data-src="https://img.ltn.com.tw/Upload/food/page/2025/02/26/250226-12763-5-O3vZk.jpg" src="assets/images/default.jpg" title="素食宴客菜「百菇燴腐竹」!滿滿蔬食吸飽鹹香醬汁好下飯" alt="素食宴客菜「百菇燴腐竹」!滿滿蔬食吸飽鹹香醬汁好下飯"></div> <div class="tit"><h3>素食宴客菜「百菇燴腐竹」!滿滿蔬食吸飽鹹香醬汁好下飯</h3></div> </a> </li> </ul> </div> <!-- 主題食譜 --> <div class="container boxTitle boxText" data-desc="主題食譜"> <a href="theme" class="indextit heart" data-desc="more" title="主題食譜"><p>主題食譜</p><b></b><span>+ more</span></a> <div class="recipelist theme"> <a href="type/274" data-desc="P:0:料理123✧食譜影音" title="料理123✧食譜影音"> <div><img class="lazy_imgs_ltn" data-src="https://img.ltn.com.tw/Upload/food/topic/300-274-gegljw.jpg" src="assets/images/default.jpg" onerror="img_error_pc(this);" alt="料理123✧食譜影音" title="料理123✧食譜影音"></div> <h3>料理123✧食譜影音</h3> </a> <a href="type/321" data-desc="P:1:艾食上✧食譜影音" title="艾食上✧食譜影音"> <div><img class="lazy_imgs_ltn" data-src="https://img.ltn.com.tw/Upload/food/topic/300-321-netz3h.jpg" src="assets/images/default.jpg" onerror="img_error_pc(this);" alt="艾食上✧食譜影音" title="艾食上✧食譜影音"></div> <h3>艾食上✧食譜影音</h3> </a> <a href="type/266" data-desc="P:2:草莓季" title="草莓季"> <div><img class="lazy_imgs_ltn" data-src="https://img.ltn.com.tw/Upload/food/topic/300-266-sm781h.jpg" src="assets/images/default.jpg" onerror="img_error_pc(this);" alt="草莓季" title="草莓季"></div> <h3>草莓季</h3> </a> <a href="type/202" data-desc="P:3:就是愛吃餃子" title="就是愛吃餃子"> <div><img class="lazy_imgs_ltn" data-src="https://img.ltn.com.tw/Upload/food/topic/300-202-x14swf.JPG" src="assets/images/default.jpg" onerror="img_error_pc(this);" alt="就是愛吃餃子" title="就是愛吃餃子"></div> <h3>就是愛吃餃子</h3> </a> <a href="type/225" data-desc="P:4:香濃焗烤料理" title="香濃焗烤料理"> <div><img class="lazy_imgs_ltn" data-src="https://img.ltn.com.tw/Upload/food/topic/300-225-cyxl38.JPG" src="assets/images/default.jpg" onerror="img_error_pc(this);" alt="香濃焗烤料理" title="香濃焗烤料理"></div> <h3>香濃焗烤料理</h3> </a> <a href="type/236" data-desc="P:5:健康蔬食素素看" title="健康蔬食素素看"> <div><img class="lazy_imgs_ltn" data-src="https://img.ltn.com.tw/Upload/food/topic/300-236-d5f882.jpg" src="assets/images/default.jpg" onerror="img_error_pc(this);" alt="健康蔬食素素看" title="健康蔬食素素看"></div> <h3>健康蔬食素素看</h3> </a> </div> </div> <!-- 料理撇步 --> <article class="indexSwiper boxTitle boxText" data-desc="料理撇步"> <a href="tips" class="indextit glass" data-desc="more" title="料理撇步"><p>料理撇步</p><b></b><span>+ more</span></a> <div class="otherlist"> <a href="article/12789" data-desc="P:0:去日本吃什麼當令蔬菜最對?產季月曆一圖看懂!春菊、蘆筍正鮮美" title="去日本吃什麼當令蔬菜最對?產季月曆一圖看懂!春菊、蘆筍正鮮美"> <div><img class="lazy_imgs_ltn" data-src="https://img.ltn.com.tw/Upload/food/page/2025/03/24/250324-12789-13-DOo9J.jpg" src="assets/images/default.jpg" onerror="img_error_pc(this);" alt="去日本吃什麼當令蔬菜最對?產季月曆一圖看懂!春菊、蘆筍正鮮美" title="去日本吃什麼當令蔬菜最對?產季月曆一圖看懂!春菊、蘆筍正鮮美"></div> <h3>去日本吃什麼當令蔬菜最對?產季月曆一圖看懂!春菊、蘆筍正鮮美</h3> </a> <a href="article/370" data-desc="P:1:水餃飽滿又多汁5大食材挑選很重要!3口訣煮出好吃餃子" title="水餃飽滿又多汁5大食材挑選很重要!3口訣煮出好吃餃子"> <div><img class="lazy_imgs_ltn" data-src="https://img.ltn.com.tw/Upload/food/page/2015/06/19/150619-370-00-DrV5S.jpg" src="assets/images/default.jpg" onerror="img_error_pc(this);" alt="水餃飽滿又多汁5大食材挑選很重要!3口訣煮出好吃餃子" title="水餃飽滿又多汁5大食材挑選很重要!3口訣煮出好吃餃子"></div> <h3>水餃飽滿又多汁5大食材挑選很重要!3口訣煮出好吃餃子</h3> </a> <a href="article/12760" data-desc="P:2:「平民人參」白蘿蔔上中下各有鮮吃法!蘿蔔皮、葉子教你做料理" title="「平民人參」白蘿蔔上中下各有鮮吃法!蘿蔔皮、葉子教你做料理"> <div><img class="lazy_imgs_ltn" data-src="https://img.ltn.com.tw/Upload/food/page/2025/02/21/250221-12760-4-OgDmO.jpg" src="assets/images/default.jpg" onerror="img_error_pc(this);" alt="「平民人參」白蘿蔔上中下各有鮮吃法!蘿蔔皮、葉子教你做料理" title="「平民人參」白蘿蔔上中下各有鮮吃法!蘿蔔皮、葉子教你做料理"></div> <h3>「平民人參」白蘿蔔上中下各有鮮吃法!蘿蔔皮、葉子教你做料理</h3> </a> <a href="article/12753" data-desc="P:3:「春之桃」不是桃!認識常見蓮霧7品種、清甜鮮脆還能做料理" title="「春之桃」不是桃!認識常見蓮霧7品種、清甜鮮脆還能做料理"> <div><img class="lazy_imgs_ltn" data-src="https://img.ltn.com.tw/Upload/food/page/2025/02/14/250214-12753-0-SPlfw.jpg" src="assets/images/default.jpg" onerror="img_error_pc(this);" alt="「春之桃」不是桃!認識常見蓮霧7品種、清甜鮮脆還能做料理" title="「春之桃」不是桃!認識常見蓮霧7品種、清甜鮮脆還能做料理"></div> <h3>「春之桃」不是桃!認識常見蓮霧7品種、清甜鮮脆還能做料理</h3> </a> </div> </article> <!-- 廚房生活小知識 --> <article class="indexSwiper boxTitle boxText" data-desc="廚房生活小知識"> <a href="knowhow" class="indextit flower" data-desc="more" title="廚房生活小知識"><p>廚房生活小知識</p><b></b><span>+ more</span></a> <div class="otherlist"> <a href="article/12796" data-desc="P:0:人工甜味劑究竟是好是壞?專家解析「阿斯巴甜」致癌、副作用迷思" title="人工甜味劑究竟是好是壞?專家解析「阿斯巴甜」致癌、副作用迷思"> <div><img class="lazy_imgs_ltn" data-src="https://img.ltn.com.tw/Upload/food/page/2025/04/02/250402-12796-4-wqC5I.jpg" src="assets/images/default.jpg" onerror="img_error_pc(this);" alt="人工甜味劑究竟是好是壞?專家解析「阿斯巴甜」致癌、副作用迷思" title="人工甜味劑究竟是好是壞?專家解析「阿斯巴甜」致癌、副作用迷思"></div> <h3>人工甜味劑究竟是好是壞?專家解析「阿斯巴甜」致癌、副作用迷思</h3> </a> <a href="article/12795" data-desc="P:1:小孩長不高?中醫師分享3大重點:按壓穴道、食療方推動生長" title="小孩長不高?中醫師分享3大重點:按壓穴道、食療方推動生長"> <div><img class="lazy_imgs_ltn" data-src="https://img.ltn.com.tw/Upload/food/page/2025/04/02/250402-12795-0-3ofHn.jpg" src="assets/images/default.jpg" onerror="img_error_pc(this);" alt="小孩長不高?中醫師分享3大重點:按壓穴道、食療方推動生長" title="小孩長不高?中醫師分享3大重點:按壓穴道、食療方推動生長"></div> <h3>小孩長不高?中醫師分享3大重點:按壓穴道、食療方推動生長</h3> </a> <a href="article/12794" data-desc="P:2:清明節吃潤餅小心「隱藏熱量地雷」!營養師教餡料這樣搭配" title="清明節吃潤餅小心「隱藏熱量地雷」!營養師教餡料這樣搭配"> <div><img class="lazy_imgs_ltn" data-src="https://img.ltn.com.tw/Upload/food/page/2025/04/02/250402-12794-6-L2Tsb.jpg" src="assets/images/default.jpg" onerror="img_error_pc(this);" alt="清明節吃潤餅小心「隱藏熱量地雷」!營養師教餡料這樣搭配" title="清明節吃潤餅小心「隱藏熱量地雷」!營養師教餡料這樣搭配"></div> <h3>清明節吃潤餅小心「隱藏熱量地雷」!營養師教餡料這樣搭配</h3> </a> <a href="article/12790" data-desc="P:3:預防痛風這樣吃!普林含量食物一圖看懂:手搖飲也是地雷" title="預防痛風這樣吃!普林含量食物一圖看懂:手搖飲也是地雷"> <div><img class="lazy_imgs_ltn" data-src="https://img.ltn.com.tw/Upload/food/page/2025/03/24/250324-12790-7-GyupY.jpg" src="assets/images/default.jpg" onerror="img_error_pc(this);" alt="預防痛風這樣吃!普林含量食物一圖看懂:手搖飲也是地雷" title="預防痛風這樣吃!普林含量食物一圖看懂:手搖飲也是地雷"></div> <h3>預防痛風這樣吃!普林含量食物一圖看懂:手搖飲也是地雷</h3> </a> </div> </article> <!-- AD I1-bottom --> <div class="suggest suggest_m"> <!-- /21202031/12-food-mobile-home-I1-bottom --> <div id="ad-I1-bottom" class="boxTitle suggest_m door-bottom door-bottom-head" data-desc="廣告ad-I1-bottom" style="text-align: center;"> <script>displayDFP('ad-I1-bottom', 'm');</script> </div> </div> </section> <aside> <div id="right"> <!-- 廣告 300*250 --> <div class="suggest"> <!-- /21202031/12-food-home-BD1 --> <div id="ad-BD1" class="boxTitle suggest_pc suggestBottom adHeight250" data-desc="廣告ad-BD1" style="text-align: center;"> <script>displayDFP('ad-BD1', 'pc');</script> </div> </div> <div class="asideBox boxTitle boxText" data-desc="你一定要學"> <p class="tit">你一定要學</p> <ul class="popular"> <li> <a href="article/12783" data-desc="P:0:「油飯」怎麼做才好吃?一鍋到底從炒料到拌飯訣竅教給你" title="「油飯」怎麼做才好吃?一鍋到底從炒料到拌飯訣竅教給你"><div><img src="https://img.ltn.com.tw/Upload/food/page/2025/03/18/250318-12783-6-xTuSE.jpg" alt="「油飯」怎麼做才好吃?一鍋到底從炒料到拌飯訣竅教給你" title="「油飯」怎麼做才好吃?一鍋到底從炒料到拌飯訣竅教給你"></div> <p>「油飯」怎麼做才好吃?一鍋到底從炒料到拌飯訣竅教給你</p></a> </li> <li> <a href="article/12774" data-desc="P:1:一鍋到底「西班牙馬鈴薯蛋餅」!厚實烘蛋吃得到鹹香絞肉好滿足" title="一鍋到底「西班牙馬鈴薯蛋餅」!厚實烘蛋吃得到鹹香絞肉好滿足"><div><img src="https://img.ltn.com.tw/Upload/food/page/2025/03/07/250307-12774-7-ht0e4.jpg" alt="一鍋到底「西班牙馬鈴薯蛋餅」!厚實烘蛋吃得到鹹香絞肉好滿足" title="一鍋到底「西班牙馬鈴薯蛋餅」!厚實烘蛋吃得到鹹香絞肉好滿足"></div> <p>一鍋到底「西班牙馬鈴薯蛋餅」!厚實烘蛋吃得到鹹香絞肉好滿足</p></a> </li> <li id="compass-fit-4271735"></li> <script charset="UTF-8"> (function(){ var _lgy_lw = document.createElement("script"); _lgy_lw.type = "text/javascript"; _lgy_lw.charset = "UTF-8"; _lgy_lw.async = true; _lgy_lw.src= (("https:" == document.location.protocol) ? "https://" : "http://")+"nt.compass-fit.jp/lift_widget.js?adspot_id=4271735"; var _lgy_lw_0 = document.getElementsByTagName("script")[0]; _lgy_lw_0.parentNode.insertBefore(_lgy_lw, _lgy_lw_0); })(); </script> <li> <a href="article/12793" data-desc="P:2:低卡甜點「豆腐布朗尼」無糖無油無罪惡感!Q彈濃郁意外好吃" title="低卡甜點「豆腐布朗尼」無糖無油無罪惡感!Q彈濃郁意外好吃"><div><img src="https://img.ltn.com.tw/Upload/food/page/2025/04/02/250402-12793-0-cMHSv.jpg" alt="低卡甜點「豆腐布朗尼」無糖無油無罪惡感!Q彈濃郁意外好吃" title="低卡甜點「豆腐布朗尼」無糖無油無罪惡感!Q彈濃郁意外好吃"></div> <p>低卡甜點「豆腐布朗尼」無糖無油無罪惡感!Q彈濃郁意外好吃</p></a> </li> <li> <a href="article/12779" data-desc="P:3:「番茄玉米排骨湯」家常風味不馬虎!湯頭清澈鮮甜又沒肉腥味" title="「番茄玉米排骨湯」家常風味不馬虎!湯頭清澈鮮甜又沒肉腥味"><div><img src="https://img.ltn.com.tw/Upload/food/page/2025/03/14/250314-12779-5-UCHmW.jpg" alt="「番茄玉米排骨湯」家常風味不馬虎!湯頭清澈鮮甜又沒肉腥味" title="「番茄玉米排骨湯」家常風味不馬虎!湯頭清澈鮮甜又沒肉腥味"></div> <p>「番茄玉米排骨湯」家常風味不馬虎!湯頭清澈鮮甜又沒肉腥味</p></a> </li> <li> <a href="article/12760" data-desc="P:4:「平民人參」白蘿蔔上中下各有鮮吃法!蘿蔔皮、葉子教你做料理" title="「平民人參」白蘿蔔上中下各有鮮吃法!蘿蔔皮、葉子教你做料理"><div><img src="https://img.ltn.com.tw/Upload/food/page/2025/02/21/250221-12760-4-OgDmO.jpg" alt="「平民人參」白蘿蔔上中下各有鮮吃法!蘿蔔皮、葉子教你做料理" title="「平民人參」白蘿蔔上中下各有鮮吃法!蘿蔔皮、葉子教你做料理"></div> <p>「平民人參」白蘿蔔上中下各有鮮吃法!蘿蔔皮、葉子教你做料理</p></a> </li> <li> <a href="article/12776" data-desc="P:5:「豆包蛋餅」低醣又酥香!3步驟快速做無澱粉素食早點" title="「豆包蛋餅」低醣又酥香!3步驟快速做無澱粉素食早點"><div><img src="https://img.ltn.com.tw/Upload/food/page/2025/03/11/250311-12776-4-dMT04.jpg" alt="「豆包蛋餅」低醣又酥香!3步驟快速做無澱粉素食早點" title="「豆包蛋餅」低醣又酥香!3步驟快速做無澱粉素食早點"></div> <p>「豆包蛋餅」低醣又酥香!3步驟快速做無澱粉素食早點</p></a> </li> <li> <a href="article/12768" data-desc="P:6:「蝦仁馬鈴薯球」無負擔鹹點心!偽炸物酥脆口感藏訣竅" title="「蝦仁馬鈴薯球」無負擔鹹點心!偽炸物酥脆口感藏訣竅"><div><img src="https://img.ltn.com.tw/Upload/food/page/2025/03/03/250303-12768-6-whSzB.jpg" alt="「蝦仁馬鈴薯球」無負擔鹹點心!偽炸物酥脆口感藏訣竅" title="「蝦仁馬鈴薯球」無負擔鹹點心!偽炸物酥脆口感藏訣竅"></div> <p>「蝦仁馬鈴薯球」無負擔鹹點心!偽炸物酥脆口感藏訣竅</p></a> </li> <li> <a href="article/12781" data-desc="P:7:「水晶蝦餃」免擀皮更簡單!現成材料就能做美味港點" title="「水晶蝦餃」免擀皮更簡單!現成材料就能做美味港點"><div><img src="https://img.ltn.com.tw/Upload/food/page/2025/03/17/250317-12781-0-vdR7c.jpg" alt="「水晶蝦餃」免擀皮更簡單!現成材料就能做美味港點" title="「水晶蝦餃」免擀皮更簡單!現成材料就能做美味港點"></div> <p>「水晶蝦餃」免擀皮更簡單!現成材料就能做美味港點</p></a> </li> <li> <a href="article/12746" data-desc="P:8:「板栗燒雞翅」一鍋到底家常菜!油亮入味超下飯" title="「板栗燒雞翅」一鍋到底家常菜!油亮入味超下飯"><div><img src="https://img.ltn.com.tw/Upload/food/page/2025/02/07/250207-12746-00-iHECt.jpg" alt="「板栗燒雞翅」一鍋到底家常菜!油亮入味超下飯" title="「板栗燒雞翅」一鍋到底家常菜!油亮入味超下飯"></div> <p>「板栗燒雞翅」一鍋到底家常菜!油亮入味超下飯</p></a> </li> </ul> </div> <div class='suggest'> <!-- /21202031/12-food-home-BD1 --> <div id="ad-BD1" class="boxTitle suggest_pc suggestBottom adHeight250" data-desc="廣告ad-BD1" style="text-align: center;"> <script>displayDFP('ad-BD1', 'pc');</script> </div> </div> <div class="asideBlock boxTitle boxText" data-desc="臉書粉絲團"> <iframe src="https://www.facebook.com/plugins/page.php?href=https%3A%2F%2Fwww.facebook.com%2Ffood.ltn.tw%2F&tabs=tabs&width=300&height=130&small_header=false&adapt_container_width=true&hide_cover=false&show_facepile=true&appId" width="300" height="130" style="border:none;overflow:hidden;display:block;" scrolling="no" frameborder="0" allowTransparency="true" allow="encrypted-media"></iframe> </div> <!-- 廣告 300*600 --> <div class="suggest"> <!-- /21202031/12-food-home-BD2 --> <div id="ad-BD2" class="boxTitle suggest_pc suggestTop suggestBottom adHeight250" data-desc="廣告ad-BD2" style="text-align: center;"> <script>displayDFP('ad-BD2', 'pc');</script> </div> </div> <div class="asideBlock boxTitle boxText" data-desc="熱門關鍵字"> <p class="tit">熱門關鍵字</p> <ul class="keyword"> <li><a href="https://food.ltn.com.tw/type/99" title="便當菜" data-desc="便當菜">便當菜</a></li> <li><a href="https://food.ltn.com.tw/type/54" title="蘿蔔" data-desc="蘿蔔">蘿蔔</a></li> <li><a href="https://food.ltn.com.tw/type/62" title="菇類" data-desc="菇類">菇類</a></li> <li><a href="https://food.ltn.com.tw/type/284" title="雞胸肉的101種吃法" data-desc="雞胸肉的101種吃法">雞胸肉的101種吃法</a></li> <li><a href="https://food.ltn.com.tw/type/70" title="草莓" data-desc="草莓">草莓</a></li> <li><a href="https://food.ltn.com.tw/type/9" title="料理撇步" data-desc="料理撇步">料理撇步</a></li> <li><a href="https://food.ltn.com.tw/keyword/西班牙料理" title="西班牙料理" data-desc="西班牙料理">西班牙料理</a></li> <li><a href="https://food.ltn.com.tw/keyword/熱量排行榜" title="熱量排行榜" data-desc="熱量排行榜">熱量排行榜</a></li> </ul> </div> </div> </aside> </div> <!-- Footer 開始--> <div class="footer_sort boxTitle boxText" data-desc="底部選單"> <div class="footermenu"> <a href="https://food.ltn.com.tw/" data-desc="食譜自由配" title="食譜自由配"><img src="assets/images/logo.png" alt="食譜自由配" title="食譜自由配"></a> <ul> <li><a href="https://food.ltn.com.tw/category" data-desc="找食譜" title="找食譜">找食譜</a></li> <li><a href="https://food.ltn.com.tw/theme" data-desc="主題食譜" title="主題食譜">主題食譜</a></li> <li><a href="https://food.ltn.com.tw/tips" data-desc="料理撇步" title="料理撇步">料理撇步</a></li> <li><a href="https://food.ltn.com.tw/knowhow" data-desc="廚房生活小知識" title="廚房生活小知識">廚房生活小知識</a></li> <li><a href="https://food.ltn.com.tw/type/283" title="影音食譜">影音食譜</a></li> <li><a href="https://food.ltn.com.tw/chef" title="達人出招">達人出招</a></li> </ul> <p class="note">※頻道內容原始資料出自《自由時報.週末生活版》</p> </div> </div> <footer class="food_footer boxTitle" data-desc="底部選單"> <a href="https://www.ltn.com.tw/" title="自由時報" data-desc="自由時報"><img src="https://cache.ltn.com.tw/images/logo_foot.png" alt="自由時報" title="自由時報"></a> <p>自由時報版權所有不得轉載 <span>© 2025 The Liberty Times. All Rights Reserved.<span></p> </footer> <!-- Footer 結束--> <!-- 浮水印廣告 --> <div class="suggest suggest_m"> <!-- /21202031/12-food-mobile-home-I1-bottom --> <div id="ad-I1-bottom" class="boxTitle suggest_m door-bottom door-bottom-head" data-desc="廣告ad-I1-bottom" style="text-align: center;"> <script>displayDFP('ad-I1-bottom', 'm');</script> </div> </div> <div class='door-bottom door-bottom-space' style="display:none;"></div> <script src="https://cache.ltn.com.tw/js/getTargetTime.js"></script> <script type='text/javascript'><!--//<![CDATA[ const thisTimeZoneDate = new Date(); const inTheTimeZone = (function () { const checkTimeZone = [-5, -6, -7, -8]; // ../cache/js/getTargetTime.js:getDiffTime() 兩地相差時間 for (let key in checkTimeZone) { if (getDiffTime(thisTimeZoneDate, checkTimeZone[key]) === 0) { return true; } } return false; })(); function checkSpecificDate() { const today = new Date(); const year = today.getFullYear(); const month = today.getMonth() + 1; const date = today.getDate(); return (year === 2023 && month === 10 && date >= 1 && date <= 31); } const show_amg_footer = (function () { const AMGHostName = location.hostname.toLowerCase().replace(".ltn.com.tw", ""); const AMGOpenTime = { 'www':[ {'start': '2020-09-28T00:00:00', 'end': '2220-09-28T00:00:00'} ], 'news': [ {'start': '2020-09-28T00:00:00', 'end': '2220-09-28T00:00:00'} ], 'auto': [ {'start': '2020-09-28T00:00:00', 'end': '2220-09-28T00:00:00'} ], 'sports': [ {'start': '2020-09-28T00:00:00', 'end': '2220-09-28T00:00:00'} ], '3c': [ {'start': '2020-09-28T00:00:00', 'end': '2220-09-28T00:00:00'} ], 'ec': [ {'start': '2020-09-28T00:00:00', 'end': '2220-09-28T00:00:00'} ], 'features': [ {'start': '2020-09-28T00:00:00', 'end': '2220-09-28T00:00:00'} ], 'istyle': [ {'start': '2020-09-28T00:00:00', 'end': '2220-09-28T00:00:00'} ], 'art': [ {'start': '2020-09-28T00:00:00', 'end': '2220-09-28T00:00:00'} ], 'food': [ {'start': '2020-09-28T00:00:00', 'end': '2220-09-28T00:00:00'} ], 'estate': [ {'start': '2020-09-28T00:00:00', 'end': '2220-09-28T00:00:00'} ], 'ent': [ {'start': '2020-09-28T00:00:00', 'end': '2220-09-28T00:00:00'} ], 'health': [ {'start': '2020-09-28T00:00:00', 'end': '2220-09-28T00:00:00'} ], 'playing': [ {'start': '2020-09-28T00:00:00', 'end': '2220-09-28T00:00:00'} ], }; //AMGOpenTime沒設定的頻道回傳false防測試機報錯 if (AMGOpenTime[AMGHostName] != 'undefined') { const AMGNowTime = thisTimeZoneDate.getFullYear() + "-" + ('0' + (thisTimeZoneDate.getMonth() + 1)).substr(-2, 2) + "-" + ('0' + thisTimeZoneDate.getDate()).substr(-2, 2) + "T" + ('0' + thisTimeZoneDate.getHours()).substr(-2, 2) + ":" + ('0' + thisTimeZoneDate.getMinutes()).substr(-2, 2) + ":" + ('0' + thisTimeZoneDate.getSeconds()).substr(-2, 2); let openTime = AMGOpenTime[AMGHostName]; for (let key in openTime) { let start = openTime[key]['start']; let end = openTime[key]['end']; if (AMGNowTime >= start && AMGNowTime <= end) { return true; } } } return false; })(); const get_amg_zoneid = (function () { const AMGHostName = location.hostname.toLowerCase().replace(".ltn.com.tw", ""); switch (AMGHostName) { case 'health': case 'ent': case 'istyle': case 'art': case 'playing': case 'food': return '562'; case 'ec': case 'estate': case 'auto': case 'sports': case '3c': return '680'; default: return '96'; } })(); const shiftvValue = (function () { const AMGHostName = location.hostname.toLowerCase().replace(".ltn.com.tw", ""); switch (AMGHostName) { case 'health': case 'ent': case 'istyle': case 'art': case 'playing': case 'food': return '22'; case 'ec': case 'estate': case 'auto': case 'sports': case '3c': default: return '15'; } })(); if (inTheTimeZone && show_amg_footer) { let ox_u = 'https://amgs5.com/AS/www/delivery/al.php?zoneid=' + get_amg_zoneid + '&layerstyle=simple&align=center&valign=bottom&padding=2&padding=2&shifth=0&shiftv=' + shiftvValue + '&closebutton=t&backcolor=FFFFFF&bordercolor=000000'; if (document.context) ox_u += '&context=' + escape(document.context); document.write("<scr"+"ipt type='text/javascript' src='" + ox_u + "'></scr"+"ipt>"); } //]]>--></script> <script src="assets/js/rwd/food_default.min.js"></script> </body> </html>