实话说,这只是一个实验,并没有真正想过会从这里得到多少收益。网站: 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 文件就可以了