https://myblog-9mp.pages.dev/page/ Recent content in Pages on Life with everything Hugo -- gohugo.io zh-hant-tw Wed, 06 May 2026 00:00:00 +0000 https://myblog-9mp.pages.dev/about/ Wed, 06 May 2026 00:00:00 +0000 https://myblog-9mp.pages.dev/about/ <!-- 宣傳圖 --> <div style="text-align: center; margin: 20px 0 40px;"> <img src="https://myblog-9mp.pages.dev/img/banner.png" alt="Banner" style="max-width: 100%; border-radius: 20px; box-shadow: 0 10px 30px rgba(150,123,182,0.2);"> </div> <hr> <h2 id="-hi我是-hazwle">👋 Hi，我是 Hazwle </h2> <blockquote> <p>重度抽卡遊戲成癮者</p> <p>具備高度賭徒精神</p> <p>閱讀、觀賞戲劇電影為平日喜好</p> <p>閒暇時與朋友玩玩各種遊戲</p> <p>偶爾剪剪遊玩影片</p> </blockquote> <p>這個部落格記錄著我的日常生活——旅遊景點、美食體驗、電玩心得，以及各種我喜歡的事物。</p> <p>希望這裡的內容能讓你感到有趣，或是找到共鳴 🎨</p> <hr> <h2 id="-旅遊--遊戲時光">📸 旅遊 &amp; 遊戲時光 </h2><!-- 照片牆 --> <div style="display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; margin: 20px 0;"> <img src="https://myblog-9mp.pages.dev/img/photo1.jpg" alt="旅遊照片" style="width:100%; aspect-ratio:1/1; object-fit:cover; border-radius:12px;"> <img src="https://myblog-9mp.pages.dev/img/photo2.jpg" alt="旅遊照片" style="width:100%; aspect-ratio:1/1; object-fit:cover; border-radius:12px;"> <img src="https://myblog-9mp.pages.dev/img/photo3.jpg" alt="遊戲截圖" style="width:100%; aspect-ratio:1/1; object-fit:cover; border-radius:12px;"> <img src="https://myblog-9mp.pages.dev/img/photo4.jpg" alt="遊戲截圖" style="width:100%; aspect-ratio:1/1; object-fit:cover; border-radius:12px;"> <img src="https://myblog-9mp.pages.dev/img/photo5.jpg" alt="旅遊照片" style="width:100%; aspect-ratio:1/1; object-fit:cover; border-radius:12px;"> <img src="https://myblog-9mp.pages.dev/img/photo6.jpg" alt="遊戲截圖" style="width:100%; aspect-ratio:1/1; object-fit:cover; border-radius:12px;"> </div> <hr> <h2 id="-聯絡我">✉️ 聯絡我 </h2><p>有任何問題、合作邀請，或只是想打聲招呼，都歡迎填寫下方表單！</p> <form action="https://formspree.io/f/xpqbrjaw" method="POST" style="max-width: 500px; margin: 20px auto; display: flex; flex-direction: column; gap: 16px;"> <input type="email" name="email" placeholder="你的 Email" required style="padding: 12px 16px; border-radius: 10px; border: 1px solid rgba(150,123,182,0.3); font-size: 1rem; outline: none;"> <textarea name="message" placeholder="想說什麼呢？" rows="5" required style="padding: 12px 16px; border-radius: 10px; border: 1px solid rgba(150,123,182,0.3); font-size: 1rem; outline: none; resize: vertical;"></textarea> <button type="submit" style="padding: 15px; background: #967BB6; color: #fff; border: none; border-radius: 13px; font-size: 1.3rem; font-weight: bold; cursor: pointer;"> 送出 ✉️ </button> </form> https://myblog-9mp.pages.dev/archives/ Tue, 28 May 2019 00:00:00 +0000 https://myblog-9mp.pages.dev/archives/ https://myblog-9mp.pages.dev/search/ Mon, 01 Jan 0001 00:00:00 +0000 https://myblog-9mp.pages.dev/search/ https://myblog-9mp.pages.dev/%E9%8F%88%E6%8E%A5/ Mon, 01 Jan 0001 00:00:00 +0000 https://myblog-9mp.pages.dev/%E9%8F%88%E6%8E%A5/ <p>要使用此功能，請在 frontmatter 中添加 <code>links</code> 部分。</p> <p>此頁面的 frontmatter：</p> <div class="highlight"><div class="chroma"> <table class="lntable"><tr><td class="lntd"> <pre tabindex="0" class="chroma"><code><span class="lnt">1 </span><span class="lnt">2 </span><span class="lnt">3 </span><span class="lnt">4 </span><span class="lnt">5 </span><span class="lnt">6 </span><span class="lnt">7 </span><span class="lnt">8 </span><span class="lnt">9 </span></code></pre></td> <td class="lntd"> <pre tabindex="0" class="chroma"><code class="language-yaml" data-lang="yaml"><span class="line"><span class="cl"><span class="nt">links</span><span class="p">:</span><span class="w"> </span></span></span><span class="line"><span class="cl"><span class="w"> </span>- <span class="nt">title</span><span class="p">:</span><span class="w"> </span><span class="l">GitHub</span><span class="w"> </span></span></span><span class="line"><span class="cl"><span class="w"> </span><span class="nt">description</span><span class="p">:</span><span class="w"> </span><span class="l">GitHub 是世界上最大的軟件開發平台。</span><span class="w"> </span></span></span><span class="line"><span class="cl"><span class="w"> </span><span class="nt">website</span><span class="p">:</span><span class="w"> </span><span class="l">https://github.com</span><span class="w"> </span></span></span><span class="line"><span class="cl"><span class="w"> </span><span class="nt">image</span><span class="p">:</span><span class="w"> </span><span class="l">https://github.githubassets.com/images/modules/logos_page/GitHub-Mark.png</span><span class="w"> </span></span></span><span class="line"><span class="cl"><span class="w"> </span>- <span class="nt">title</span><span class="p">:</span><span class="w"> </span><span class="l">TypeScript</span><span class="w"> </span></span></span><span class="line"><span class="cl"><span class="w"> </span><span class="nt">description</span><span class="p">:</span><span class="w"> </span><span class="l">TypeScript 是 JavaScript 的一個超集，它可以編譯成純 JavaScript。</span><span class="w"> </span></span></span><span class="line"><span class="cl"><span class="w"> </span><span class="nt">website</span><span class="p">:</span><span class="w"> </span><span class="l">https://www.typescriptlang.org</span><span class="w"> </span></span></span><span class="line"><span class="cl"><span class="w"> </span><span class="nt">image</span><span class="p">:</span><span class="w"> </span><span class="l">ts-logo-128.jpg</span><span class="w"> </span></span></span></code></pre></td></tr></table> </div> </div><p><code>image</code> 字段支持本地和外部圖像。</p>