https://myblog-9mp.pages.dev/tags/%E5%8F%B0%E7%81%A3%E6%96%B0%E7%AB%B9/ Recent content in 台灣新竹 on Life with everything Hugo -- gohugo.io zh-hant-tw Mon, 06 Mar 2023 00:00:00 +0000 https://myblog-9mp.pages.dev/posts/taiwan-hsinchu-trip-2/ Mon, 06 Mar 2023 00:00:00 +0000 https://myblog-9mp.pages.dev/posts/taiwan-hsinchu-trip-2/ <img src="https://myblog-9mp.pages.dev/posts/taiwan-hsinchu-trip-2/trip-hsinchu-2-13.jpg" alt="Featured image of post 【新竹五峰】櫻花飄散如飛雪，風和日麗賞櫻趣，山上人家" /><h2 id="景點簡介">景點簡介 </h2> <blockquote> <p>山上人家座落在大隘白蘭休閒農業區附近海拔1200公尺，面積五公頃，鄰近參山國家風景區與鵝公髻山，有高聳的吉野杉圍繞。園區附近有農民種植水蜜桃、李子、甜柿及高冷有機蔬菜，夏天氣溫18-22度，是最佳避暑勝地。</p> </blockquote> <blockquote> <p>這裡有自然生態景觀，有時也看得到遠處翻騰的雲海，清幽如畫的美景令人嘆為觀止；園區內遍植香草植物，行走其間可以充分享受森林浴洗禮，走進森林聽聽蟲鳴鳥叫以及潺潺的流水聲，享受那充滿芬多精的森林、呼吸著帶有甜味的空氣，遠離都市塵囂所帶來片刻寧靜…達到身心靈的放鬆。</p> </blockquote> <div style="display:flex; flex-wrap:wrap; gap:8px; padding-left:120px; margin:12px 0;"> <a href="https://www.mvresort.com.tw/" target="_blank" rel="noopener" class="shortcode-btn">山上人家網址</a> <a href="https://www.facebook.com/mvresort.tw/" target="_blank" rel="noopener" class="shortcode-btn">FB粉絲專頁</a> </div> <h2 id="遊記照片與心得">遊記照片與心得 </h2> <div class="carousel-wrapper" id="ca-a7376cb6fc9bcfdfef330ea6ec4b04cd"> <div class="carousel-main"> <button class="carousel-btn carousel-prev" onclick="caMove('ca-a7376cb6fc9bcfdfef330ea6ec4b04cd', -1)">&#8249;</button> <div class="carousel-track"> <div class="carousel-slide active"> <img src="https://myblog-9mp.pages.dev/posts/taiwan-hsinchu-trip-2/trip-hsinchu-2-1.jpg" alt="圖片 1" loading="lazy"> </div> <div class="carousel-slide"> <img src="https://myblog-9mp.pages.dev/posts/taiwan-hsinchu-trip-2/trip-hsinchu-2-2.jpg" alt="圖片 2" loading="lazy"> </div> <div class="carousel-slide"> <img src="https://myblog-9mp.pages.dev/posts/taiwan-hsinchu-trip-2/trip-hsinchu-2-3.jpg" alt="圖片 3" loading="lazy"> </div> <div class="carousel-slide"> <img src="https://myblog-9mp.pages.dev/posts/taiwan-hsinchu-trip-2/trip-hsinchu-2-4.jpg" alt="圖片 4" loading="lazy"> </div> <div class="carousel-slide"> <img src="https://myblog-9mp.pages.dev/posts/taiwan-hsinchu-trip-2/trip-hsinchu-2-5.jpg" alt="圖片 5" loading="lazy"> </div> <div class="carousel-slide"> <img src="https://myblog-9mp.pages.dev/posts/taiwan-hsinchu-trip-2/trip-hsinchu-2-6.jpg" alt="圖片 6" loading="lazy"> </div> <div class="carousel-slide"> <img src="https://myblog-9mp.pages.dev/posts/taiwan-hsinchu-trip-2/trip-hsinchu-2-7.jpg" alt="圖片 7" loading="lazy"> </div> <div class="carousel-slide"> <img src="https://myblog-9mp.pages.dev/posts/taiwan-hsinchu-trip-2/trip-hsinchu-2-8.jpg" alt="圖片 8" loading="lazy"> </div> <div class="carousel-slide"> <img src="https://myblog-9mp.pages.dev/posts/taiwan-hsinchu-trip-2/trip-hsinchu-2-9.jpg" alt="圖片 9" loading="lazy"> </div> <div class="carousel-slide"> <img src="https://myblog-9mp.pages.dev/posts/taiwan-hsinchu-trip-2/trip-hsinchu-2-10.jpg" alt="圖片 10" loading="lazy"> </div> <div class="carousel-slide"> <img src="https://myblog-9mp.pages.dev/posts/taiwan-hsinchu-trip-2/trip-hsinchu-2-11.jpg" alt="圖片 11" loading="lazy"> </div> <div class="carousel-slide"> <img src="https://myblog-9mp.pages.dev/posts/taiwan-hsinchu-trip-2/trip-hsinchu-2-12.jpg" alt="圖片 12" loading="lazy"> </div> </div> <button class="carousel-btn carousel-next" onclick="caMove('ca-a7376cb6fc9bcfdfef330ea6ec4b04cd', 1)">&#8250;</button> <div class="carousel-counter"><span class="ca-current">1</span> / 12</div> </div> <div class="carousel-thumbs"> <div class="carousel-thumb active" onclick="caGoTo('ca-a7376cb6fc9bcfdfef330ea6ec4b04cd', 0 )"> <img src="https://myblog-9mp.pages.dev/posts/taiwan-hsinchu-trip-2/trip-hsinchu-2-1.jpg" alt="縮圖 1" loading="lazy"> </div> <div class="carousel-thumb" onclick="caGoTo('ca-a7376cb6fc9bcfdfef330ea6ec4b04cd', 1 )"> <img src="https://myblog-9mp.pages.dev/posts/taiwan-hsinchu-trip-2/trip-hsinchu-2-2.jpg" alt="縮圖 2" loading="lazy"> </div> <div class="carousel-thumb" onclick="caGoTo('ca-a7376cb6fc9bcfdfef330ea6ec4b04cd', 2 )"> <img src="https://myblog-9mp.pages.dev/posts/taiwan-hsinchu-trip-2/trip-hsinchu-2-3.jpg" alt="縮圖 3" loading="lazy"> </div> <div class="carousel-thumb" onclick="caGoTo('ca-a7376cb6fc9bcfdfef330ea6ec4b04cd', 3 )"> <img src="https://myblog-9mp.pages.dev/posts/taiwan-hsinchu-trip-2/trip-hsinchu-2-4.jpg" alt="縮圖 4" loading="lazy"> </div> <div class="carousel-thumb" onclick="caGoTo('ca-a7376cb6fc9bcfdfef330ea6ec4b04cd', 4 )"> <img src="https://myblog-9mp.pages.dev/posts/taiwan-hsinchu-trip-2/trip-hsinchu-2-5.jpg" alt="縮圖 5" loading="lazy"> </div> <div class="carousel-thumb" onclick="caGoTo('ca-a7376cb6fc9bcfdfef330ea6ec4b04cd', 5 )"> <img src="https://myblog-9mp.pages.dev/posts/taiwan-hsinchu-trip-2/trip-hsinchu-2-6.jpg" alt="縮圖 6" loading="lazy"> </div> <div class="carousel-thumb" onclick="caGoTo('ca-a7376cb6fc9bcfdfef330ea6ec4b04cd', 6 )"> <img src="https://myblog-9mp.pages.dev/posts/taiwan-hsinchu-trip-2/trip-hsinchu-2-7.jpg" alt="縮圖 7" loading="lazy"> </div> <div class="carousel-thumb" onclick="caGoTo('ca-a7376cb6fc9bcfdfef330ea6ec4b04cd', 7 )"> <img src="https://myblog-9mp.pages.dev/posts/taiwan-hsinchu-trip-2/trip-hsinchu-2-8.jpg" alt="縮圖 8" loading="lazy"> </div> <div class="carousel-thumb" onclick="caGoTo('ca-a7376cb6fc9bcfdfef330ea6ec4b04cd', 8 )"> <img src="https://myblog-9mp.pages.dev/posts/taiwan-hsinchu-trip-2/trip-hsinchu-2-9.jpg" alt="縮圖 9" loading="lazy"> </div> <div class="carousel-thumb" onclick="caGoTo('ca-a7376cb6fc9bcfdfef330ea6ec4b04cd', 9 )"> <img src="https://myblog-9mp.pages.dev/posts/taiwan-hsinchu-trip-2/trip-hsinchu-2-10.jpg" alt="縮圖 10" loading="lazy"> </div> <div class="carousel-thumb" onclick="caGoTo('ca-a7376cb6fc9bcfdfef330ea6ec4b04cd', 10 )"> <img src="https://myblog-9mp.pages.dev/posts/taiwan-hsinchu-trip-2/trip-hsinchu-2-11.jpg" alt="縮圖 11" loading="lazy"> </div> <div class="carousel-thumb" onclick="caGoTo('ca-a7376cb6fc9bcfdfef330ea6ec4b04cd', 11 )"> <img src="https://myblog-9mp.pages.dev/posts/taiwan-hsinchu-trip-2/trip-hsinchu-2-12.jpg" alt="縮圖 12" loading="lazy"> </div> </div> </div> <style> .carousel-wrapper { margin: 24px 0; user-select: none; } .carousel-main { position: relative; overflow: hidden; border-radius: 12px; max-width: 780px; margin: 0 auto; } .carousel-track { display: flex; transition: transform 0.4s cubic-bezier(0.4,0,0.2,1); } .carousel-slide { min-width: 100%; display: flex; align-items: center; justify-content: center; } .carousel-slide img { width:100% !important; height: auto !important; max-width:100% !important; object-fit: cover !important; border-radius:0 !important; margin:0 !important; } .carousel-btn { position: absolute; top: 50%; transform: translateY(-50%); z-index: 10; background: rgba(0,0,0,0.45); color: #fff; border: none; border-radius: 50%; width: 40px; height: 40px; font-size: 22px; cursor: pointer; transition: background 0.2s; display: flex; align-items: center; justify-content: center; } .carousel-btn:hover { background: rgba(150,123,182,0.75); } .carousel-prev { left: 12px; } .carousel-next { right: 12px; } .carousel-counter { position: absolute; bottom: 10px; right: 14px; background: rgba(0,0,0,0.5); color: #fff; font-size: 13px; padding: 2px 10px; border-radius: 20px; } .carousel-thumbs { display: flex; gap: 6px; margin: 8px auto 0 auto; overflow-x: auto; padding-bottom: 4px; scrollbar-width: none; max-width: 780px; } .carousel-thumbs::-webkit-scrollbar { display: none; } .carousel-thumb { flex-shrink: 0; width: 64px; height: 48px; border-radius: 6px; overflow: hidden; cursor: pointer; opacity: 0.55; border: 2px solid transparent; transition: opacity 0.2s, border-color 0.2s; } .carousel-thumb.active { opacity: 1; border-color: #967BB6; } .carousel-thumb img { width:100% !important; height:100% !important; max-width:100% !important; object-fit:cover !important; border-radius:0 !important; margin:0 !important; } </style> <script> (function(){ const state = {}; window.caGoTo = function(id, index) { if (!state[id]) { const w = document.getElementById(id); const s = { slides: w.querySelectorAll('.carousel-slide'), thumbs: w.querySelectorAll('.carousel-thumb'), track: w.querySelector('.carousel-track'), current: w.querySelector('.ca-current'), index: 0, timer: null }; state[id] = s; } const s = state[id]; s.slides[s.index].classList.remove('active'); s.thumbs[s.index].classList.remove('active'); s.index = (index + s.slides.length) % s.slides.length; s.slides[s.index].classList.add('active'); s.thumbs[s.index].classList.add('active'); s.track.style.transform = `translateX(-${s.index * 100}%)`; s.current.textContent = s.index + 1; const thumb = s.thumbs[s.index]; const container = thumb.closest('.carousel-thumbs'); const thumbLeft = thumb.offsetLeft; const thumbWidth = thumb.offsetWidth; const containerWidth = container.offsetWidth; container.scrollTo({ left: thumbLeft - (containerWidth / 2) + (thumbWidth / 2), behavior: 'smooth' }); if (s.timer) clearInterval(s.timer); s.timer = setInterval(() => window.caGoTo(id, s.index + 1), 4000); }; window.caMove = function(id, dir) { if (!state[id]) window.caGoTo(id, 0); window.caGoTo(id, state[id].index + dir); }; document.addEventListener('DOMContentLoaded', function() { document.querySelectorAll('.carousel-wrapper').forEach(w => { if (w.querySelector('.ca-current')) window.caGoTo(w.id, 0); }); }); })(); </script> <p>為了順利上山，家裡這天特別早出發，十點多便到山上人家了。 這時候的櫻花正漂亮，今年這邊的櫻花花季是從2/11~3/10，再晚些日子來的話估計已經凋謝了！ 有預期這禮拜假日天氣很好，人們大都會出門遊玩， 但到了山上人家才發現，車子比想像的還要多、人也是！</p> <p>即便到了我們下午一點多要下山吃飯的時候，仍然有不少車子正準備上山賞櫻， 天氣雖好，但山上仍然有點冷，還是得穿著薄外套(正午陽光強，會有點曬)。 在路上有遇到被主人放出來放風的可愛鸚鵡，以及乖巧溫和的柴柴一隻(主人說他叫「旺福」)。</p> <div class="photo-gallery"> <img src="trip-hsinchu-2-13.jpg" alt="gallery image"> <img src="trip-hsinchu-2-14.jpg" alt="gallery image"> <img src="trip-hsinchu-2-15.jpg" alt="gallery image"> <img src="trip-hsinchu-2-16.jpg" alt="gallery image"> <img src="trip-hsinchu-2-17.jpg" alt="gallery image"> <img src="trip-hsinchu-2-18.jpg" alt="gallery image"> </div> <h2 id="景點位置">景點位置 </h2><div class="info-card"> <div class="info-card-row"><span class="info-card-icon">🏪</span><span class="info-card-label">名稱</span><span class="info-card-value">山上人家</span></div> <div class="info-card-row"><span class="info-card-icon">📍</span><span class="info-card-label">地址</span><span class="info-card-value">311新竹縣五峰鄉23鄰468之5號</span></div> <div class="info-card-row"><span class="info-card-icon">🕐</span><span class="info-card-label">營業時間</span><span class="info-card-value">本館@ 上午9：00～下午5：00 ；森林咖啡館@上午9：00～下午4：00 （週六、日假日營業；雨天、平日不營業）</span></div> <div class="info-card-row"><span class="info-card-icon">💡</span><span class="info-card-label">備註</span><span class="info-card-value">門票說明：櫻花季期間門票不可抵消費，期間依官網公告為主</span></div> </div> <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3627.552358011984!2d121.0891015!3d24.604640399999997!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x34684542cbd861df%3A0x247fbc8b64543ba3!2z5bGx5LiK5Lq65a625qOu5p6X6L6y5aC0!5e0!3m2!1szh-TW!2stw!4v1781003291299!5m2!1szh-TW!2stw" width="100%" height="400" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>