左小白的技术日常
Github

vuepress html lang 默认为英文,总是弹出 google 翻译怎么解决

这篇文章发布于 2021/04/03,归类于
标签:
总是弹出 google 翻译怎么解决vuepress 默认 lang 设置

默认情况下,vuepress 生成的网页 html lang 属性为 "en-US",当在 Chrome 浏览器打开时,总是会弹出翻译的窗口。如下图

chrome-translate.png

解决这个问题的方法就是将默认的 lang 设置为中文 "zh-CN" 即可。vuepress 支持国际化功能,我们只需要修改下对应的配置即可。

// .vuepress/config.js
module.exports = {
  title: '左小白的前端笔记',
  // 国际化相关
  locales: {
    // 键名是该语言所属的子路径
    // 作为特例,默认语言可以使用 '/' 作为其路径。
    '/': {
      lang: 'zh-CN', // 将会被设置为 <html> 的 lang 属性
    }
  },
  // ...
}

修改后的效果如下图,lang 修改了,就不会弹翻译的窗口了

chrome-zhcn.png