<rss xmlns:atom="http://www.w3.org/2005/Atom" version="2.0"><channel><title>建站 - 标签 - Vindrin</title><link>https://vindrin.top/zh-cn/tags/%E5%BB%BA%E7%AB%99/</link><description>建站 - 标签 - Vindrin</description><generator>Hugo -- gohugo.io</generator><language>zh-CN</language><managingEditor>vindrin@outlook.com (Vindrin)</managingEditor><webMaster>vindrin@outlook.com (Vindrin)</webMaster><lastBuildDate>Sun, 01 Feb 2026 00:00:00 +0000</lastBuildDate><atom:link href="https://vindrin.top/zh-cn/tags/%E5%BB%BA%E7%AB%99/" rel="self" type="application/rss+xml"/><item><title>vindrin.top — 个人网站</title><link>https://vindrin.top/zh-cn/project/personal-website/</link><pubDate>Sun, 01 Feb 2026 00:00:00 +0000</pubDate><author>vindrin@outlook.com (Vindrin)</author><guid>https://vindrin.top/zh-cn/project/personal-website/</guid><description><![CDATA[<h1 id="vindrintop--个人网站">vindrin.top — 个人网站</h1>
<p>就是你现在看到的这个网站。</p>
<h2 id="目标">目标</h2>
<ul>
<li>一个干净的地方发布文章和项目</li>
<li>中英双语</li>
<li>快速、静态、不需要后端</li>
</ul>
<h2 id="技术栈">技术栈</h2>
<ul>
<li><strong>生成器</strong>：Hugo Extended</li>
<li><strong>主题</strong>：LoveIt（深度定制）</li>
<li><strong>托管</strong>：Cloudflare Pages</li>
<li><strong>域名</strong>：vindrin.top</li>
</ul>
<h2 id="自定义功能">自定义功能</h2>
<ul>
<li>主页动态视频背景</li>
<li>导航栏中英语言切换</li>
<li>About 页：活动热力图 + 分页日志</li>
<li>毛玻璃导航栏，支持日/夜模式切换</li>
</ul>
<h2 id="部署方式">部署方式</h2>
<p>每次推送到 <code>main</code> 分支，Cloudflare Pages 自动触发构建，零停机部署。</p>]]></description></item><item><title>用 Hugo + LoveIt 搭建个人网站</title><link>https://vindrin.top/zh-cn/posts/hugo-setup-guide/</link><pubDate>Thu, 15 Jan 2026 00:00:00 +0000</pubDate><author>vindrin@outlook.com (Vindrin)</author><guid>https://vindrin.top/zh-cn/posts/hugo-setup-guide/</guid><description><![CDATA[<h1 id="用-hugo--loveit-搭建个人网站">用 Hugo + LoveIt 搭建个人网站</h1>
<p>Hugo 构建速度极快，LoveIt 主题简洁好看，两者组合是个人网站的绝佳选择。</p>
<h2 id="环境要求">环境要求</h2>
<ul>
<li>Hugo Extended v0.110+</li>
<li>Git</li>
</ul>
<h2 id="安装步骤">安装步骤</h2>
<div class="code-block code-line-numbers open" style="counter-reset: code-block 0">
    <div class="code-header language-bash">
        <span class="code-title"><i class="arrow fas fa-angle-right" aria-hidden="true"></i></span>
        <span class="ellipses"><i class="fas fa-ellipsis-h" aria-hidden="true"></i></span>
        <span class="copy" title="复制到剪贴板"><i class="far fa-copy" aria-hidden="true"></i></span>
    </div><div class="highlight"><pre tabindex="0" class="chroma"><code class="language-bash" data-lang="bash"><span class="line"><span class="cl"><span class="c1"># Windows 安装 Hugo（通过 WinGet）</span>
</span></span><span class="line"><span class="cl">winget install Hugo.Hugo.Extended
</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">hugo new site my-blog
</span></span><span class="line"><span class="cl"><span class="nb">cd</span> my-blog
</span></span><span class="line"><span class="cl">
</span></span><span class="line"><span class="cl"><span class="c1"># 将 LoveIt 作为 submodule 引入</span>
</span></span><span class="line"><span class="cl">git init
</span></span><span class="line"><span class="cl">git submodule add https://github.com/dillonzq/LoveIt themes/LoveIt</span></span></code></pre></div></div>
<h2 id="基础配置">基础配置</h2>
<div class="code-block code-line-numbers open" style="counter-reset: code-block 0">
    <div class="code-header language-toml">
        <span class="code-title"><i class="arrow fas fa-angle-right" aria-hidden="true"></i></span>
        <span class="ellipses"><i class="fas fa-ellipsis-h" aria-hidden="true"></i></span>
        <span class="copy" title="复制到剪贴板"><i class="far fa-copy" aria-hidden="true"></i></span>
    </div><div class="highlight"><pre tabindex="0" class="chroma"><code class="language-toml" data-lang="toml"><span class="line"><span class="cl"><span class="nx">baseURL</span> <span class="p">=</span> <span class="s2">&#34;https://yourdomain.com/&#34;</span>
</span></span><span class="line"><span class="cl"><span class="nx">theme</span> <span class="p">=</span> <span class="s2">&#34;LoveIt&#34;</span>
</span></span><span class="line"><span class="cl"><span class="nx">paginate</span> <span class="p">=</span> <span class="mi">5</span></span></span></code></pre></div></div>
<h2 id="启动服务器">启动服务器</h2>
<div class="code-block code-line-numbers open" style="counter-reset: code-block 0">
    <div class="code-header language-bash">
        <span class="code-title"><i class="arrow fas fa-angle-right" aria-hidden="true"></i></span>
        <span class="ellipses"><i class="fas fa-ellipsis-h" aria-hidden="true"></i></span>
        <span class="copy" title="复制到剪贴板"><i class="far fa-copy" aria-hidden="true"></i></span>
    </div><div class="highlight"><pre tabindex="0" class="chroma"><code class="language-bash" data-lang="bash"><span class="line"><span class="cl">hugo server -D</span></span></code></pre></div></div>
<p>打开 <code>http://localhost:1313</code> 就能看到效果了。</p>]]></description></item></channel></rss>