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