慢遊雲林 - 智慧旅遊平台

慢遊雲林，探索自然之美

沉浸在雲林的自然風光，體驗慢活的生活步調

立即探索查看優惠

品味雲林在地美食

探索雲林特色小吃與在地美食文化

美食探索美食優惠

雲林文化之旅

體驗雲林豐富的歷史文化與傳統工藝

文化遊程文化活動

附近景點

AI行程規劃

即時優惠券

交通查詢

為您推薦

當季主題活動

查看全部

雲林花海節

2024/03/01 - 2024/04/15

古坑鄉

即將開始

雲林國際偶戲節

2024/05/10 - 2024/05/20

虎尾鎮

雲林咖啡文化節

2024/04/20 - 2024/05/05

斗六市

美食推薦

查看全部

KOL推薦

古坑咖啡

4.7

古坑鄉

斗六夜市小吃

4.3

斗六市

必吃

北港朝天宮小吃

4.8

北港鎮

探索景點

劍湖山世界

4.5 (328)

主題樂園親子同樂

雲林最大的主題樂園，擁有多項刺激遊樂設施及表演活動。

古坑鄉

查看詳情

雲林故事館

4.0 (156)

歷史文化展覽

展示雲林在地文化與歷史的特色館舍，定期舉辦各類文化展覽。

斗六市

查看詳情

文化

虎尾糖廠

4.2 (203)

歷史建築文創園區

百年糖廠轉型為文創園區，保留許多歷史建築與製糖設備。

虎尾鎮

查看詳情

必訪

北港朝天宮

4.8 (512)

宗教文化古蹟

台灣最著名的媽祖廟之一，每年吸引大量信徒前來朝聖。

北港鎮

查看詳情

品味美食

人氣

古坑咖啡

4.7 (342)

咖啡特產

雲林古坑的特色咖啡，香氣濃郁，風味獨特。

古坑鄉

查看詳情

斗六夜市小吃

4.3 (278)

夜市小吃

雲林最大的夜市，集結各式在地特色小吃。

斗六市

查看詳情

必吃

北港朝天宮小吃

4.8 (456)

傳統小吃宗教文化

朝天宮周邊的特色小吃，包括麻油麵線、蝦丸等傳統美食。

北港鎮

查看詳情

土庫肉包

4.6 (312)

傳統美食伴手禮

土庫鎮的特色美食，外皮酥脆，內餡多汁，是當地著名伴手禮。

土庫鎮

查看詳情

主題遊程

AI智慧行程規劃

根據您的喜好，為您量身打造專屬雲林旅遊行程

旅遊天數

旅遊偏好

自然景觀歷史文化美食探索親子同樂宗教文化

出發地點

精選主題遊程

一日小鎮慢遊

1天虎尾鎮

探索虎尾小鎮的歷史風情，品嚐在地美食，體驗慢活步調。

1
虎尾糖廠

2
虎尾鐵橋

3
雲林布袋戲館

查看詳情

茶文化體驗

2天古坑鄉

深入古坑茶鄉，體驗採茶、製茶過程，品嚐道地咖啡與茶文化。

1
古坑咖啡園區

2
華山茶園

3
綠色隧道

查看詳情

宗教巡禮

1天北港鎮

探訪北港朝天宮等雲林著名宗教聖地，體驗傳統信仰文化。

1
北港朝天宮

2
北港老街

3
北港工藝坊

查看詳情

