翻译 wxt 文档并接入 Adsense

实话说，这只是一个实验，并没有真正想过会从这里得到多少收益。 网站： https://wxt-8h8.pages.dev

本人接触浏览器插件开发 2-3 年了，对 wxt 框架算是比较了解的，之前也是通过阅读源码的方式来解决不少问题。

本人的 project 地址： https://honwhy.wang/projects

回头说下 wxt 的文档，原来使用 vitepress 来写的，我想在此基础上增加中文文档，并设置默认页面是中文的。

解决办法：

1 、项目地址 https://github.com/wxt-dev/wxt 在原来<ProjectRoot>/docs/ 新建一个目录 <ProjectRoot>/docs/zh

2 、将原来<ProjectRoot>/docs 下的所有 Markdown 文件（包括目录层次都要保持一致）都拷贝到 zh 目录下

3 、开动 AI 对 zh 目录下的文件进行翻译

4 、配置（这一步要注意 Vitepress 版本变化的情况） 在原来 <ProjectRoot>/docs/.vitepress/config.ts 文件中进行修改，

4-1 增加 locale 多语言配置，

export default defineConfig({ extends: knowledge, locales: { zh: { label: '简体中文', lang: 'zh', link: '/zh', themeConfig: {...} }, root: { label: 'English', lang: 'en', }, }, } 

4-2 配置重写（这一步是关键），

export default defineConfig({ extends: knowledge, locales: {...}, rewrites: { 'zh/index.md': 'index.md', 'zh/guide/:slug*': 'guide/:slug*', }, } 

重写的规则是以 Markdown 文件为 key ，映射到另外一个 Markdown 路径，这么解释， 比如zh/index.md 原来的访问路径是 https://website.com/zh/index 映射成 index.md 后，访问路径就是 https://website.com/index

5 、申请接入 Adsense 接入 Adsense 必须用之前未使用过的域名，由于honwhy.wang 之前申请过了，此次如果给这个翻译网站分配子域名是不能申请接入的。 所以，这次就直接使用 cloudflare pages 分配的域名了。

需要按照要求，将 ads.txt 添加到网站中，那么在 <ProjectRoot>/docs/ 中加一个 public 目录，并且添加着 ads.txt 文件就可以了