SEO（Search Engine Optimization，搜索引擎优化）是让网站在搜索引擎中获得更高排名的过程，目的是提高网站的可见性。随着互联网的发展，SEO 成为了每个网站运营者必不可少的工作之一。对于 **BruceX** 的网站，我便也实现了一些简单实现了SEO的优化。

在开发过程中，常常会遇到前端和后端接口之间的跨域问题，尤其是在使用像 Vite 这样的构建工具时。在本地开发时，我们通常可以通过 Vite 的 `server.proxy` 配置来解决这些跨域问题。然

### **1. 创建画布** + 使用 `document.querySelector('canvas.webgl')` 获取 HTML 中的 `<canvas>` 元素。 + 该画布将作为 We

## 问题背景 在开发过程中，前端可能需要访问外部的 API。由于浏览器的同源策略，直接从前端访问这些外部 API 可能会受到跨域问题的限制。为了解决这个问题，我们可以通过在 Next.js 中创建