https://blog.inte8.top/categories/%E9%A1%B9%E7%9B%AE%E6%B5%8B%E8%AF%95/Recent content in 项目测试 on 因特吧https://blog.inte8.top/logo.pnghttps://blog.inte8.top/logo.pngHugozh_CNWed, 29 Apr 2026 23:40:00 +0800https://blog.inte8.top/posts/hexo%E5%8D%9A%E5%AE%A2%E6%80%A7%E8%83%BD%E4%BC%98%E5%8C%96%E5%AE%9E%E8%B7%B5/Wed, 29 Apr 2026 23:40:00 +0800https://blog.inte8.top/posts/hexo%E5%8D%9A%E5%AE%A2%E6%80%A7%E8%83%BD%E4%BC%98%E5%8C%96%E5%AE%9E%E8%B7%B5/<h2 id="前言">前言</h2> <p>搭建好 Hexo 博客之后，性能优化是提升用户体验的重要一环。本文记录了我在优化博客加载速度过程中的实践和心得。</p> <h2 id="性能分析">性能分析</h2> <p>首先使用工具分析当前博客的性能瓶颈：</p> <ul> <li><strong>Google PageSpeed Insights</strong>：综合评分工具</li> <li><strong>Lighthouse</strong>：Chrome 内置的性能审计工具</li> <li><strong>WebPageTest</strong>：详细的加载瀑布图分析</li> </ul> <h2 id="图片优化">图片优化</h2> <p>图片通常是网页中最大的资源，优化效果立竿见影：</p> <ol> <li>使用 WebP 格式替代 PNG/JPG，体积减少 30%-50%</li> <li>添加图片懒加载（Lazy Load），首屏外的图片延迟加载</li> <li>压缩封面图片，控制在 200KB 以内</li> </ol> <h2 id="静态资源优化">静态资源优化</h2> <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></code></pre></td> <td class="lntd"> <pre tabindex="0" class="chroma"><code class="language-bash" data-lang="bash"><span class="line"><span class="cl"><span class="c1"># 开启 Gzip 压缩</span> </span></span><span class="line"><span class="cl"><span class="c1"># 在 GitHub Pages 上默认已开启</span> </span></span><span class="line"><span class="cl"> </span></span><span class="line"><span class="cl"><span class="c1"># 合并 CSS/JS 文件减少请求数</span> </span></span><span class="line"><span class="cl"><span class="c1"># 使用 CDN 加速静态资源加载</span> </span></span></code></pre></td></tr></table> </div> </div><h2 id="缓存策略">缓存策略</h2> <p>合理设置缓存策略可以大幅提升回访速度：</p> <ul> <li>HTML 文件：短期缓存，确保内容及时更新</li> <li>CSS/JS/图片：长期缓存，通过文件名哈希实现版本控制</li> <li>字体文件：设置较长的缓存时间</li> </ul> <h2 id="优化效果">优化效果</h2> <p>经过一系列优化后：</p> <table> <thead> <tr> <th>指标</th> <th>优化前</th> <th>优化后</th> </tr> </thead> <tbody> <tr> <td>首屏加载</td> <td>4.2s</td> <td>1.8s</td> </tr> <tr> <td>PageSpeed 评分</td> <td>62</td> <td>91</td> </tr> <tr> <td>请求数</td> <td>48</td> <td>32</td> </tr> </tbody> </table> <p>性能优化是一个持续的过程，后续还会继续探索更多优化手段。</p>https://blog.inte8.top/posts/%E9%98%BF%E9%87%8C%E4%BA%91%E8%85%BE%E8%AE%AF%E4%BA%91%E5%AE%89%E8%A3%85%E7%88%B1%E5%BF%AB%E7%B3%BB%E7%BB%9F%E6%AD%A5%E9%AA%A4/Fri, 11 Jul 2025 00:00:00 +0800https://blog.inte8.top/posts/%E9%98%BF%E9%87%8C%E4%BA%91%E8%85%BE%E8%AE%AF%E4%BA%91%E5%AE%89%E8%A3%85%E7%88%B1%E5%BF%AB%E7%B3%BB%E7%BB%9F%E6%AD%A5%E9%AA%A4/<h1 id="阿里云腾讯云-安装爱快软路由系统">阿里云/腾讯云 安装爱快软路由系统</h1> <p>在阿里云或腾讯云上安装爱快（iKuai）软路由系统，可以将云服务器变成功能强大的路由器，实现多线负载均衡、行为管理、流量控制等功能。整个过程分为六个步骤。</p> <h2 id="前提条件">前提条件</h2> <ul> <li>已购买阿里云或腾讯云服务器</li> <li>操作系统选择 <strong>Ubuntu</strong>（版本任意，推荐 20.04/22.04）</li> <li>能通过控制台使用 VNC 远程登录</li> </ul> <hr> <h2 id="第一步设置交换机子网关键">第一步：设置交换机/子网（关键）</h2> <p>这一步非常重要！云厂商默认分配的私有地址段过大（如 /16 或 /20），而爱快在设置 WAN 口时无法指定子网掩码，必须先缩小地址段。</p> <h3 id="阿里云操作">阿里云操作</h3> <ol> <li>进入控制台 → 点击 ECS 实例 → 左下角 <strong>专有网络 VPC</strong></li> <li>新建交换机，设置合适的子网，例如 <code>172.18.1.0/24</code></li> <li><strong>停止实例</strong>（必须先停机）</li> <li>点击实例 → 修改私有 IP → 选择刚创建的交换机 → 指定 IP（如 <code>172.18.1.1</code>）</li> <li>启动实例</li> </ol> <blockquote> <p>如果一次修改不成功，可能需要多次保存重试。</p> </blockquote> <h3 id="腾讯云操作">腾讯云操作</h3> <ol> <li>进入控制台 → 云产品 → <strong>私有网络</strong></li> <li>点击 <strong>子网</strong> → 新建子网，例如 <code>172.16.16.0/24</code></li> <li>点击实例名 → 进入 <strong>弹性网卡</strong> 设置 → 点击主网卡名</li> <li>修改私网 IP 为新子网内的地址（如 <code>172.16.16.3</code>）</li> </ol> <h2 id="第二步记录-ip-地址和网关">第二步：记录 IP 地址和网关</h2> <p>启动 Ubuntu 系统后，登录并查看网络信息，<strong>抄下来备用</strong>。</p>