/tc/notes/dev/web/ Recent content in 架站筆記 on Thita希達的創作便利貼 Hugo -- gohugo.io zh-tw Thita 希達 © 2026 Fri, 03 Oct 2025 10:00:00 +0800 /tc/notes/dev/web/cheatsheet-hugo-blowfish/ Wed, 05 Feb 2025 10:00:00 +0800 /tc/notes/dev/web/cheatsheet-hugo-blowfish/ <p> <figure> <img class="my-0 rounded-md nozoom flex justify-center w-custom-330" srcset=" /notes/dev/web/cheatsheet-hugo-blowfish/images/inner_cover_hugo_blowfish_hu_a945811f4cc4c406.jpg 330w, /notes/dev/web/cheatsheet-hugo-blowfish/images/inner_cover_hugo_blowfish_hu_76b5ee373b2c7a35.jpg 660w, /notes/dev/web/cheatsheet-hugo-blowfish/images/inner_cover_hugo_blowfish_hu_8bda4392d45d4c4.jpg 1024w, /notes/dev/web/cheatsheet-hugo-blowfish/images/inner_cover_hugo_blowfish_hu_d25318fdd26e7a4.jpg 2x" src="/notes/dev/web/cheatsheet-hugo-blowfish/images/inner_cover_hugo_blowfish_hu_76b5ee373b2c7a35.jpg" alt="Inner Cover Image" /> </figure> Hugo搭配Blowfish主題的語法，<br> 大致分成：<br> <strong>HTML語法</strong>：寫模板、樣式，最通用<br> <strong>MD語法</strong>：常用於<code>index.md</code>內頁，簡便<br> <strong>Blowfish 簡碼</strong>：Blowfish主題整理的GO語法<br></p> /tc/notes/dev/web/copy-project-folder/ Fri, 03 Oct 2025 10:00:00 +0800 /tc/notes/dev/web/copy-project-folder/ <figure> <img class="my-0 rounded-md nozoom flex justify-center w-custom-330" srcset=" /notes/dev/web/copy-project-folder/images/inner_cover_hugo_hu_7a233451d81d71c2.jpg 330w, /notes/dev/web/copy-project-folder/images/inner_cover_hugo_hu_1da162691e255b4c.jpg 660w, /notes/dev/web/copy-project-folder/images/inner_cover_hugo_hu_513ac3a55a649b7c.jpg 1024w, /notes/dev/web/copy-project-folder/images/inner_cover_hugo_hu_9125e65051c130cb.jpg 2x" src="/notes/dev/web/copy-project-folder/images/inner_cover_hugo_hu_1da162691e255b4c.jpg" alt="Inner Cover Image" /> </figure> <!-- [claude](https://claude.ai/chat/11e4a569-1f7e-475f-b4f9-cb44ef9ffc59) --> <h2 class="relative group">步驟提要 <div id="%E6%AD%A5%E9%A9%9F%E6%8F%90%E8%A6%81" class="anchor"></div> <span class="absolute top-0 w-6 transition-opacity opacity-0 ltr:-left-6 rtl:-right-6 not-prose group-hover:opacity-100"> <a class="group-hover:text-primary-300 dark:group-hover:text-neutral-700" style="text-decoration-line: none !important;" href="#%E6%AD%A5%E9%A9%9F%E6%8F%90%E8%A6%81" aria-label="定位點">#</a> </span> </h2> <ol> <li>複製原專案資料夾、更名</li> <li>移除新專案 舊Git遠端連結</li> <li>上傳新專案到 GitHub，建立新 repository</li> <li>忽略 <strong>/hugo.exe</strong>、<strong>/public/</strong>、<strong>/resources</strong></li> <li>連結到新的 GitHub repository<br> →若忘記忽略→ 4.5. 補忽略+刪除</li> <li>驗證</li> <li>部屬新專案 <br></li> </ol> <h2 class="relative group">1. 複製專案資料夾 <div id="1-%E8%A4%87%E8%A3%BD%E5%B0%88%E6%A1%88%E8%B3%87%E6%96%99%E5%A4%BE" class="anchor"></div> <span class="absolute top-0 w-6 transition-opacity opacity-0 ltr:-left-6 rtl:-right-6 not-prose group-hover:opacity-100"> <a class="group-hover:text-primary-300 dark:group-hover:text-neutral-700" style="text-decoration-line: none !important;" href="#1-%E8%A4%87%E8%A3%BD%E5%B0%88%E6%A1%88%E8%B3%87%E6%96%99%E5%A4%BE" aria-label="定位點">#</a> </span> </h2> <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-bash" data-lang="bash"><span class="line"><span class="cl"><span class="c1"># 在專案的上層目錄執行</span> </span></span><span class="line"><span class="cl">cp -r thWeb-cc_0730-25 thWeb-cc_0930-25 </span></span></code></pre></div> <h2 class="relative group">2. 進入新資料夾並移除舊的 Git 遠端連結 <div id="2-%E9%80%B2%E5%85%A5%E6%96%B0%E8%B3%87%E6%96%99%E5%A4%BE%E4%B8%A6%E7%A7%BB%E9%99%A4%E8%88%8A%E7%9A%84-git-%E9%81%A0%E7%AB%AF%E9%80%A3%E7%B5%90" class="anchor"></div> <span class="absolute top-0 w-6 transition-opacity opacity-0 ltr:-left-6 rtl:-right-6 not-prose group-hover:opacity-100"> <a class="group-hover:text-primary-300 dark:group-hover:text-neutral-700" style="text-decoration-line: none !important;" href="#2-%E9%80%B2%E5%85%A5%E6%96%B0%E8%B3%87%E6%96%99%E5%A4%BE%E4%B8%A6%E7%A7%BB%E9%99%A4%E8%88%8A%E7%9A%84-git-%E9%81%A0%E7%AB%AF%E9%80%A3%E7%B5%90" aria-label="定位點">#</a> </span> </h2> <div class="highlight"><pre tabindex="0" class="chroma"><code class="language-bash" data-lang="bash"><span class="line"><span class="cl"><span class="nb">cd</span> thWeb-cc_0930-25 </span></span><span class="line"><span class="cl"> </span></span><span class="line"><span class="cl"><span class="c1"># 查看目前的遠端連結</span> </span></span><span class="line"><span class="cl">git remote -v </span></span><span class="line"><span class="cl"> </span></span><span class="line"><span class="cl"><span class="c1"># 移除舊的遠端連結</span> </span></span><span class="line"><span class="cl">git remote remove origin </span></span></code></pre></div> <h2 class="relative group">3. 在 GitHub 上建立新的 repository <div id="3-%E5%9C%A8-github-%E4%B8%8A%E5%BB%BA%E7%AB%8B%E6%96%B0%E7%9A%84-repository" class="anchor"></div> <span class="absolute top-0 w-6 transition-opacity opacity-0 ltr:-left-6 rtl:-right-6 not-prose group-hover:opacity-100"> <a class="group-hover:text-primary-300 dark:group-hover:text-neutral-700" style="text-decoration-line: none !important;" href="#3-%E5%9C%A8-github-%E4%B8%8A%E5%BB%BA%E7%AB%8B%E6%96%B0%E7%9A%84-repository" aria-label="定位點">#</a> </span> </h2> <ul> <li>前往 GitHub 網站</li> <li>點擊右上角的 &ldquo;+&rdquo; → &ldquo;New repository&rdquo;</li> <li>Repository name 填入：<code>thWeb-cc_0930-25</code></li> <li>選擇 Public 或 Private</li> <li><strong>不要</strong>勾選 &ldquo;Initialize this repository with a README&rdquo;</li> <li>點擊 &ldquo;Create repository&rdquo;</li> </ul> <h2 class="relative group">4. .gitignore 設定忽略 <div id="4-gitignore-%E8%A8%AD%E5%AE%9A%E5%BF%BD%E7%95%A5" class="anchor"></div> <span class="absolute top-0 w-6 transition-opacity opacity-0 ltr:-left-6 rtl:-right-6 not-prose group-hover:opacity-100"> <a class="group-hover:text-primary-300 dark:group-hover:text-neutral-700" style="text-decoration-line: none !important;" href="#4-gitignore-%E8%A8%AD%E5%AE%9A%E5%BF%BD%E7%95%A5" aria-label="定位點">#</a> </span> </h2> <p>從 GitHub Desktop 設定<br> <code>GitHub Desktop → Repository → Repository settings...</code></p> /tc/notes/dev/web/images-in-content/ Wed, 05 Feb 2025 10:00:00 +0800 /tc/notes/dev/web/images-in-content/ <p> <figure> <img class="my-0 rounded-md nozoom flex justify-center w-custom-330" srcset=" /notes/dev/web/images-in-content/images/inner_cover_hugo_blowfish_hu_ccb97459c785abc4.jpg 330w, /notes/dev/web/images-in-content/images/inner_cover_hugo_blowfish_hu_ecf74778f5d9f865.jpg 660w, /notes/dev/web/images-in-content/images/inner_cover_hugo_blowfish_hu_2b26ef262d59e4b6.jpg 1024w, /notes/dev/web/images-in-content/images/inner_cover_hugo_blowfish_hu_85363d1284c4ef1d.jpg 2x" src="/notes/dev/web/images-in-content/images/inner_cover_hugo_blowfish_hu_ecf74778f5d9f865.jpg" alt="Inner Cover Image" /> </figure> <a href="#figure">figure簡碼寫法</a> / <a href="#md">MD寫法</a></p> <h2 class="relative group">圖片的資料夾結構 <div id="%E5%9C%96%E7%89%87%E7%9A%84%E8%B3%87%E6%96%99%E5%A4%BE%E7%B5%90%E6%A7%8B" class="anchor"></div> <span class="absolute top-0 w-6 transition-opacity opacity-0 ltr:-left-6 rtl:-right-6 not-prose group-hover:opacity-100"> <a class="group-hover:text-primary-300 dark:group-hover:text-neutral-700" style="text-decoration-line: none !important;" href="#%E5%9C%96%E7%89%87%E7%9A%84%E8%B3%87%E6%96%99%E5%A4%BE%E7%B5%90%E6%A7%8B" aria-label="定位點">#</a> </span> </h2> <p>在 <strong>Hugo</strong> 中， <strong>Page Bundle</strong> 圖片的相對路徑要注意規則。<br> 資料夾裡必須要有一個 <code>index.md</code> (・ω・、)<br> 若只有 <code>index.zh-tw.md</code> 或其他語言的index<br> Page Bundle會無法辨識，導致無法抓取，圖片破光光 (つд`ﾟ)･ﾟ･</p>