🎉 欢迎来到 woI 的博客！这是我博客（除了关于页）的第一篇文章，这篇文章我主要想来给大家讲讲，我这个博客是怎么历经千辛万苦、一路踩坑才终于上线的。真的，中间好几次我都想直接把电脑合上不干了！🚀
💡 缘起：被大佬种草，1小时极速白嫖建站首先呢，最开始是看到了 CM 老师（也就是 Edgetunnel 的作者）发的一个教程，教大家怎么弄基于 Hexo 架构 anzhiyu 主题的零服务器博客。
看了之后我真的非常心动啊！因为我之前就在想，能不能自己也整一个 CM 老师同款的那种看着就很高级的博客出来。之前搞网站，一想到要买服务器、配环境、搞域名解析什么的我就头大，但这下直接省事了！不用花钱买 VPS，纯白嫖方案！
我大概花了 1 个多小时吧，跟着教程一步步敲命令，把他利用 Github Pages 托管代码，然后再套上 Cloudflare Pages 的 CDN 加速，直接就给弄上线了。也就是你们现在看到的这个站点的基础框架。当时看着网页第一次加载出来，心里那叫一个爽。🌐
🚧 现实骨感：被各种 yml 配置文件无情劝退但是！打脸来得太快了。后来我突然发现，你部署以后，里面根 ...
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, ...