🎉 欢迎来到 woI 的博客！这是我博客（除了关于页）的第一篇文章，这篇文章我主要想来给大家讲讲，我这个博客是怎么历经千辛万苦、一路踩坑才终于上线的。真的，中间好几次我都想直接把电脑合上不干了！🚀
💡 缘起：被大佬种草，1小时极速白嫖建站首先呢，最开始是看到了 CM 老师（也就是 Edgetunnel 的作者）发的一个教程，教大家怎么弄基于 Hexo 架构 anzhiyu 主题的零服务器博客。
看了之后我真的非常心动啊！因为我之前就在想，能不能自己也整一个 CM 老师同款的那种看着就很高级的博客出来。之前搞网站，一想到要买服务器、配环境、搞域名解析什么的我就头大，但这下直接省事了！不用花钱买 VPS，纯白嫖方案！
我大概花了 1 个多小时吧，跟着教程一步步敲命令，把他利用 Github Pages 托管代码，然后再套上 Cloudflare Pages 的 CDN 加速，直接就给弄上线了。也就是你们现在看到的这个站点的基础框架。当时看着网页第一次加载出来，心里那叫一个爽。🌐
🚧 现实骨感：被各种 yml 配置文件无情劝退但是！打脸来得太快了。后来我突然发现，你部署以后，里面根 ...
引言欢迎来到我的个人博客！
很多朋友是在 YouTube 上看到我分享的视频后关注到这里的。视频虽然直观，但由于网络环境的特殊性，很多具体的参数、代码片段和配置文件在视频中稍纵即逝。
因此，我决定在博客的第一篇文章中，将视频中提到的“网络优化”技巧进行深度沉淀，以图文并茂的方式呈现，方便大家随时查阅和复制。
视频回顾如果你还没看过这期视频，可以先通过下方的链接了解核心逻辑。视频中我详细演示了从服务器选购到客户端配置的全过程：
YouTube 视频地址： [在这里粘贴你的 YouTube 视频链接]
本期看点：
某主流协议的优劣势分析（VLESS/Reality 等）。
针对高延迟问题的优化方案。
如何构建更稳健的个人网络环境。
核心步骤图文解析
注意： 在配置过程中，请务必保持耐心，参数的细微差别可能会影响最终的稳定性。
1. 环境准备在开始操作之前，请确保你已经准备好以下要素：
服务器 (VPS)： 建议选择线路质量较好的服务商，优先考虑香港、日本或美国西海岸机房。
域名： 为了长久使用，建议配置域名并使用 Cloudflare 进行解析。
2. 关键代码 ...
Hexo 博客性能优化1. 减少静态资源体积1234567891011121314# _config.yml 配置优化minify: html: enable: true css: enable: true exclude: - '*.min.css' js: enable: true exclude: - '*.min.js' image: enable: true
2. 图片优化策略12345678# 使用图片懒加载lazyload: enable: true field: site# 配置图片 CDNcdn: image: https://your-cdn-domain.com/
3. 代码压缩与合并安装相关插件：
1npm install hexo-filter-optimize --save
配置 hexo-filter-optimize：
12345678910111213141516171819# _config.ymlfilter_optimize: e ...
什么是 React Hooks?React Hooks 是 React 16.8 引入的新特性，它让你在不编写 class 的情况下使用 state 以及其他的 React 特性。
基础 Hooks1. useStateuseState 是最常用的 Hook，它允许你在函数组件中添加 state。
1234567891011121314import React, { useState } from 'react';function Counter() { const [count, setCount] = useState(0); return ( <div> <p>You clicked {count} times</p> <button onClick={() => setCount(count + 1)}> Click me </button> </div> ...
TypeScript 简介TypeScript 是 JavaScript 的超集，为 JavaScript 添加了静态类型定义。它让大型项目更容易维护，减少了运行时错误。
基本配置1. 初始化 TypeScript 项目12345# 安装 TypeScriptnpm install -g typescript# 初始化 tsconfig.jsontsc --init
2. 推荐的 tsconfig.json 配置123456789101112131415161718192021222324{ "compilerOptions": { "target": "ES2020", "lib": ["DOM", "DOM.Iterable", "ES2020"], "module": "ESNext", "skipLibCheck": true, ...