/* 基本設定 */ :root { --primary-color: #2C7C3A; --secondary-color: #F4A259; --background-color: #FDF6EC; --background-gray: #F8F8F8; --text-color: #333333; --light-gray: #E5E5E5; --white: #FFFFFF; --shadow: 0 4px 6px rgba(0, 0, 0, 0.1); --border-radius: 8px; --transition: all 0.3s ease; } * { margin: 0; padding: 0; box-sizing: border-box; } body { font-family: 'Noto Sans TC', 'Source Han Sans', sans-serif; color: var(--text-color); background-color: var(--background-color); line-height: 1.6; } .container { width: 100%; max-width: 1200px; margin: 0 auto; padding: 0 20px; } a { text-decoration: none; color: inherit; transition: var(--transition); } ul { list-style: none; } img { max-width: 100%; height: auto; } .section-title { font-size: 2rem; font-weight: 700; margin-bottom: 2rem; text-align: center; color: var(--primary-color); position: relative; } .section-title:after { content: ''; display: block; width: 60px; height: 3px; background-color: var(--secondary-color); margin: 10px auto 0; border-radius: 2px; } /* 按鈕樣式 */ .btn { display: inline-block; padding: 10px 20px; border-radius: 30px; font-weight: 500; cursor: pointer; transition: var(--transition); text-align: center; border: none; font-size: 1rem; } .primary-btn { background-color: var(--primary-color); color: var(--white); } .primary-btn:hover { background-color: #236431; transform: translateY(-2px); } .secondary-btn { background-color: var(--secondary-color); color: var(--white); } .secondary-btn:hover { background-color: #e0944e; transform: translateY(-2px); } .outline-btn { background-color: transparent; border: 2px solid var(--primary-color); color: var(--primary-color); } .outline-btn:hover { background-color: var(--primary-color); color: var(--white); transform: translateY(-2px); } /* 導覽列 */ .navbar { background-color: var(--primary-color); color: var(--white); position: fixed; top: 0; left: 0; width: 100%; z-index: 1000; box-shadow: var(--shadow); } .navbar .container { display: flex; justify-content: space-between; align-items: center; padding: 15px 20px; } .logo-search { display: flex; align-items: center; gap: 20px; } .logo img { height: 40px; } .search-bar { display: flex; background-color: rgba(255, 255, 255, 0.2); border-radius: 30px; overflow: hidden; width: 300px; } .search-bar input { background: transparent; border: none; padding: 10px 15px; color: var(--white); flex-grow: 1; outline: none; } .search-bar input::placeholder { color: rgba(255, 255, 255, 0.7); } .search-bar button { background: transparent; border: none; color: var(--white); padding: 0 15px; cursor: pointer; } .main-menu ul { display: flex; gap: 20px; } .main-menu a { color: var(--white); font-weight: 500; padding: 5px 10px; border-radius: 4px; } .main-menu a:hover { background-color: rgba(255, 255, 255, 0.1); } .member-btn { background-color: rgba(255, 255, 255, 0.15); padding: 8px 15px !important; border-radius: 30px !important; } .member-btn:hover { background-color: rgba(255, 255, 255, 0.25) !important; } .mobile-menu-toggle { display: none; color: var(--white); font-size: 1.5rem; cursor: pointer; } /* 首屏Banner */ .hero-banner { height: 100vh; position: relative; overflow: hidden; margin-top: 70px; } .banner-slider { height: 100%; position: relative; } .slide { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; transition: opacity 1s ease; display: flex; align-items: center; } .slide.active { opacity: 1; } .slide-bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-position: center; z-index: -1; } .slide-bg:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(to right, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.3)); } .slide-content { color: var(--white); max-width: 600px; padding: 0 50px; position: relative; z-index: 1; } .slide-content h1 { font-size: 3rem; margin-bottom: 20px; font-weight: 700; } .slide-content p { font-size: 1.2rem; margin-bottom: 30px; } .cta-buttons { display: flex; gap: 15px; } .slider-controls { position: absolute; bottom: 30px; left: 0; width: 100%; display: flex; justify-content: center; align-items: center; gap: 20px; z-index: 10; } .prev-slide, .next-slide { background-color: rgba(255, 255, 255, 0.3); color: var(--white); border: none; width: 40px; height: 40px; border-radius: 50%; cursor: pointer; display: flex; justify-content: center; align-items: center; transition: var(--transition); } .prev-slide:hover, .next-slide:hover { background-color: rgba(255, 255, 255, 0.5); } .slider-dots { display: flex; gap: 10px; } .dot { width: 12px; height: 12px; border-radius: 50%; background-color: rgba(255, 255, 255, 0.3); cursor: pointer; transition: var(--transition); } .dot.active { background-color: var(--white); } /* 快速導覽按鈕 */ .quick-nav { background-color: var(--white); padding: 20px 0; box-shadow: var(--shadow); position: relative; z-index: 10; margin-top: -50px; border-radius: var(--border-radius); } .quick-nav .container { display: flex; justify-content: space-around; } .quick-nav-item { display: flex; flex-direction: column; align-items: center; gap: 10px; cursor: pointer; transition: var(--transition); padding: 15px; border-radius: var(--border-radius); } .quick-nav-item:hover { background-color: var(--background-gray); transform: translateY(-5px); } .quick-nav-item .icon { width: 60px; height: 60px; background-color: var(--primary-color); color: var(--white); border-radius: 50%; display: flex; justify-content: center; align-items: center; font-size: 1.5rem; } .quick-nav-item span { font-weight: 500; } /* 個人化推薦區 */ .recommendations { padding: 80px 0 40px; } .recommendation-section { margin-bottom: 60px; } .section-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px; } .section-header h3 { font-size: 1.5rem; color: var(--primary-color); } .view-all { color: var(--primary-color); font-weight: 500; display: flex; align-items: center; gap: 5px; } .view-all:hover { color: var(--secondary-color); } .card-slider { display: flex; gap: 20px; overflow-x: auto; padding: 10px 0; scrollbar-width: thin; } .card-slider::-webkit-scrollbar { height: 6px; } .card-slider::-webkit-scrollbar-track { background: var(--light-gray); border-radius: 10px; } .card-slider::-webkit-scrollbar-thumb { background: var(--primary-color); border-radius: 10px; } .card { min-width: 300px; background-color: var(--white); border-radius: var(--border-radius); overflow: hidden; box-shadow: var(--shadow); transition: var(--transition); } .card:hover { transform: translateY(-5px); box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1); } .card-image { height: 200px; position: relative; overflow: hidden; } .card-image img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.5s ease; } .card:hover .card-image img { transform: scale(1.05); } .card-tag { position: absolute; top: 10px; right: 10px; background-color: var(--secondary-color); color: var(--white); padding: 5px 10px; border-radius: 20px; font-size: 0.8rem; font-weight: 500; } .card-content { padding: 20px; } .card-content h4 { margin-bottom: 10px; font-size: 1.2rem; } .rating { color: #FFD700; margin-bottom: 10px; display: flex; align-items: center; } .rating span { color: var(--text-color); margin-left: 5px; font-size: 0.9rem; } .date, .location { font-size: 0.9rem; color: #666; margin-bottom: 5px; display: flex; align-items: center; gap: 5px; } /* 社群即時牆 */ .social-wall { padding: 40px 0 80px; background-color: var(--background-gray); } .hashtag { color: var(--secondary-color); font-weight: normal; font-size: 1.2rem; } .social-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); gap: 20px; margin-bottom: 30px; } .social-item { position: relative; border-radius: var(--border-radius); overflow: hidden; aspect-ratio: 1; } .social-item img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.5s ease; } .social-overlay { position: absolute; bottom: 0; left: 0; width: 100%; padding: 15px; background: linear-gradient(to top, rgba(0, 0, 0, 0.7), transparent); color: var(--white); opacity: 0; transition: var(--transition); } .social-item:hover img { transform: scale(1.05); } .social-item:hover .social-overlay { opacity: 1; } .social-icon { margin-bottom: 5px; font-size: 1.2rem; } .social-user { font-size: 0.9rem; } .social-more { text-align: center; } /* 探索景點 */ .explore-section { padding: 80px 0; } .filter-bar { display: flex; justify-content: space-between; align-items: center; margin-bottom: 30px; flex-wrap: wrap; gap: 20px; } .search-filter { display: flex; background-color: var(--white); border-radius: 30px; overflow: hidden; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); width: 300px; } .search-filter input { border: none; padding: 10px 15px; flex-grow: 1; outline: none; } .search-filter button { background: var(--primary-color); border: none; color: var(--white); padding: 0 15px; cursor: pointer; } .category-filter { display: flex; gap: 10px; flex-wrap: wrap; } .filter-btn { background-color: var(--white); border: none; padding: 8px 15px; border-radius: 20px; cursor: pointer; transition: var(--transition); font-size: 0.9rem; } .filter-btn.active, .filter-btn:hover { background-color: var(--primary-color); color: var(--white); } .view-toggle { display: flex; gap: 10px; } .toggle-btn { background-color: var(--white); border: none; width: 40px; height: 40px; border-radius: 50%; display: flex; justify-content: center; align-items: center; cursor: pointer; transition: var(--transition); } .toggle-btn.active, .toggle-btn:hover { background-color: var(--primary-color); color: var(--white); } .spots-grid, .food-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 30px; margin-bottom: 40px; } .spot-card, .food-card { background-color: var(--white); border-radius: var(--border-radius); overflow: hidden; box-shadow: var(--shadow); transition: var(--transition); } .spot-card:hover, .food-card:hover { transform: translateY(-5px); box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1); } .favorite-btn { position: absolute; top: 10px; left: 10px; background-color: rgba(255, 255, 255, 0.8); border: none; width: 36px; height: 36px; border-radius: 50%; display: flex; justify-content: center; align-items: center; cursor: pointer; transition: var(--transition); color: #999; } .favorite-btn:hover { background-color: var(--white); color: #ff6b6b; } .tags { display: flex; gap: 8px; margin-bottom: 10px; flex-wrap: wrap; } .tag { background-color: var(--background-gray); padding: 4px 10px; border-radius: 20px; font-size: 0.8rem; } .description { font-size: 0.9rem; color: #666; margin-bottom: 15px; } .card-footer { display: flex; justify-content: space-between; align-items: center; margin-top: 10px; } .more-btn { color: var(--primary-color); font-weight: 500; font-size: 0.9rem; } .more-btn:hover { color: var(--secondary-color); } .load-more { text-align: center; } /* 主題遊程 */ .itinerary-section { padding: 80px 0; background-color: var(--background-gray); } .ai-planner { background-color: var(--white); border-radius: var(--border-radius); padding: 30px; margin-bottom: 60px; box-shadow: var(--shadow); } .planner-header { text-align: center; margin-bottom: 30px; } .planner-header h3 { color: var(--primary-color); font-size: 1.8rem; margin-bottom: 10px; } .planner-form { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 20px; } .form-group { margin-bottom: 20px; } .form-group label { display: block; margin-bottom: 8px; font-weight: 500; } .form-group select, .form-group input { width: 100%; padding: 10px; border: 1px solid var(--light-gray); border-radius: var(--border-radius); outline: none; transition: var(--transition); } .form-group select:focus, .form-group input:focus { border-color: var(--primary-color); } .preference-options { display: flex; flex-wrap: wrap; gap: 10px; } .checkbox { display: flex; align-items: center; gap: 5px; cursor: pointer; } .theme-itineraries { margin-top: 60px; } .theme-itineraries h3 { text-align: center; color: var(--primary-color); font-size: 1.8rem; margin-bottom: 30px; } .itinerary-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(350px, 1fr)); gap: 30px; } .itinerary-card { background-color: var(--white); border-radius: var(--border-radius); overflow: hidden; box-shadow: var(--shadow); transition: var(--transition); } .itinerary-card:hover { transform: translateY(-5px); box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1); } .itinerary-info { display: flex; gap: 20px; margin-bottom: 15px; color: #666; font-size: 0.9rem; } .itinerary-highlights { background-color: var(--background-gray); padding: 15px; border-radius: var(--border-radius); margin-bottom: 20px; } .highlight { display: flex; align-items: center; gap: 10px; margin-bottom: 10px; } .highlight:last-child { margin-bottom: 0; } .highlight-icon { width: 24px; height: 24px; background-color: var(--primary-color); color: var(--white); border-radius: 50%; display: flex; justify-content: center; align-items: center; font-size: 0.8rem; font-weight: 700; } .itinerary-card .btn { width: 100%; } /* 頁尾 */ .footer { background-color: var(--primary-color); color: var(--white); padding: 60px 0 20px; } .footer-content { display: grid; grid-template-columns: 1fr 2fr 1fr; gap: 40px; margin-bottom: 40px; } .footer-logo p { margin-top: 15px; opacity: 0.8; } .footer-links { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; } .link-group h4 { margin-bottom: 20px; position: relative; padding-bottom: 10px; } .link-group h4:after { content: ''; position: absolute; bottom: 0; left: 0; width: 30px; height: 2px; background-color: var(--secondary-color); } .link-group ul li { margin-bottom: 10px; } .link-group a { opacity: 0.8; transition: var(--transition); } .link-group a:hover { opacity: 1; padding-left: 5px; } .footer-subscribe h4 { margin-bottom: 15px; } .footer-subscribe p { margin-bottom: 20px; opacity: 0.8; } .subscribe-form { display: flex; margin-bottom: 20px; } .subscribe-form input { flex-grow: 1; padding: 10px 15px; border: none; border-radius: 30px 0 0 30px; outline: none; } .subscribe-form .btn { border-radius: 0 30px 30px 0; } .social-links { display: flex; gap: 15px; } .social-links a { width: 40px; height: 40px; background-color: rgba(255, 255, 255, 0.1); border-radius: 50%; display: flex; justify-content: center; align-items: center; transition: var(--transition); } .social-links a:hover { background-color: var(--secondary-color); transform: translateY(-3px); } .footer-bottom { display: flex; justify-content: space-between; align-items: center; padding-top: 20px; border-top: 1px solid rgba(255, 255, 255, 0.1); font-size: 0.9rem; opacity: 0.7; } .footer-policies { display: flex; gap: 20px; } /* 響應式設計 */ @media (max-width: 1024px) { .footer-content { grid-template-columns: 1fr 1fr; } .footer-logo { grid-column: 1 / -1; text-align: center; } .footer-links { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 768px) { .main-menu { display: none; } .mobile-menu-toggle { display: block; } .search-bar { width: 200px; } .slide-content h1 { font-size: 2.2rem; } .quick-nav .container { flex-wrap: wrap; } .quick-nav-item { width: 45%; margin-bottom: 20px; } .footer-content { grid-template-columns: 1fr; } .footer-links { grid-template-columns: 1fr; } .footer-bottom { flex-direction: column; gap: 10px; text-align: center; } } @media (max-width: 576px) { .section-title { font-size: 1.8rem; } .slide-content { padding: 0 30px; } .slide-content h1 { font-size: 1.8rem; } .cta-buttons { flex-direction: column; gap: 10px; } .quick-nav-item { width: 100%; } .filter-bar { flex-direction: column; align-items: flex-start; } .search-filter { width: 100%; } .itinerary-grid { grid-template-columns: 1fr; } } document.addEventListener('DOMContentLoaded', function() { // Banner Slider const slides = document.querySelectorAll('.slide'); const dots = document.querySelectorAll('.dot'); const prevBtn = document.querySelector('.prev-slide'); const nextBtn = document.querySelector('.next-slide'); let currentSlide = 0; function showSlide(index) { slides.forEach(slide => slide.classList.remove('active')); dots.forEach(dot => dot.classList.remove('active')); slides[index].classList.add('active'); dots[index].classList.add('active'); currentSlide = index; } function nextSlide() { currentSlide = (currentSlide + 1) % slides.length; showSlide(currentSlide); } function prevSlide() { currentSlide = (currentSlide - 1 + slides.length) % slides.length; showSlide(currentSlide); } // Auto slide let slideInterval = setInterval(nextSlide, 5000); // Reset interval when manually changing slides function resetInterval() { clearInterval(slideInterval); slideInterval = setInterval(nextSlide, 5000); } prevBtn.addEventListener('click', () => { prevSlide(); resetInterval(); }); nextBtn.addEventListener('click', () => { nextSlide(); resetInterval(); }); dots.forEach((dot, index) => { dot.addEventListener('click', () => { showSlide(index); resetInterval(); }); }); // Mobile Menu Toggle const menuToggle = document.querySelector('.mobile-menu-toggle'); const mainMenu = document.querySelector('.main-menu'); menuToggle.addEventListener('click', () => { mainMenu.style.display = mainMenu.style.display === 'block' ? 'none' : 'block'; }); // Favorite Button const favoriteButtons = document.querySelectorAll('.favorite-btn'); favoriteButtons.forEach(btn => { btn.addEventListener('click', function(e) { e.preventDefault(); const icon = this.querySelector('i'); if (icon.classList.contains('far')) { icon.classList.remove('far'); icon.classList.add('fas'); icon.style.color = '#ff6b6b'; } else { icon.classList.remove('fas'); icon.classList.add('far'); icon.style.color = ''; } }); }); // Filter Buttons const filterButtons = document.querySelectorAll('.filter-btn'); filterButtons.forEach(btn => { btn.addEventListener('click', function() { const parent = this.parentElement; parent.querySelectorAll('.filter-btn').forEach(button => { button.classList.remove('active'); }); this.classList.add('active'); }); }); // View Toggle const toggleButtons = document.querySelectorAll('.toggle-btn'); toggleButtons.forEach(btn => { btn.addEventListener('click', function() { const parent = this.parentElement; parent.querySelectorAll('.toggle-btn').forEach(button => { button.classList.remove('active'); }); this.classList.add('active'); }); }); // Smooth Scroll for Navigation document.querySelectorAll('a[href^="#"]').forEach(anchor => { anchor.addEventListener('click', function(e) { e.preventDefault(); const targetId = this.getAttribute('href'); if (targetId === '#') return; const targetElement = document.querySelector(targetId); if (targetElement) { const navbarHeight = document.querySelector('.navbar').offsetHeight; const targetPosition = targetElement.getBoundingClientRect().top + window.pageYOffset - navbarHeight; window.scrollTo({ top: targetPosition, behavior: 'smooth' }); // Close mobile menu if open if (window.innerWidth <= 768) { mainMenu.style.display = 'none'; } } }); }); // Scroll Animation for Cards const animateOnScroll = () => { const cards = document.querySelectorAll('.card, .spot-card, .food-card, .itinerary-card, .social-item'); cards.forEach(card => { const cardTop = card.getBoundingClientRect().top; const windowHeight = window.innerHeight; if (cardTop < windowHeight - 100) { card.style.opacity = '1'; card.style.transform = 'translateY(0)'; } }); }; // Initialize card animations const initCardAnimations = () => { const cards = document.querySelectorAll('.card, .spot-card, .food-card, .itinerary-card, .social-item'); cards.forEach(card => { card.style.opacity = '0'; card.style.transform = 'translateY(20px)'; card.style.transition = 'opacity 0.5s ease, transform 0.5s ease'; }); animateOnScroll(); }; initCardAnimations(); window.addEventListener('scroll', animateOnScroll); // Sticky Navbar Effect const navbar = document.querySelector('.navbar'); const heroSection = document.querySelector('.hero-banner'); window.addEventListener('scroll', () => { if (window.scrollY > 100) { navbar.style.background = 'rgba(44, 124, 58, 0.95)'; navbar.style.padding = '10px 0'; } else { navbar.style.background = 'var(--primary-color)'; navbar.style.padding = ''; } }); }); This folder will contain the following images: 1. logo.png - 慢遊雲林的標誌 2. logo-white.png - 白色版本的標誌，用於頁尾 3. banner1.jpg, banner2.jpg, banner3.jpg - 首頁輪播圖片 4. event1.jpg, event2.jpg, event3.jpg - 活動圖片 5. spot1.jpg, spot2.jpg, spot3.jpg, spot4.jpg - 景點圖片 6. food1.jpg, food2.jpg, food3.jpg, food4.jpg - 美食圖片 7. itinerary1.jpg, itinerary2.jpg, itinerary3.jpg - 遊程圖片 8. social1.jpg, social2.jpg, social3.jpg, social4.jpg, social5.jpg, social6.jpg - 社群照片請將相應的圖片放入此資料夾中，以確保網站正常顯示。

慢遊雲林，探索自然之美

品味雲林在地美食

雲林文化之旅

為您推薦

當季主題活動

雲林花海節

雲林國際偶戲節

雲林咖啡文化節

熱門景點

劍湖山世界

雲林故事館

虎尾糖廠

美食推薦

古坑咖啡

斗六夜市小吃

北港朝天宮小吃

社群即時牆 #慢遊雲林

探索景點

劍湖山世界

雲林故事館

虎尾糖廠

北港朝天宮

品味美食

古坑咖啡

斗六夜市小吃

北港朝天宮小吃

土庫肉包

主題遊程

AI智慧行程規劃

精選主題遊程

一日小鎮慢遊

茶文化體驗

宗教巡禮